@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
 --nav:#101c2d;--nav-elev:#1b2b40;--nav-rule:#27364b;
 --ink:#192b3e;--ink-strong:#101f31;--muted:#7a899c;
 --bg:#f5f7fa;--surface:#fff;--border:#e4eaf0;--border-2:#edf0f4;
 --primary:#167f98;--primary-dark:#0a617a;--primary-soft:#e8f6f8;
 --green:#148d72;--green-soft:#e6f7f0;--red:#d34b52;--red-soft:#fff0f0;
 --amber:#b77a1d;--amber-soft:#fff6e7;--shadow:0 5px 28px rgba(20,42,67,.042);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7dc7d4;outline-offset:2px}svg.icon{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}button svg.icon{pointer-events:none}::selection{background:#d6f3f7}
.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:266px;background:var(--nav);color:#d3dce7;display:flex;flex-direction:column;border-right:1px solid #243248;transition:transform .25s ease}
.brand{height:92px;padding:25px 26px 20px;display:flex;gap:12px;align-items:center;color:#fff}
.brand-mark{position:relative;width:40px;height:42px;border:2px solid #86d4db;border-radius:12px 12px 11px 11px;transform:skew(-5deg);display:grid;place-items:center;background:linear-gradient(145deg,#22455a,#142c45)}
.mark-line{position:absolute;left:11px;top:9px;width:14px;height:17px;border-right:3px solid #88dce5;border-bottom:3px solid #88dce5;transform:rotate(36deg)}.mark-dot{position:absolute;right:5px;bottom:6px;width:5px;height:5px;border-radius:50%;background:#58b6c5}
.brand-text strong{display:block;font-size:31px;letter-spacing:.055em;line-height:1}.brand-dot{color:#5ac2cf}.brand-text small{display:block;letter-spacing:.15em;color:#a0b5c9;font-weight:700;font-size:14px;margin-top:7px}
.workspace-box{margin:5px 16px 22px;padding:12px 10px;border:1px solid #2b4057;background:#19283d;border-radius:11px;display:flex;gap:9px;align-items:center}
.workspace-icon{color:#7fcbd3;background:#203e51;padding:8px;border-radius:9px;display:flex}
.workspace-icon svg{width:19px;height:19px}.workspace-box strong,.workspace-box small{display:block}.workspace-box strong{font-size:16px;color:#e5edf6;white-space:nowrap}.workspace-box small{font-size:14px;color:#9cadbf;margin-top:3px}.workspace-chevron{margin-left:auto;color:#8a9fb3}.workspace-chevron svg{width:16px}
.sidebar-scroll{padding:0 14px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#33475b transparent}.side-group{margin:14px 0 22px}.side-label{font-size:14px;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#698098;margin:0 12px 10px}.side-link{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;color:#9eb0c4;padding:12px 12px;border-radius:10px;font-weight:600;font-size:17px;text-align:left;transition:background .14s,color .14s}.side-link svg{width:18px;height:18px}.side-link:hover{color:white;background:#1a3046}.side-link.active{background:#21384c;color:#eafafd;box-shadow:inset 3px 0 #57c5d2}.side-link.active .side-icon{color:#71d8e1}.side-link .side-counter{margin-left:auto;background:#a83440;color:#fff;min-width:21px;height:20px;padding:2px 6px;border-radius:6px;font-size:15px;text-align:center;line-height:16px}.side-link:not(.active) .side-counter{background:#344358;color:#bcd5e2}
.sidebar-bottom{padding:17px 15px 18px;border-top:1px solid var(--nav-rule)}.side-status{display:flex;align-items:center;gap:10px;background:#1b3041;border:1px solid #254957;border-radius:10px;padding:12px;margin-bottom:15px}.status-led{width:9px;height:9px;flex:none;background:#67c4aa;border-radius:50%;box-shadow:0 0 0 4px #2a635850}.side-status b{font-size:16px;display:block;color:#cae8e5}.side-status small{color:#98adbb;font-size:14px;display:block;margin-top:3px}.side-profile{display:flex;gap:10px;align-items:center;padding:3px 3px}.avatar,.topbar-avatar{width:35px;height:35px;display:grid;place-items:center;background:linear-gradient(145deg,#41728a,#285268);color:#dcfaff;font-size:16px;font-weight:800;border-radius:10px}.side-profile b{font-size:16px;color:#f0f5fa}.side-profile small{display:block;font-size:14px;color:#869db2;margin-top:3px}.side-profile>span:last-child{margin-left:auto}.side-profile>span:last-child svg{width:17px;color:#7d94a9}
.app-shell{margin-left:266px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.crumb-base{color:#91a0b1;font-size:17px;font-weight:600}.crumb-divider{display:flex;color:#a8b6c4}.crumb-divider svg{width:15px;height:15px}.crumb-current{font-weight:700;color:#33475d;font-size:17px}.topbar-date{font-size:16px;color:#5a6d80;font-weight:650;white-space:nowrap;border-left:1px solid var(--border);padding-left:16px}.global-search{height:37px;min-width:250px;border:1px solid #e6ebef;background:#f7f9fb;color:#9aaabd;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 11px;font-size:16px;text-align:left}.global-search svg{width:16px;height:16px}.global-search kbd{font-size:14px;color:#8ba0af;margin-left:auto;background:#fff;border:1px solid var(--border);border-radius:4px;padding:3px 5px;font-family:inherit}.icon-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#75899c;display:grid;place-items:center}.icon-btn svg{width:18px;height:18px}.notify-btn{position:relative}.notify-btn i{position:absolute;right:7px;top:5px;border:2px solid #fff;background:#e66d70;border-radius:50%;width:10px;height:10px}.topbar-avatar{width:36px;height:36px;border-radius:50%;font-size:16px}.mobile-menu{display:none}
.main-content{padding:31px 34px 44px;width:100%;max-width:1770px;margin:0 auto;flex:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{display:flex;align-items:center;gap:8px;color:#197e95;font-size:15px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;margin-bottom:10px}.eyebrow .mini-line{width:20px;height:2px;background:#42a8bb}.page-head h1{font-weight:800;line-height:1.18;font-size:34px;letter-spacing:-.045em;color:#17283a;margin:0 0 10px}.page-head p{margin:0;color:#8493a4;font-size:17px;line-height:1.6}.head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;border:1px solid #dce6ed;padding:11px 15px;background:#fff;color:#455a6d;font-size:16px;font-weight:750;white-space:nowrap;transition:background .16s,transform .1s,border-color .16s}.btn:hover{background:#f3f8fb;border-color:#b7cbd7}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn.primary{background:#157f97;border-color:#157f97;color:white;box-shadow:0 3px 9px #116e8228}.btn.primary:hover{background:#076c87}.btn.danger{background:#fff3f3;border-color:#f5d7d9;color:#ba3e49}.btn.sm{padding:8px 11px;font-size:16px}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:#eff5f8}.btn.icon-only{padding:9px;width:35px;height:35px}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.card{border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{padding:23px;min-height:162px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:flex-start;justify-content:space-between}.metric-label{font-weight:650;color:#7c8d9e;font-size:16px}.metric-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:#e8f4f6;color:#20859a}.metric-icon svg{width:20px;height:20px}.metric-icon.green{background:#e7f8f0;color:#159574}.metric-icon.amber{background:#fff4df;color:#c2892c}.metric-icon.red{background:#fff0f0;color:#d24b55}.metric-value{font-weight:800;color:#15263a;font-size:38px;letter-spacing:-.055em;margin-top:10px;line-height:1.2;font-variant-numeric:tabular-nums}.metric-foot{display:flex;align-items:center;gap:6px;font-size:15px;color:#8b9aab;margin-top:9px}.metric-foot b{color:#238c72;font-size:15px}.metric-foot .critical{color:#d55762}.metric-foot svg{width:13px;height:13px}
.dashboard-primary{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(305px,.82fr);gap:18px;margin-bottom:18px}.dashboard-secondary{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.section-card{overflow:hidden}.section-card-head{padding:22px 23px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-card-head h2{font-size:19px;letter-spacing:-.02em;margin:0 0 5px;color:#1b3043}.section-card-head p{margin:0;color:#99a7b5;font-size:15px}.card-more{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:750;color:#168399;white-space:nowrap;padding:6px 0}.card-more svg{width:14px;height:14px}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 22px 13px}.toggle-row{display:flex;gap:10px;align-items:center}.tiny-toggle{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:15px;color:#77889a;font-weight:700;padding:6px 4px}.legend-dot{width:8px;height:8px;border-radius:50%;background:#1487a3;box-shadow:0 0 0 3px #1487a31d}.legend-dot.depot{background:#eea34c;box-shadow:0 0 0 3px #eea34c22}.legend-dot.off{opacity:.3}.map-filter-label{font-size:15px;color:#8696a5}.map-canvas{height:365px;background:#edf2f2;position:relative;isolation:isolate}.map-canvas.map-lg{height:min(64vh,640px);min-height:470px}.map-foot{padding:13px 23px;border-top:1px solid var(--border-2);display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:15px;color:#7c8e9f}.map-foot b{color:#284157}.map-foot svg{width:14px;height:14px;vertical-align:middle;color:#d99c4a}.leaflet-container{background:#e3ecef!important;font:inherit}.leaflet-control-attribution{font-size:14px!important;color:#70808e!important}.leaflet-popup-content-wrapper{border-radius:10px!important}.leaflet-popup-content{font-size:17px!important;line-height:1.65!important}.leaflet-bar a{border-radius:7px!important}
.alerts{padding:0 18px 9px}.alert-item{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--border-2);padding:14px 5px;cursor:pointer}.alert-item:hover{background:#fafcfd}.alert-item:first-child{border-top:0}.alert-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#fff0f1;color:#da5963}.alert-icon.amber{background:#fff7e9;color:#ba8b3d}.alert-icon svg{width:17px;height:17px}.alert-text{min-width:0;flex:1}.alert-text strong{font-size:16px;display:block;color:#2b3e50;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-text p{font-size:15px;color:#96a5b5;margin:5px 0 0;line-height:1.4}.alert-time{font-size:14px;color:#9cabb9;white-space:nowrap;margin-top:2px}
.chart-wrapper{padding:12px 24px 23px}.chart-stats{display:flex;gap:22px;align-items:flex-end;margin:2px 0 22px}.chart-stats strong{display:block;font-size:28px;letter-spacing:-.04em}.chart-stats small{font-size:15px;color:#9ba8b6;display:block;margin-top:4px}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;gap:14px;height:163px;border-bottom:1px solid #e4eaf0;padding:0 5px}.bar-col{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.bar-track{width:min(39px,70%);height:133px;background:#f4f7fa;border-radius:5px 5px 0 0;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(180deg,#58b8c9,#198aa2);border-radius:5px 5px 0 0;min-height:3px}.bar-fill.alt{background:#cceaf0}.bar-col span{font-size:14px;color:#8493a5}.chart-legend{display:flex;gap:15px;font-size:15px;color:#8697a8;justify-content:flex-end;margin-top:13px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:#2a94ac}.chart-legend i.alt{background:#d4e9ed}.insights{padding:0 24px 22px}.insight-head{display:flex;align-items:center;gap:22px;padding:8px 0 19px}.ring{width:124px;height:124px;flex:none;border-radius:50%;position:relative;background:conic-gradient(#208da3 0 65%,#4db99d 65% 82%,#e8a44d 82% 93%,#cdd7e2 93% 100%);display:grid;place-items:center}.ring:before{content:"";position:absolute;inset:18px;background:white;border-radius:50%}.ring-core{position:relative;text-align:center}.ring-core b{font-size:25px;display:block;letter-spacing:-.04em}.ring-core small{font-size:14px;color:#96a6b6}.legend-stack{flex:1;min-width:0}.legend-row{display:flex;justify-content:space-between;gap:5px;padding:8px 0;font-size:15px}.legend-row strong{color:#42586a;font-size:15px}.legend-row span{display:flex;align-items:center;gap:8px;color:#74879b}.legend-row i{width:8px;height:8px;border-radius:2px}.mini-note{border-top:1px solid var(--border-2);padding-top:14px;font-size:15px;color:#8b9cae;line-height:1.65}
.table-card{padding:0;overflow:hidden}.table-card .section-card-head{padding-bottom:10px}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead th{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#94a2b1;text-align:left;font-weight:800;background:#f9fbfc;padding:14px 20px;border-top:1px solid #eef1f4;border-bottom:1px solid #e9eef2}tbody td{padding:15px 20px;border-bottom:1px solid #f0f3f6;font-size:16px;color:#54687a;vertical-align:middle}tbody tr:hover{background:#fbfdfe}tbody tr:last-child td{border-bottom:0}.plate{font-weight:800;font-size:16px;color:#23394b;letter-spacing:.035em}.subline{display:block;font-size:14px;margin-top:3px;color:#a0aeba}.num-cell{font-variant-numeric:tabular-nums;color:#4e6678}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:6px 9px;font-size:14px;font-weight:800;background:#edf4f7;color:#587d8a}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.green{background:#e8f7f1;color:#178e74}.status-pill.red{background:#fff0f1;color:#d6525b}.status-pill.amber{background:#fff5e6;color:#ba862f}.status-pill.gray{background:#f1f4f7;color:#8090a0}.status-pill.blue{background:#e9f4f9;color:#2183a0}.td-action{border:1px solid #e4ebf0;border-radius:7px;background:white;display:inline-flex;align-items:center;justify-content:center;width:31px;height:30px;color:#657e92}.td-action:hover{color:#107e96;background:#eef8fa}.td-action svg{width:15px;height:15px}
.toolbar{padding:17px 22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border-2)}.input-search{display:flex;align-items:center;gap:9px;height:41px;border:1px solid #e4eaf0;background:#fff;border-radius:8px;padding:0 12px;min-width:240px;flex:1;max-width:370px;color:#9baabd}.input-search svg{width:17px;height:17px}.input-search input{width:100%;border:0;outline:0;color:#263d52;background:transparent;font-size:16px}.input-search input::placeholder{color:#adb9c5}.select{height:41px;padding:0 30px 0 12px;border:1px solid #e4eaf0;border-radius:8px;color:#5c7183;background:#fff;font-size:16px;font-weight:600;min-width:128px}.toolbar-count{margin-left:auto;color:#91a0af;font-size:15px}.paging{padding:16px 22px;border-top:1px solid var(--border-2);display:flex;align-items:center;justify-content:space-between;color:#8b9bad;font-size:15px}.paging-actions{display:flex;gap:6px}.paging-actions button{width:31px;height:30px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#60798d;display:grid;place-items:center}.paging-actions button:disabled{opacity:.35;cursor:not-allowed}.paging-actions button svg{width:15px;height:15px}.empty{padding:42px 22px;text-align:center;color:#8898a9;font-size:17px}.empty svg{color:#95afbb;width:28px;height:28px;margin-bottom:8px}
.progress{width:122px;height:6px;background:#ecf1f4;border-radius:8px;overflow:hidden}.progress>span{height:100%;background:#48a2b5;border-radius:8px;display:block}.progress-wrap{display:flex;align-items:center;gap:9px}.progress-wrap small{font-size:14px;color:#8c9dae;white-space:nowrap}.signal{display:flex;gap:2px;align-items:end;height:16px}.signal i{display:block;width:3px;border-radius:1px;background:#d9e3e8}.signal i:nth-child(1){height:6px}.signal i:nth-child(2){height:9px}.signal i:nth-child(3){height:12px}.signal i:nth-child(4){height:15px}.signal i.on{background:#4fac9e}
.map-full-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.map-summary-side{padding:20px}.map-summary-side h3{font-size:18px;margin:0 0 16px}.map-stat{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border-2)}.map-stat span{font-size:16px;color:#8a9bab}.map-stat strong{font-size:19px}.map-hint{margin-top:20px;padding:14px;background:#edf7f8;border-radius:9px;color:#537c87;font-size:15px;line-height:1.65}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-card{border:1px solid var(--border);background:white;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.photo-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #273b4920}.photo-thumb{aspect-ratio:16/10;background:#1c3144 url('/assets/demo-cargo.jpg') center/cover;position:relative}.photo-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#12233744,transparent 45%,#13273a99)}.photo-thumb-top{position:absolute;top:12px;left:13px;right:13px;display:flex;justify-content:space-between;align-items:center;gap:5px}.photo-thumb-top span{background:#111f30dd;color:#eef6fc;font-size:14px;padding:5px 8px;border-radius:5px;font-weight:750}.photo-thumb-bottom{position:absolute;bottom:12px;left:13px;color:white;font-size:16px;font-weight:800;text-shadow:0 2px 5px #111}.photo-details{padding:16px}.photo-details strong{display:block;font-size:16px;color:#2a4052}.photo-details span{display:block;font-size:15px;color:#95a4b4;margin-top:6px}
.detail-overlay,.overlay{position:fixed;inset:0;z-index:70;background:#0e1c2aa6;backdrop-filter:blur(2px)}[hidden]{display:none!important}.drawer{z-index:80;position:fixed;top:0;right:0;height:100dvh;width:min(620px,100vw);background:white;box-shadow:-14px 0 60px #12243634;overflow-y:auto;overscroll-behavior:contain;animation:slidein .22s ease;scrollbar-width:thin}.drawer-head{position:sticky;z-index:2;top:0;background:#fff;border-bottom:1px solid var(--border);padding:22px 25px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.drawer-head small{font-weight:800;font-size:14px;letter-spacing:.11em;color:#23829a;text-transform:uppercase}.drawer-head h2{font-size:24px;letter-spacing:-.03em;margin:5px 0}.drawer-head p{font-size:15px;color:#96a6b6;margin:0}.drawer-body{padding:24px 26px 44px}.drawer-section{margin-bottom:25px}.drawer-section h3{font-size:17px;color:#253e51;margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-field{background:#f8fafc;border:1px solid #e8eef2;border-radius:9px;padding:13px}.detail-field small{display:block;color:#95a4b2;font-size:14px;margin-bottom:7px}.detail-field strong{font-size:16px;line-height:1.4;word-break:break-word}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.timeline{position:relative;margin-left:8px}.time-item{display:flex;gap:18px;position:relative;padding-bottom:22px}.time-item:before{position:absolute;content:"";left:8px;top:14px;bottom:-3px;width:1px;background:#dae6ea}.time-item:last-child:before{display:none}.time-dot{width:17px;height:17px;flex:none;border:3px solid #fff;background:#91a6b4;box-shadow:0 0 0 1px #d2dce2;border-radius:50%;z-index:1}.time-dot.done{background:#2baf90;box-shadow:0 0 0 1px #93d7c5}.time-dot.next{background:#268ba5;box-shadow:0 0 0 1px #9bcddd}.time-content{flex:1}.time-content strong{font-size:16px}.time-content p{font-size:15px;margin:5px 0 0;color:#9cabb7}.time-content small{float:right;font-size:14px;color:#8497a6}.evidence{border-radius:10px;overflow:hidden;background:#0e1e31;border:1px solid #1b3647}.evidence canvas{display:block;width:100%;height:auto;aspect-ratio:16/9}.evidence-caption{margin-top:10px;color:#91a2b2;font-size:15px;line-height:1.6}.drawer-foot{padding-top:13px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.report-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:17px}.report-list{padding:0 22px 17px}.report-list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-2)}.report-list-row:last-child{border:0}.report-list-row span{display:flex;align-items:center;gap:9px;font-size:16px;color:#65798a}.report-list-row strong{font-size:17px}.report-list-row i{width:9px;height:9px;border-radius:3px}
.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.setting-card{padding:22px;display:flex;gap:17px;align-items:flex-start}.setting-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#edf4f7;color:#1685a0}.setting-card h3{font-size:18px;margin:0 0 8px}.setting-card p{margin:0 0 14px;font-size:15px;color:#8a9bac;line-height:1.65}.setting-note{padding:15px 18px;border-radius:9px;border:1px solid #d7e8ee;background:#eef8fa;color:#587987;font-size:16px;line-height:1.7;margin-top:18px}
.search-modal-wrap{position:fixed;z-index:100;inset:0;background:#13233699;display:flex;align-items:flex-start;justify-content:center;padding:15vh 15px 20px}.search-box{width:min(570px,100%);background:white;border-radius:13px;box-shadow:0 22px 70px #152a453f;overflow:hidden}.search-box-head{display:flex;gap:12px;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.search-box-head svg{color:#8aa0b2}.search-box-head input{flex:1;border:0;outline:0;font-size:18px;min-width:0}.search-results{padding:10px;max-height:55vh;overflow-y:auto}.search-result{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;cursor:pointer}.search-result:hover{background:#f2f7fa}.search-result strong{display:block;font-size:16px}.search-result small{color:#96a6b5;font-size:15px}.search-result svg{color:#1595a9}.search-box-foot{padding:12px 18px;border-top:1px solid var(--border);font-size:15px;color:#95a6b6}
.toast{position:fixed;z-index:110;bottom:24px;right:25px;max-width:340px;background:#182d40;border:1px solid #395369;color:white;padding:13px 18px;border-radius:10px;box-shadow:0 14px 30px #21374c44;font-size:16px;transform:translateY(120px);opacity:0;transition:transform .23s,opacity .23s}.toast.show{transform:translateY(0);opacity:1}.app-footer{margin:0 34px;padding:20px 0 24px;border-top:1px solid #e7ebef;color:#a0adba;font-size:15px}.app-footer span{padding:0 5px;color:#bbc7d0}.app-footer b{font-weight:700;color:#879bab}.footer-right{float:right}.form-label{font-size:15px;font-weight:750;color:#667e8e;display:block;margin-bottom:7px}
@keyframes slidein{from{transform:translateX(25px);opacity:.7}to{transform:translateX(0);opacity:1}}
@media (max-width:1450px){.dashboard-primary{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr)}.main-content{padding:27px 27px 40px}.topbar{padding:0 27px}.metric-card{padding:19px}.metric-value{font-size:34px}td,th{padding-left:14px!important;padding-right:14px!important}}
@media (max-width:1180px){.sidebar{width:235px}.app-shell{margin-left:235px}.global-search{min-width:190px}.global-search kbd{display:none}.topbar-date{display:none}.dashboard-primary,.dashboard-secondary{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}
@media (max-width:980px){.sidebar{transform:translateX(-100%);width:265px}.sidebar.mobile-open{transform:translateX(0);box-shadow:15px 0 45px #132e4d44}.app-shell{margin:0}.mobile-menu{display:grid}.map-full-layout{grid-template-columns:1fr}.map-summary-side{display:none}.topbar{padding:0 18px}.main-content{padding:23px 18px}.app-footer{margin:0 18px}.dashboard-primary,.dashboard-secondary{grid-template-columns:1fr}.map-canvas{height:400px}}
@media (max-width:650px){.global-search{min-width:auto;width:38px;justify-content:center;padding:0}.global-search span:not(:first-child){display:none}.topbar-right{gap:8px}.topbar-avatar{display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:30px}.page-head p{font-size:16px}.kpi-grid{gap:10px}.metric-card{padding:15px;min-height:145px}.metric-value{font-size:32px}.metric-label{font-size:15px}.metric-foot{font-size:14px}.section-card-head{padding:18px}.map-canvas{height:330px}.photo-grid,.setting-grid{grid-template-columns:1fr}.drawer-body{padding:20px 17px}.drawer-head{padding:18px}.detail-grid{gap:7px}.detail-field{padding:10px}.chart-wrapper{padding:11px 15px 22px}.insights{padding:0 15px 20px}.toolbar{padding:14px}.select{flex:1}.input-search{min-width:100%;max-width:100%}.paging{padding:13px}.crumb-base,.crumb-divider{display:none}.app-footer .footer-right{float:none;display:block;margin-top:7px}}

/* Final visual polish */
.card-more{background:transparent;border:0;cursor:pointer;font-family:inherit}
.card-more:hover{color:#0e687f}
.metric-foot{font-size:16px}
.alert-text strong{font-size:17px}
.alert-text p{font-size:16px}
tbody td{font-size:17px}
.plate{font-size:17px}
.subline{font-size:15px}
.side-link{font-size:18px}
.setting-card h3{font-size:18px}

/* Vector map controls and fallback */
.maplibregl-map{font-family:Inter,system-ui,sans-serif!important}
.maplibregl-ctrl-bottom-right{bottom:5px;right:5px}
.maplibregl-ctrl-attrib{font-size:14px!important;background:rgba(255,255,255,.92)!important}
.maplibregl-ctrl-group{border-radius:8px!important;overflow:hidden;box-shadow:0 4px 15px #16324b23!important}
.maplibregl-popup-content{font-family:Inter,system-ui,sans-serif;border-radius:8px;font-size:16px;padding:12px}
.map-unavailable{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#6a8296;height:100%;background:linear-gradient(135deg,#ebf2f4,#dce7ed)}
.map-unavailable svg{width:36px;height:36px;color:#268ca4}
.map-unavailable span{font-size:16px}