@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--navy:#0f2137;--navy-2:#16304f;--navy-3:#1e3f66;--bg:#f4f6f9;--card:#fff;--line:#e5e9f0;--line-2:#eef1f6;--ink:#101828;--ink-2:#475467;--ink-3:#8a93a6;--brand:#1e5eff;--brand-d:#1544c9;--green:#16a34a;--green-bg:#e7f6ec;--blue:#2563eb;--blue-bg:#e5edfd;--amber:#d97706;--amber-bg:#fdf1de;--red:#dc2626;--red-bg:#fdeaea;--purple:#7c3aed;--purple-bg:#f0e9fe;--slate:#0b1b2d;--slate-bg:#e3e8ee;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;--shadow-lg:0 8px 24px #1018281a;--sidebar-w:248px;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}::selection{background:#cfe0ff}h1,h2,h3,h4{font-family:"Space Grotesk",var(--sans);letter-spacing:-.01em;font-weight:600}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}a{color:inherit;text-decoration:none}.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}#app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--navy);color:#c8d3e2;z-index:60;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar .brand{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#1e5eff,#4f8bff);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-name{color:#fff;font-family:Space Grotesk;font-size:15px;font-weight:700;line-height:1.1}.brand-sub{color:#7d90ab;letter-spacing:.04em;text-transform:uppercase;font-size:10.5px}.nav{flex:1;padding:12px 12px 20px;overflow-y:auto}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.nav-group{margin-top:14px}.nav-group-label{letter-spacing:.07em;text-transform:uppercase;color:#647794;padding:6px 12px;font-size:10.5px;font-weight:600}.nav-item{color:#c0cbdb;border-radius:9px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:450;transition:all .14s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{background:var(--brand);color:#fff;font-weight:500}.nav-item.active svg{color:#fff}.nav-item svg{color:#8698b3;flex-shrink:0;width:18px;height:18px}.nav-item .badge-count{background:var(--red);color:#fff;text-align:center;border-radius:20px;min-width:20px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.nav-item.active .badge-count{background:#ffffff40}.sidebar-user{border-top:1px solid #ffffff12;align-items:center;gap:11px;padding:14px 16px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#2b4d7e,#1e5eff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.su-name{color:#fff;font-size:13px;font-weight:600}.su-role{color:#8698b3;text-transform:capitalize;font-size:11px}.su-logout{color:#8698b3;border-radius:7px;margin-left:auto;padding:6px}.su-logout:hover{color:#fff;background:#ffffff14}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:40;background:#ffffffd9;align-items:center;gap:14px;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.hamburger{display:none}.search-global{flex:1;max-width:440px;position:relative}.search-global svg{width:17px;height:17px;color:var(--ink-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-global input{border:1px solid var(--line);background:#f7f9fc;border-radius:10px;width:100%;padding:9px 12px 9px 36px;transition:all .15s}.search-global input:focus{border-color:var(--brand);background:#fff;outline:none;box-shadow:0 0 0 3px #1e5eff1a}.search-results{border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:80;background:#fff;border-radius:12px;max-height:380px;display:none;position:absolute;top:46px;left:0;right:0;overflow-y:auto}.search-results.show{display:block}.sr-item{cursor:pointer;border-bottom:1px solid var(--line-2);align-items:center;gap:11px;padding:10px 14px;display:flex}.sr-item:hover{background:#f5f8ff}.sr-item:last-child{border-bottom:none}.sr-type{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-size:10.5px;font-weight:600}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.tb-date{color:var(--ink-2);padding-right:6px;font-size:13px;font-weight:500}.icon-btn{width:38px;height:38px;color:var(--ink-2);border-radius:10px;justify-content:center;align-items:center;transition:all .14s;display:flex;position:relative}.icon-btn:hover{color:var(--ink);background:#f0f3f8}.icon-btn svg{width:19px;height:19px}.notif-dot{background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.btn{white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:all .14s;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-d)}.btn-ghost{color:var(--ink-2);background:#f0f3f8}.btn-ghost:hover{color:var(--ink);background:#e6ebf2}.btn-outline{border:1px solid var(--line);color:var(--ink-2);background:#fff}.btn-outline:hover{background:#fafbfd;border-color:#cdd5e2}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--green);color:#fff}.btn-success:hover{background:#128a3e}.btn-wa{color:#fff;background:#25d366}.btn-wa:hover{background:#1eb455}.btn-wa svg{width:15px;height:15px}.btn-sm{padding:6px 11px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.content{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:24px}.page-head{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-title{font-size:24px;font-weight:700}.page-sub{color:var(--ink-2);margin-top:3px;font-size:14px}.page-head-actions{flex-wrap:wrap;gap:9px;margin-left:auto;display:flex}.view{display:none}.view.active{animation:.2s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.card-head{border-bottom:1px solid var(--line-2);align-items:center;gap:10px;padding:16px 18px;display:flex}.card-head h3{font-size:15px}.card-head .card-head-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 17px;position:relative;overflow:hidden}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-label{color:var(--ink-2);font-size:12.5px;font-weight:500}.kpi-ico{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-ico svg{width:17px;height:17px}.kpi-val{letter-spacing:-.02em;font-family:Space Grotesk;font-size:26px;font-weight:700;line-height:1}.kpi-val small{color:var(--ink-2);font-size:15px;font-weight:600}.kpi-delta{align-items:center;gap:4px;margin-top:7px;font-size:12px;font-weight:500;display:flex}.kpi-delta.up{color:var(--green)}.kpi-delta.down{color:var(--red)}.kpi-delta svg{width:13px;height:13px}.kpi-delta .muted{color:var(--ink-3)}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.4;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-green{background:var(--green-bg);color:#0f7a37}.badge-blue{background:var(--blue-bg);color:#1d4ed8}.badge-amber{background:var(--amber-bg);color:#b45309}.badge-red{background:var(--red-bg);color:#b91c1c}.badge-purple{background:var(--purple-bg);color:#6d28d9}.badge-slate{background:var(--slate-bg);color:#1e293b}.badge-gray{color:#475467;background:#eef1f6}.tbl-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfd;padding:11px 14px;font-size:11px;font-weight:600;position:sticky;top:0}.tbl tbody td{border-bottom:1px solid var(--line-2);vertical-align:middle;padding:12px 14px}.tbl tbody tr{transition:all .1s}.tbl tbody tr:hover{background:#f8faff}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.tbl-actions{gap:4px;display:flex}.ta-btn{width:30px;height:30px;color:var(--ink-3);border-radius:8px;justify-content:center;align-items:center;transition:all .12s;display:flex}.ta-btn:hover{color:var(--brand);background:#eef2f8}.ta-btn svg{width:15px;height:15px}.tbl-toolbar{border-bottom:1px solid var(--line-2);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.tbl-search{flex:1;min-width:200px;max-width:320px;position:relative}.tbl-search svg{width:16px;height:16px;color:var(--ink-3);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.tbl-search input{border:1px solid var(--line);background:#fafbfd;border-radius:9px;width:100%;padding:8px 12px 8px 34px}.tbl-search input:focus{border-color:var(--brand);background:#fff;outline:none}.sel{border:1px solid var(--line);appearance:none;color:var(--ink-2);cursor:pointer;background:#fafbfd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border-radius:9px;padding:8px 30px 8px 12px;font-weight:500}.sel:focus{border-color:var(--brand);outline:none}.pager{border-top:1px solid var(--line-2);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 18px;font-size:13px;display:flex}.pager .spacer{flex:1}.pg-btn{border:1px solid var(--line);min-width:32px;height:32px;color:var(--ink-2);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-weight:500;display:inline-flex}.pg-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.pg-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.progress{background:#eef1f6;border-radius:20px;height:7px;overflow:hidden}.progress .bar{border-radius:20px;height:100%;transition:width .4s}.progress.sm{height:5px}.excp-item{border-bottom:1px solid var(--line-2);cursor:pointer;align-items:center;gap:13px;padding:12px 16px;transition:all .12s;display:flex}.excp-item:hover{background:#f8faff}.excp-item:last-child{border-bottom:none}.excp-ico{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.excp-ico svg{width:17px;height:17px}.excp-body{flex:1;min-width:0}.excp-title{font-size:13.5px;font-weight:600}.excp-desc{color:var(--ink-2);margin-top:1px;font-size:12.5px}.excp-meta{white-space:nowrap;font-size:12px;font-weight:600}.ship-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.ship-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;padding:17px;transition:all .15s}.ship-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.ship-route{align-items:center;gap:8px;font-family:Space Grotesk;font-size:15px;font-weight:600;display:flex}.ship-route svg{width:15px;height:15px;color:var(--ink-3)}.ship-bl{color:var(--ink-3);margin-top:2px;font-family:Space Grotesk;font-size:12px}.ship-meta{grid-template-columns:1fr 1fr;gap:8px 14px;margin:14px 0;font-size:12.5px;display:grid}.ship-meta .k{color:var(--ink-3)}.ship-meta .v{color:var(--ink);font-weight:600}.ship-prog-row{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.eta-chip{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.veh-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.veh-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.veh-photo{background:linear-gradient(135deg,#1e3a5f,#0f2137);justify-content:center;align-items:center;height:150px;display:flex;position:relative;overflow:hidden}.veh-photo svg{color:#ffffff21;width:74px;height:74px}.veh-photo .veh-state{position:absolute;top:10px;right:10px}.veh-photo .veh-eta{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f2137d1;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:10px}.veh-body{flex-direction:column;flex:1;padding:13px 14px;display:flex}.veh-name{font-family:Space Grotesk;font-size:14.5px;font-weight:600}.veh-spec{color:var(--ink-2);flex-wrap:wrap;gap:8px;margin-top:2px;font-size:12px;display:flex}.veh-price{letter-spacing:-.01em;margin-top:10px;font-family:Space Grotesk;font-size:19px;font-weight:700}.veh-actions{gap:7px;margin-top:12px;display:flex}.veh-actions .btn{flex:1;justify-content:center}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:120;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.show{animation:.18s fade;display:flex}.modal{width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;flex-direction:column;animation:.2s pop;display:flex}.modal.lg{max-width:820px}.modal.xl{max-width:1080px}@keyframes pop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-head h3{font-size:17px}.modal-head .sub{color:var(--ink-2);font-size:12.5px}.modal-close{width:34px;height:34px;color:var(--ink-3);border-radius:9px;justify-content:center;align-items:center;margin-left:auto;display:flex}.modal-close:hover{color:var(--ink);background:#f0f3f8}.modal>form{flex-direction:column;flex:auto;min-height:0;display:flex}.modal-body{flex:auto;min-height:0;padding:22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.drawer-overlay{z-index:100;background:#0f172a73;display:none;position:fixed;inset:0}.drawer-overlay.show{animation:.18s fade;display:block}.drawer{z-index:101;background:#fff;flex-direction:column;width:680px;max-width:96vw;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 30px #10182824}.drawer.show{transform:none}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:18px 22px;display:flex}.drawer-body{flex:1;padding:0;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);gap:10px;padding:16px 22px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-section-title{color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;margin:18px 0 10px;font-size:12px;font-weight:700;display:flex}.form-section-title:first-child{margin-top:0}.cost-summary{border:1px solid var(--line);background:#f7f9fc;border-radius:12px;margin-top:18px;padding:14px 16px}.cs-row{color:var(--ink-2);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.cs-row b{color:var(--ink-1);font-family:Space Grotesk}.cs-total{border-top:1px solid var(--line);color:var(--ink-1);margin-top:4px;padding-top:8px;font-weight:600}.cs-total b{font-size:15px}.cs-margin{border-top:1px dashed var(--line);margin-top:4px;padding-top:8px}.cs-note{color:var(--ink-3);margin-top:8px;font-size:11px}.banner-info{color:#0c4a6e;background:#e0f2fe;border:1px solid #bae6fd;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--ink-2);font-size:12.5px;font-weight:600}.field label .req{color:var(--red)}.field input,.field select,.field textarea{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:9px 12px;transition:all .14s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px #1e5eff1a}.field select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a93a6' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 11px center no-repeat;padding-right:32px}.field .hint{color:var(--ink-3);font-size:11.5px}.field .err{color:var(--red);font-size:11.5px;font-weight:500}.field input.invalid,.field select.invalid{border-color:var(--red)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;-ms-overflow-style:none;gap:2px;padding:0 4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--ink-2);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .14s}.tab:hover{color:var(--ink)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-panel{display:none}.tab-panel.active{animation:.2s fade;display:block}.timeline{padding-left:26px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:6px;bottom:6px;left:7px}.tl-item{padding-bottom:20px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot{border:3px solid var(--brand);background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:-24px}.tl-time{color:var(--ink-3);font-size:11.5px;font-weight:600}.tl-title{margin-top:1px;font-size:13.5px;font-weight:600}.tl-desc{color:var(--ink-2);font-size:12.5px}.toast-wrap{z-index:200;flex-direction:column;gap:10px;max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--line);border-left:4px solid var(--brand);box-shadow:var(--shadow-lg);background:#fff;border-radius:11px;align-items:flex-start;gap:11px;padding:13px 16px;animation:.25s slidein;display:flex}.toast.success{border-left-color:var(--green)}.toast.warn{border-left-color:var(--amber)}.toast.error{border-left-color:var(--red)}.toast-ico{flex-shrink:0}.toast-ico svg{width:19px;height:19px}.toast.success .toast-ico{color:var(--green)}.toast.warn .toast-ico{color:var(--amber)}.toast.error .toast-ico{color:var(--red)}.toast .toast-ico{color:var(--brand)}.toast-msg{flex:1;font-size:13.5px;font-weight:500}@keyframes slidein{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.empty{text-align:center;color:var(--ink-3);padding:48px 20px}.empty svg{width:44px;height:44px;color:var(--line);stroke-width:1.5px;margin-bottom:12px}.empty h4{color:var(--ink-2);margin-bottom:4px;font-size:15px}.empty p{font-size:13px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cf-hero{border:1.5px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;padding:22px 24px;display:flex}.cf-hero-main{flex:1;min-width:240px}.cf-sem{border-radius:12px;align-items:flex-start;gap:12px;min-width:240px;max-width:340px;padding:14px 18px;display:flex}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-cols{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px;display:grid}.section-title{align-items:center;gap:9px;margin-bottom:14px;font-size:16px;font-weight:600;display:flex}.section-title .pill{background:var(--red-bg);color:var(--red);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:600}.tooltip{position:relative}.chip-toggle{background:#f0f3f8;border-radius:10px;padding:3px;display:inline-flex}.chip-toggle button{color:var(--ink-2);border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:600}.chip-toggle button.on{color:var(--brand);box-shadow:var(--shadow);background:#fff}.stat-row{border-bottom:1px solid var(--line-2);justify-content:space-between;padding:9px 0;font-size:13.5px;display:flex}.stat-row:last-child{border-bottom:none}.stat-row .k{color:var(--ink-2)}.stat-row .v{font-weight:600}.doc-light{cursor:pointer;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .15s}.doc-light:hover{transform:scale(1.25)}.confirm-ico{border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:14px;display:flex}.confirm-ico svg{width:23px;height:23px}.rank-row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:11px 0;display:flex}.rank-row:last-child{border-bottom:none}.rank-pos{width:26px;height:26px;color:var(--ink-2);background:#f0f3f8;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.rank-pos.top{background:var(--brand);color:#fff}.health-ring{align-items:center;gap:16px;display:flex}.funnel-stage{align-items:center;gap:14px;margin-bottom:9px;display:flex}.funnel-bar{color:#fff;box-sizing:border-box;white-space:nowrap;border-radius:8px;align-items:center;min-width:32px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:width .5s;display:flex}.funnel-label{width:96px;color:var(--ink-2);flex-shrink:0;font-size:13px;font-weight:500}.funnel-track{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.funnel-bararea{flex:1;min-width:0}.funnel-pct{text-align:right;width:44px;color:var(--ink-3);flex-shrink:0;font-size:12px;font-weight:600}.role-switch{background:#f0f3f8;border-radius:10px;align-items:center;gap:8px;padding:5px 8px;display:flex}.role-switch select{color:var(--brand);background:#fff;border:none;border-radius:8px;padding:6px 26px 6px 10px;font-size:12.5px;font-weight:600}.notif-panel{border:1px solid var(--line);width:360px;box-shadow:var(--shadow-lg);z-index:90;background:#fff;border-radius:14px;display:none;position:absolute;top:52px;right:12px;overflow:hidden}.notif-panel.show{animation:.18s fade;display:block}.notif-item{border-bottom:1px solid var(--line-2);cursor:pointer;gap:11px;padding:12px 16px;display:flex}.notif-item:hover{background:#f8faff}.hidden{display:none!important}.skel{background:linear-gradient(90deg,var(--line-2) 25%,var(--line) 37%,var(--line-2) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:100%}to{background-position:0}}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-cols,.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:820px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:none}.main{margin-left:0}.hamburger{display:flex}.tb-date{display:none}.content{padding:16px}.form-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.drawer{width:100%}}.backdrop-mob{z-index:55;background:#0f172a66;display:none;position:fixed;inset:0}.backdrop-mob.show{display:block}@media (max-width:820px){.backdrop-mob.showable{display:block}}