.fpdemo{--fl-navy:#162c3a;--fl-ink:#0c1b25;--fl-ink2:#4a5a63;--fl-ink3:#6b7a82;--fl-green:#476f5c;--fl-green-dark:#3a5d4c;--fl-green-light:#dce7de;--fl-offwhite:#f7f8f5;--fl-line:#dde3df;--fl-line2:#c5cfca;--fl-err:#b3261e;color:var(--fl-ink);font-family:inherit;line-height:1.5}.fpdemo button{cursor:pointer}.fpdemo button:disabled{cursor:default}.fpdemo .modal-back{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c1b2599;justify-content:center;align-items:center;padding:24px;animation:.18s fpd-fade;display:flex;position:fixed;inset:0}.fpdemo .modal{overscroll-behavior:contain;background:var(--fl-offwhite);border-radius:14px;flex-direction:column;width:min(980px,100%);max-height:calc(100dvh - 48px);animation:.22s fpd-pop;display:flex;overflow:auto;box-shadow:0 40px 100px -30px #0c1b258c}.fpdemo .modal-demo{width:min(1440px,100%)}.fpdemo .modal-head{border-bottom:1px solid var(--fl-line);z-index:5;background:#fff;align-items:center;gap:14px;padding:14px 18px;display:flex;position:sticky;top:0}.fpdemo .modal-mark{flex-shrink:0;width:auto;height:22px}.fpdemo .modal-title{flex-wrap:wrap;flex:1;align-items:center;gap:22px;min-width:0;display:flex}.fpdemo .modal-title b{letter-spacing:-.2px;color:var(--fl-navy);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:16px;font-weight:800;overflow:hidden}.fpdemo .steps-ind{color:var(--fl-ink3);gap:16px;font-size:12.5px;font-weight:600;display:flex}.fpdemo .steps-ind li{align-items:center;gap:7px;display:inline-flex}.fpdemo .steps-ind i{width:20px;height:20px;color:var(--fl-ink2);background:#e9ede9;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.fpdemo .steps-ind li.on{color:var(--fl-ink)}.fpdemo .steps-ind li.on i{background:var(--fl-green);color:#fff}.fpdemo .steps-ind li.done i{background:var(--fl-green-light);color:var(--fl-green-dark)}.fpdemo .modal-x{border:1px solid var(--fl-line);width:38px;height:38px;color:var(--fl-ink2);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fpdemo .modal-x:hover{color:var(--fl-navy);border-color:var(--fl-navy)}.fpdemo .fpd-btn{letter-spacing:-.1px;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 22px;font-size:14.5px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.fpdemo .fpd-btn-lg{height:52px;padding:0 26px;font-size:15.5px}.fpdemo .fpd-btn-primary{background:var(--fl-green);color:#fff}.fpdemo .fpd-btn-primary:hover{background:var(--fl-green-dark)}.fpdemo .fpd-btn-primary:disabled{opacity:.55;background:var(--fl-green)}.fpdemo .fpd-btn .play{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.fpdemo .fpd-btn .play svg{margin-left:1px}.fpdemo .link{color:var(--fl-green);text-underline-offset:3px;font-size:14px;font-weight:700;text-decoration:underline}.fpdemo .link:hover{color:var(--fl-green-dark)}.fpdemo .spin{animation:.9s linear infinite fpd-spin}.fpdemo .onb{flex:1;grid-template-columns:300px minmax(0,1fr);display:grid}.fpdemo .onb-side{background:var(--fl-navy);color:#fff;flex-direction:column;gap:18px;padding:30px 28px;display:flex}.fpdemo .onb-side h3{letter-spacing:-.4px;font-size:24px;font-weight:800;line-height:1.15}.fpdemo .onb-side ul{color:#ffffffdb;flex-direction:column;gap:12px;font-size:14.5px;line-height:1.45;display:flex}.fpdemo .onb-side li{align-items:flex-start;gap:10px;display:flex}.fpdemo .onb-side li svg{color:#9fbfae;flex-shrink:0;margin-top:3px}.fpdemo .onb-side small{color:#ffffff9e;margin-top:auto;font-size:12.5px;line-height:1.5}.fpdemo .onb-form{flex-direction:column;gap:18px;min-width:0;padding:28px 30px 30px;display:flex}.fpdemo .onb-form h3{letter-spacing:-.3px;color:var(--fl-navy);font-size:22px;font-weight:800}.fpdemo .onb-form>p{color:var(--fl-ink2);margin-top:-10px;font-size:15px}.fpdemo .fld label,.fpdemo .fld-label{color:var(--fl-ink2);margin-bottom:7px;font-size:12.5px;font-weight:700;display:block}.fpdemo .field-row{flex-wrap:wrap;gap:10px;display:flex}.fpdemo .field-row .inp{flex:200px;min-width:0}.fpdemo .inp{position:relative}.fpdemo .fld .inp input,.fpdemo .fld .inp select{border:1px solid var(--fl-line2);width:100%;height:48px;color:var(--fl-ink);background:#fff;border-radius:8px;padding:0 14px;font-size:16px;font-weight:600}.fpdemo .fld .inp input::placeholder{color:#8a979e;font-weight:500}.fpdemo .fld .inp select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c1b25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/16px no-repeat;padding-right:40px}.fpdemo .fld .inp input:focus,.fpdemo .fld .inp select:focus{border-color:var(--fl-green);outline:none;box-shadow:0 0 0 3px #476f5c33}.fpdemo .fld .inp input[aria-invalid=true]{border-color:var(--fl-err)}.fpdemo .inp.ok input{border-color:var(--fl-green);padding-right:40px}.fpdemo .inp-ok{color:var(--fl-green);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.fpdemo .field-err{color:var(--fl-err);margin-top:6px;font-size:13px;font-style:normal;font-weight:600;display:block}.fpdemo .firm{border:1px solid var(--fl-line);border-left:3px solid var(--fl-green);background:#fff;border-radius:8px;margin-top:10px;padding:12px 14px}.fpdemo .firm b{color:var(--fl-navy);font-size:15px;font-weight:700;display:block}.fpdemo .firm small{color:var(--fl-ink2);margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.fpdemo .fld-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fpdemo .onb-link{margin-top:10px;display:inline-block}.fpdemo .chips{flex-wrap:wrap;gap:8px;display:flex}.fpdemo .chip{border:1px solid var(--fl-line2);min-height:40px;color:var(--fl-ink2);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:6px 14px;font-size:13.5px;font-weight:600;transition:border-color .15s,box-shadow .15s,background-color .15s;display:inline-flex}.fpdemo .chip svg{color:var(--fl-green);flex-shrink:0}.fpdemo .chip:hover{border-color:var(--fl-green)}.fpdemo .chip.on{border-color:var(--fl-green);color:var(--fl-ink);background:#f1f6f2;box-shadow:0 0 0 3px #476f5c29}.fpdemo .chip em{text-transform:uppercase;letter-spacing:.06em;color:var(--fl-green-dark);background:var(--fl-green-light);border-radius:6px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:800}.fpdemo .onb-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;display:flex}.fpdemo .opt.consent{color:var(--fl-ink2);align-items:flex-start;gap:10px;font-size:13.5px;font-weight:500;line-height:1.45;display:flex}.fpdemo .opt.consent input{width:18px;height:18px;accent-color:var(--fl-green);flex-shrink:0;margin-top:2px}.fpdemo .opt.consent .link{font-size:inherit}.fpdemo .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.fpdemo .modal-body{padding:14px 18px 18px}.fpdemo .demo-pick{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.fpdemo .modal-pick{margin-bottom:12px}.fpdemo .demo-tab{border:1px solid var(--fl-line2);height:44px;color:var(--fl-ink2);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.fpdemo .demo-tab svg{color:var(--fl-green)}.fpdemo .demo-tab:hover{border-color:var(--fl-green)}.fpdemo .demo-tab.on{color:var(--fl-ink);border-color:var(--fl-green);background:#f1f6f2;box-shadow:0 0 0 3px #476f5c29}.fpdemo .demo-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.fpdemo .demo-roles{color:var(--fl-ink2);flex-wrap:wrap;align-items:center;gap:8px;min-width:0;font-size:13.5px;display:flex}.fpdemo .demo-roles em{color:var(--fl-ink);border:1px solid var(--fl-line);background:#fff;border-radius:8px;padding:4px 12px;font-size:12.5px;font-style:normal;font-weight:600}.fpdemo .demo-note{color:var(--fl-ink3);flex-basis:100%;font-size:12.5px}.fpdemo .demo-ctas{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.fpdemo .device{--blue:#4f6fff;--blue-soft:#edf0ff;--blue-ink:#3e5ef8;--purple:#6d5ef6;--purple-deep:#5b45e8;--purple-soft:#efedfe;--green:#22c55e;--green-soft:#e7f9ee;--amber:#f59e0b;--amber-soft:#fef3e2;--red:#ef4444;--red-soft:#feecec;--ink:#15132a;--ink2:#514f6b;--ink3:#8e8aa8;--border:#3c307817;--border2:#3c307829;--shc:0 14px 40px #4e46961a;--side:linear-gradient(180deg, #0b0a16 0%, #100e24 52%, #17132f 100%);--grad-ai:linear-gradient(135deg, #4f6fff 0%, #6d5ef6 100%);color:var(--ink);background:#f3f1fb;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #6d5ef61f}.fpdemo .device-bar{background:#e9e6f5;border-bottom:1px solid #18103614;align-items:center;gap:14px;height:42px;padding:0 16px;display:flex}.fpdemo .dots{gap:6px;display:inline-flex}.fpdemo .dots i{background:#d4d0e4;border-radius:50%;width:11px;height:11px}.fpdemo .device-url{text-align:center;min-width:0;color:var(--ink3);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;flex:1;max-width:420px;height:26px;margin:0 auto;padding:0 10px;font-size:12.5px;font-weight:600;line-height:26px;overflow:hidden}.fpdemo .device-mobnav{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:none}.fpdemo .device-body{grid-template-columns:236px 1fr;min-height:min(640px,100vh - 320px);display:grid;position:relative}.fpdemo .logo{color:#fff;align-items:center;gap:10px;display:inline-flex}.fpdemo .logo img{flex-shrink:0}.fpdemo .logo-word{letter-spacing:-.5px;font-size:20px;font-weight:800;line-height:1}.fpdemo .dside{background:var(--side);color:#9a96b4;flex-direction:column;display:flex}.fpdemo .dside-logo{border-bottom:1px solid #ffffff12;padding:18px 18px 14px}.fpdemo .dside-nav{flex:1;padding:8px 10px;overflow:hidden}.fpdemo .dgroup{margin-top:4px}.fpdemo .dgroup-t{letter-spacing:.06em;text-transform:uppercase;color:#fff6;padding:10px 10px 5px;font-size:10px;font-weight:700}.fpdemo .ditem{color:#9a96b4;text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s;display:flex}.fpdemo .ditem:hover{color:#fff;background:#ffffff0d}.fpdemo .ditem.on{background:var(--grad-ai);color:#fff;font-weight:600}.fpdemo .ditem svg{flex-shrink:0}.fpdemo .ditem span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fpdemo .ditem b{background:#ffffff1a;border-radius:10px;padding:1px 7px;font-size:10.5px;font-weight:700}.fpdemo .ditem.on b{background:#ffffff38}.fpdemo .ditem em{text-transform:uppercase;letter-spacing:.04em;color:#b9a9ff;border:1px solid #b9a9ff66;border-radius:8px;padding:1px 6px;font-size:9.5px;font-style:normal;font-weight:700}.fpdemo .dside-foot{border-top:1px solid #ffffff12;padding:12px}.fpdemo .dside-tenant{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.fpdemo .dside-tenant>div{min-width:0}.fpdemo .dside-tenant-ic{color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.fpdemo .dside-tenant b{color:#fff;overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.2;display:block}.fpdemo .dside-tenant small{color:#ffffff80;font-size:11px}.fpdemo .dside-shade{display:none}.fpdemo .dmain{flex-direction:column;min-width:0;display:flex}.fpdemo .dtop{background:#ffffff80;border-bottom:1px solid #18103612;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.fpdemo .dcrumb{color:var(--ink3);align-items:center;gap:6px;min-width:0;font-size:12.5px;font-weight:600;display:flex}.fpdemo .dcrumb span:last-child{color:var(--ink)}.fpdemo .dcrumb span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fpdemo .rot{flex-shrink:0;transform:rotate(-90deg)}.fpdemo .dtop-r{align-items:center;gap:10px;display:flex}.fpdemo .dai{background:var(--grad-ai);color:#fff;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.fpdemo .drole{position:relative}.fpdemo .drole-btn{border:1px solid var(--border2);background:#fff;border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 10px 0 4px;display:flex}.fpdemo .davatar{background:var(--grad-ai);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:inline-flex}.fpdemo .drole-name{text-align:left;line-height:1.1}.fpdemo .drole-name b{white-space:nowrap;font-size:12px;font-weight:700;display:block}.fpdemo .drole-name small{color:var(--ink3);font-size:10.5px}.fpdemo .drole-menu{z-index:5;border:1px solid var(--border2);background:#fff;border-radius:14px;width:min(300px,100vw - 48px);padding:6px;position:absolute;top:44px;right:0;box-shadow:0 16px 40px #00000029}.fpdemo .drole-menu button{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 10px;display:flex}.fpdemo .drole-menu button:hover{background:#f2f0fb}.fpdemo .drole-menu button.on{background:var(--purple-soft)}.fpdemo .drole-menu b{font-size:13px;font-weight:700;display:block}.fpdemo .drole-menu small{color:var(--ink3);font-size:11.5px;line-height:1.3}.fpdemo .dscreen{min-width:0;padding:20px 20px 24px;animation:.22s fpd-fade-up}.fpdemo .dh1 h3{letter-spacing:-.4px;font-size:22px;font-weight:800;line-height:1.25}.fpdemo .dh1 p{color:var(--ink3);margin-top:2px;font-size:13px}.fpdemo .dsoon{color:var(--purple);background:var(--purple-soft);border-radius:8px;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.fpdemo .dkpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.fpdemo .dkpi{border:1px solid var(--border);box-shadow:var(--shc);background:#fff;border-radius:14px;padding:14px 16px;position:relative;overflow:hidden}.fpdemo .dkpi small{color:var(--ink3);font-size:11.5px;font-weight:600;display:block}.fpdemo .dkpi b{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:800;line-height:1.15;display:block}.fpdemo .dkpi span{color:var(--ink2);margin-top:3px;font-size:11.5px;display:block}.fpdemo .dkpi:before{content:"";background:var(--purple);opacity:.6;width:3px;position:absolute;top:0;bottom:0;left:0}.fpdemo .dkpi.t-ok:before{background:var(--green)}.fpdemo .dkpi.t-warn:before{background:var(--amber)}.fpdemo .dkpi.t-bad:before{background:var(--red)}.fpdemo .dblocks{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.fpdemo .dblocks.n1{grid-template-columns:1fr}.fpdemo .dcard{border:1px solid var(--border);box-shadow:var(--shc);background:#fff;border-radius:14px;min-width:0;padding:14px 16px}.fpdemo .dcard-wide,.fpdemo .dcard-map+.dcard{grid-column:1/-1}.fpdemo .dcard-h{margin-bottom:10px}.fpdemo .dcard-h b{font-size:13.5px;font-weight:700;display:block}.fpdemo .dcard-h small{color:var(--ink3);font-size:11.5px}.fpdemo .dnote{color:var(--ink3);margin-top:8px;font-size:11.5px}.fpdemo .pill{white-space:nowrap;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.fpdemo .p-ok{background:var(--green-soft);color:#15803d}.fpdemo .p-warn{background:var(--amber-soft);color:#b45309}.fpdemo .p-bad{background:var(--red-soft);color:#dc2626}.fpdemo .p-info{background:var(--blue-soft);color:var(--blue-ink)}.fpdemo .p-muted{color:var(--ink3);background:#eef0f6}.fpdemo .bars{flex-direction:column;gap:8px;display:flex}.fpdemo .bar-row{grid-template-columns:minmax(90px,44%) 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.fpdemo .bar-l{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fpdemo .bar-track{background:#eef0f6;border-radius:6px;height:8px;overflow:hidden}.fpdemo .bar-track i{background:var(--grad-ai);border-radius:6px;height:100%;display:block}.fpdemo .bar-track i.t-ok{background:var(--green)}.fpdemo .bar-track i.t-warn{background:var(--amber)}.fpdemo .bar-track i.t-bad{background:var(--red)}.fpdemo .bar-v{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.fpdemo .dtable-scroll{overflow-x:auto}.fpdemo .dtable{border-collapse:collapse;width:100%;font-size:12px}.fpdemo .dtable th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 8px 8px;font-size:10.5px;font-weight:700}.fpdemo .dtable td{border-bottom:1px solid var(--border);white-space:nowrap;padding:8px}.fpdemo .dtable td:first-child{font-weight:600}.fpdemo .dtable tr:last-child td{border-bottom:0}.fpdemo .dlist li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.fpdemo .dlist li:last-child{border-bottom:0}.fpdemo .dlist li>span:first-child{min-width:0}.fpdemo .dlist b{font-size:12.5px;font-weight:600;display:block}.fpdemo .dlist small{color:var(--ink3);margin-top:1px;font-size:11.5px;display:block}.fpdemo .gantt-axis{color:var(--ink3);justify-content:space-between;margin:0 0 6px 150px;font-size:10.5px;display:flex}.fpdemo .gantt-lane{grid-template-columns:150px 1fr;align-items:center;gap:0;margin-bottom:6px;display:grid}.fpdemo .gantt-l{color:var(--ink2);white-space:nowrap;text-overflow:ellipsis;padding-right:10px;font-size:11.5px;overflow:hidden}.fpdemo .gantt-track{background:#f1f2f8;border-radius:6px;height:24px;position:relative}.fpdemo .gantt-track i{color:#fff;white-space:nowrap;background:var(--blue);border-radius:5px;align-items:center;padding:0 6px;font-size:10.5px;font-style:normal;font-weight:700;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.fpdemo .gantt-track i.t-ok{background:var(--blue)}.fpdemo .gantt-track i.t-warn{background:var(--amber)}.fpdemo .gantt-track i.t-bad{background:var(--red)}.fpdemo .gantt-track i.t-info{background:var(--purple)}.fpdemo .gantt-track i.t-muted{color:var(--ink2);background:#cfd2e2}.fpdemo .routes{aspect-ratio:16/8;color:var(--ink);background:linear-gradient(160deg,#eef0ff,#f6f3ff);border-radius:10px;position:relative;overflow:hidden}.fpdemo .routes svg{width:100%;height:100%;position:absolute;inset:0}.fpdemo .rt{stroke:var(--blue);fill:var(--blue)}.fpdemo .rt.t-warn{stroke:var(--amber);fill:var(--amber)}.fpdemo .rt.t-bad{stroke:var(--red);fill:var(--red)}.fpdemo .rt.t-info{stroke:var(--purple);fill:var(--purple)}.fpdemo .routes-legend{color:var(--ink2);flex-wrap:wrap;gap:6px 12px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:8px;left:10px}.fpdemo .routes-legend li{align-items:center;gap:5px;display:inline-flex}.fpdemo .routes-legend i{background:var(--blue);border-radius:2px;width:10px;height:3px}.fpdemo .routes-legend .t-warn i{background:var(--amber)}.fpdemo .routes-legend .t-bad i{background:var(--red)}.fpdemo .routes-legend .t-info i{background:var(--purple)}.fpdemo .lm-box{position:relative}.fpdemo .lm-map{z-index:0;aspect-ratio:2.15;background:#eceefb;border-radius:10px;position:relative;overflow:hidden}.fpdemo .lm-map svg{width:100%;height:100%;display:block;position:absolute;inset:0}.fpdemo .lm-veh{cursor:pointer}.fpdemo .lm-badge{fill:var(--amber);transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite fpd-pulse}.fpdemo .lm-badge.t-bad{fill:var(--red)}.fpdemo .lm-switch{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:999px;gap:2px;padding:3px;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 8px 24px -12px #14103066}.fpdemo .lm-switch button{color:var(--ink2);white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700}.fpdemo .lm-switch button.on{background:var(--ink);color:#fff}.fpdemo .lm-tip{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#141030eb;border-radius:12px;min-width:200px;max-width:calc(100% - 20px);padding:10px 12px;font-size:11.5px;line-height:1.4;position:absolute;top:10px;right:10px;box-shadow:0 16px 40px -16px #14103099}.fpdemo .lm-tip-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.fpdemo .lm-tip b{white-space:nowrap;font-size:13px;font-weight:700}.fpdemo .lm-tip small{color:#ffffffc7;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;display:block;overflow:hidden}.fpdemo .lm-tip .pill{font-size:10px}.fpdemo .lm-legend{color:var(--ink2);flex-wrap:wrap;align-items:center;gap:5px 12px;padding:10px 2px 0;font-size:11px;font-weight:600;display:flex}.fpdemo .lm-legend li{align-items:center;gap:5px;display:inline-flex}.fpdemo .lm-legend i{border-radius:2px;width:12px;height:3px}.fpdemo .lm-hint{color:var(--ink3);margin-left:auto;font-weight:500}.fpdemo .trend{height:150px;position:relative}.fpdemo .trend svg{width:100%;height:100%}.fpdemo .trend-fill{fill:#6d5ef61f}.fpdemo .trend-line{fill:none;stroke:var(--purple);stroke-width:2px}.fpdemo .trend-v{text-align:right;position:absolute;top:4px;right:8px}.fpdemo .trend-v small{color:var(--ink3);font-size:11px;display:block}.fpdemo .trend-v b{font-size:16px;font-weight:800}.fpdemo .steps{gap:6px;display:flex}.fpdemo .steps li{color:var(--ink3);background:#f1f2f8;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.fpdemo .steps li i{width:20px;height:20px;color:var(--ink2);background:#dfe1ec;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-style:normal;font-weight:800;display:inline-flex}.fpdemo .steps li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fpdemo .steps li.done{background:var(--green-soft);color:#15803d}.fpdemo .steps li.done i{background:var(--green);color:#fff}.fpdemo .steps li.now{background:var(--purple-soft);color:var(--purple)}.fpdemo .steps li.now i{background:var(--grad-ai);color:#fff}@keyframes fpd-fade{0%{opacity:0}}@keyframes fpd-pop{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes fpd-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fpd-spin{to{transform:rotate(360deg)}}@keyframes fpd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}@media (max-width:900px){.fpdemo .modal-back{align-items:stretch;padding:0}.fpdemo .modal{border-radius:0;width:100%;height:100%;max-height:none}.fpdemo .modal-demo{width:100%}.fpdemo .onb{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-content:start}.fpdemo .onb-side{gap:12px;padding:22px 20px}.fpdemo .onb-side h3{font-size:20px}.fpdemo .onb-side small{display:none}.fpdemo .onb-form{padding:22px 18px 26px}.fpdemo .fld-2{grid-template-columns:1fr}.fpdemo .steps-ind{display:none}.fpdemo .modal-body{padding:12px 12px 16px}.fpdemo .device-body{grid-template-columns:1fr;min-height:0}.fpdemo .device-mobnav{display:inline-flex}.fpdemo .dside{z-index:4;width:min(80%,280px);transition:transform .22s;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.fpdemo .dside.open{transform:none;box-shadow:0 20px 60px #00000073}.fpdemo .dside-shade{z-index:3;background:#0a081866;display:block;position:absolute;inset:0}.fpdemo .dside-nav{overflow:visible}.fpdemo .drole-name,.fpdemo .dai{display:none}.fpdemo .dkpis,.fpdemo .dblocks{grid-template-columns:1fr}.fpdemo .lm-map{aspect-ratio:1.1}.fpdemo .lm-hint{display:none}.fpdemo .lm-switch button{padding:4px 9px;font-size:11px}.fpdemo .lm-tip{min-width:0;inset:auto 10px 10px}.fpdemo .gantt-axis{margin-left:100px}.fpdemo .gantt-lane{grid-template-columns:100px 1fr}.fpdemo .steps{flex-direction:column}.fpdemo .dscreen{padding:16px 14px 20px}}@media (max-width:420px){.fpdemo .modal-head{gap:10px;padding:12px 14px}.fpdemo .field-row .fpd-btn{width:100%}.fpdemo .onb-actions .fpd-btn{flex:auto}.fpdemo .demo-ctas,.fpdemo .demo-ctas .fpd-btn{width:100%}.fpdemo .demo-tab{padding:0 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.fpdemo .modal-back,.fpdemo .modal,.fpdemo .dscreen,.fpdemo .spin,.fpdemo .lm-badge{animation:none}}
