@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:300;src:url(/static/media/plus-jakarta-sans-latin-300-normal.1e4fa5375345746f70e9.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;src:url(/static/media/plus-jakarta-sans-latin-400-normal.9eb2a7e5bc8f2a766ae0.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;src:url(/static/media/plus-jakarta-sans-latin-500-normal.c3130315dfec99bb0ed9.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;src:url(/static/media/plus-jakarta-sans-latin-600-normal.7720d76571fb9da9b24d.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;src:url(/static/media/plus-jakarta-sans-latin-700-normal.7cfa130160f3e032639f.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;src:url(/static/media/plus-jakarta-sans-latin-800-normal.94c5685ec88b292c5afb.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--navy:#002f4e;--navy-dark:#001e33;--navy-mid:#00406b;--accent:#0057a8;--accent-2:#07c;--accent-3:#0af;--accent-glow:#0077cc2e;--bg:#edf0f7;--surface:#fff;--surface-2:#f4f6fc;--surface-3:#eaecf5;--border:#e0e4ef;--border-2:#c8cedf;--text-1:#0a0e1a;--text-2:#3d4466;--text-3:#8590b0;--green:#059669;--green-bg:#ecfdf5;--green-border:#a7f3d0;--red:#dc2626;--red-bg:#fff1f2;--red-border:#fecdd3;--orange:#d97706;--orange-bg:#fffbeb;--orange-border:#fde68a;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:20px;--sh-sm:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;--sh-md:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;--sh-lg:0 16px 48px #0a0e1a24,0 4px 16px #0a0e1a12;--sh-glow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;--font:"Plus Jakarta Sans",sans-serif;--mono:"JetBrains Mono",monospace;--topbar-h:56px;--bottomnav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--ease-out:cubic-bezier(0.16,1,0.3,1);--t-fast:0.12s;--t-base:0.2s;--t-slow:0.32s}[data-theme=dark]{--bg:#000;--surface:#111;--surface-2:#161616;--surface-3:#1c1c1c;--border:#272727;--border-2:#333;--text-1:#f0f0f0;--text-2:#a0a4b8;--text-3:#5a5e72;--green-bg:#0a2a1e;--green-border:#1a4a32;--red-bg:#2a0f10;--red-border:#4a1a1c;--orange-bg:#2a1a08;--orange-border:#4a2e10}[data-theme=dark] body{background:#edf0f7;background:var(--bg);color:#0a0e1a;color:var(--text-1)}[data-theme=dark] .bottom-nav{background:#111111f7;border-top-color:#e0e4ef;border-top-color:var(--border)}[data-theme=dark] .card{box-shadow:0 1px 3px #0006}[data-theme=dark] .btn-secondary,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#f4f6fc;background:var(--surface-2);border-color:#e0e4ef;border-color:var(--border);color:#0a0e1a;color:var(--text-1)}[data-theme=dark] table td,[data-theme=dark] table th{color:#0a0e1a;color:var(--text-1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #0000}50%{box-shadow:0 0 0 8px #0000000a}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;background:#edf0f7;background:var(--bg);color:#0a0e1a;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:14px}#app,body{overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{align-items:center;background:linear-gradient(135deg,#001e33,#00406b);background:linear-gradient(135deg,var(--navy-dark) 0,var(--navy-mid) 100%);box-shadow:0 2px 16px #00000038;display:flex;flex-shrink:0;gap:10px;height:56px;height:var(--topbar-h);padding:env(safe-area-inset-top,0) 16px 0;position:relative;z-index:100}.topbar:after{background:radial-gradient(ellipse at 30% 50%,#0af3 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.topbar-logo{gap:8px}.topbar-logo,.topbar-logo-icon{align-items:center;display:flex}.topbar-logo-icon{background:linear-gradient(135deg,#07c,#0af);background:linear-gradient(135deg,var(--accent-2),var(--accent-3));border-radius:8px;box-shadow:0 2px 10px #0077cc80,inset 0 1px 0 #fff3;flex-shrink:0;height:30px;justify-content:center;width:30px}.topbar-title{color:#fff;font-size:16px;font-weight:800;letter-spacing:-.3px}.topbar-sub{color:#ffffff59;font-size:10px;font-weight:500;letter-spacing:.5px}.topbar-page-title{color:#fff;flex:1 1;font-size:15px;font-weight:700;letter-spacing:-.2px;text-align:center}.topbar-actions{gap:4px;margin-left:auto}.topbar-actions,.topbar-btn{align-items:center;display:flex}.topbar-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--r-md);color:#ffffffbf;cursor:pointer;height:34px;justify-content:center;position:relative;transition:all .12s;transition:all var(--t-fast);width:34px}.topbar-btn:hover{background:#ffffff29}.topbar-btn:active{transform:scale(.95)}.notification-badge{background:#dc2626;background:var(--red);border:2px solid #001e33;border:2px solid var(--navy-dark);border-radius:50%;box-shadow:0 2px 6px #dc262666;font-size:9px;height:16px;position:absolute;right:-2px;top:-2px;width:16px}.notification-badge,.topbar-ava{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center}.topbar-ava{background:linear-gradient(135deg,#07c,#0af);background:linear-gradient(135deg,var(--accent-2),var(--accent-3));border:1.5px solid #ffffff40;border-radius:50%;cursor:pointer;font-size:10px;height:30px;width:30px}.content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:16px 16px calc(72px + env(safe-area-inset-bottom, 0px));padding:16px 16px calc(var(--bottomnav-h) + var(--safe-bottom) + 8px)}.content>*{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both}.page-loading{align-items:center;color:#8590b0;color:var(--text-3);display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:14px;height:100%;justify-content:center}.page-loading:before{animation:spin .7s linear infinite;border:2.5px solid #e0e4ef;border-top-color:#07c;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--accent-2);content:"";height:28px;width:28px}.bottom-nav{align-items:flex-start;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff0;border-top:1px solid #e0e4ef;border-top:1px solid var(--border);box-shadow:0 -4px 24px #0a0e1a14;flex-shrink:0;height:calc(64px + env(safe-area-inset-bottom, 0px));height:calc(var(--bottomnav-h) + var(--safe-bottom));padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-bottom);z-index:100}.bnav-item,.bottom-nav{display:flex;position:relative}.bnav-item{align-items:center;color:#8590b0;color:var(--text-3);cursor:pointer;flex:1 1;flex-direction:column;font-size:10px;font-weight:600;gap:3px;justify-content:center;padding:10px 4px 6px;transition:color .2s;transition:color var(--t-base);-webkit-user-select:none;user-select:none}.bnav-item:active{background:#0077cc0f}.bnav-item.active{color:#07c;color:var(--accent-2)}.bnav-item.active .bnav-icon{background:#0077cc1a;border-radius:12px}.bnav-icon{align-items:center;display:flex;height:28px;justify-content:center;transition:all .2s;transition:all var(--t-base);width:28px}.bnav-badge{background:#dc2626;background:var(--red);box-shadow:0 2px 6px #dc262659}.bnav-badge,.bnav-more-indicator{align-items:center;border:1.5px solid #fff;border-radius:20px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;left:calc(50% + 6px);min-width:16px;padding:0 4px;position:absolute;top:6px}.bnav-more-indicator{background:#d97706;background:var(--orange)}.ph{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.ph-title{color:#0a0e1a;color:var(--text-1);font-size:22px;font-weight:800;letter-spacing:-.6px}.ph-sub{color:#8590b0;color:var(--text-3);font-size:12.5px;font-weight:500;margin-top:3px}.ph-actions{display:flex;flex-shrink:0}.btn,.ph-actions{align-items:center;gap:6px}.btn{border:none;border-radius:10px;border-radius:var(--r-md);cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:-.1px;overflow:hidden;padding:9px 16px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out);white-space:nowrap}.btn:after{background:linear-gradient(180deg,#ffffff21,#0000);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .12s;transition:opacity var(--t-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#0057a8,#07c);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);box-shadow:0 2px 8px #0057a859,inset 0 1px 0 #ffffff26;color:#fff}.btn-primary:hover{box-shadow:0 4px 18px #07c6,inset 0 1px 0 #ffffff26;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-secondary{background:#fff;background:var(--surface);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);color:#0a0e1a;color:var(--text-1)}.btn-secondary:hover{border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;box-shadow:var(--sh-glow);color:#07c;color:var(--accent-2)}.btn-ghost{background:#0000;color:#3d4466;color:var(--text-2);padding:7px 10px}.btn-ghost:hover{background:#eaecf5;background:var(--surface-3);color:#0a0e1a;color:var(--text-1)}.btn-danger{background:linear-gradient(135deg,#c82020,#dc2626);background:linear-gradient(135deg,#c82020,var(--red));box-shadow:0 2px 8px #dc26264d;color:#fff}.btn-danger:hover{box-shadow:0 4px 16px #dc262666;transform:translateY(-1px)}.btn-sm{font-size:12px;padding:6px 12px}.btn-xs{border-radius:7px;font-size:11px;padding:4px 9px}.btn-icon{padding:8px}.btn-full{border-radius:16px;border-radius:var(--r-lg);font-size:14px;justify-content:center;padding:13px 16px;width:100%}.card{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);margin-bottom:14px;overflow:hidden;transition:box-shadow .2s;transition:box-shadow var(--t-base)}.card:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md)}.detail-col-group>.card,.detail-grid>.card{animation:none;margin-bottom:0;transition:none}.detail-col-group>.card:hover,.detail-grid>.card:hover{box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm)}.temp-driver-section{contain:layout paint;isolation:isolate}.temp-driver-section .info-row:hover{border-radius:0;margin:0;padding-left:0;padding-right:0}.temp-driver-section .btn{transition:box-shadow .2s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--t-base) var(--ease-out)}.card-header{align-items:center;background:linear-gradient(180deg,#f4f6fc,#fff);background:linear-gradient(180deg,var(--surface-2) 0,var(--surface) 100%);border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px 14px}.card-title{color:#0a0e1a;color:var(--text-1);font-size:13.5px;font-weight:700;letter-spacing:-.1px}.card-body{padding:18px 20px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}@media (min-width:1100px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);overflow:hidden;padding:16px 18px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.stat-card:before{background:#07c;background:var(--stat-color,var(--accent-2));border-radius:20px 20px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;height:3px;top:0}.stat-card:after,.stat-card:before{content:"";left:0;position:absolute;right:0}.stat-card:after{background:linear-gradient(180deg,#00000005,#0000);height:60px;pointer-events:none;top:3px}.stat-card:hover{border-color:#c8cedf;border-color:var(--border-2);box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-3px)}.stat-label{color:#8590b0;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#0a0e1a;color:var(--text-1);font-size:26px;font-weight:800;letter-spacing:-1.5px;line-height:1}.stat-meta{color:#8590b0;color:var(--text-3);font-size:11.5px;font-weight:500;margin-top:5px}.stat-card.danger{--stat-color:var(--red);background:linear-gradient(135deg,#fff1f2,#fff 60%);background:linear-gradient(135deg,var(--red-bg) 0,#fff 60%);border-color:#fecdd3;border-color:var(--red-border)}.stat-card.warn{--stat-color:var(--orange)}.stat-card.good{--stat-color:var(--green)}.stat-card.info{--stat-color:var(--accent-2)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 9px;white-space:nowrap}.badge-green{background:#ecfdf5;background:var(--green-bg);border:1px solid #a7f3d0;border:1px solid var(--green-border);color:#059669;color:var(--green)}.badge-red{background:#fff1f2;background:var(--red-bg);border:1px solid #fecdd3;border:1px solid var(--red-border);color:#dc2626;color:var(--red)}.badge-orange{background:#fffbeb;background:var(--orange-bg);border:1px solid #fde68a;border:1px solid var(--orange-border);color:#d97706;color:var(--orange)}.badge-blue{background:#0077cc14;border:1px solid #07c3;color:#07c;color:var(--accent-2)}.badge-gray{background:#eaecf5;background:var(--surface-3);border:1px solid #e0e4ef;border:1px solid var(--border);color:#3d4466;color:var(--text-2)}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:5px;width:5px}.act-item.status-row-good,.doc-row.status-row-good,.status-card-good,.status-row-good{background:#0596690d}.act-item.status-row-warning,.doc-row.status-row-warning,.status-card-warning,.status-row-warning{background:#d977060f}.act-item.status-row-critical,.doc-row.status-row-critical,.status-card-critical,.status-row-critical{background:#dc26260f}.status-card-good{border-color:#05966959;box-shadow:0 8px 24px #05966914}.status-card-warning{border-color:#d9770659;box-shadow:0 8px 24px #d9770614}.status-card-critical{border-color:#dc262659;box-shadow:0 8px 24px #dc262614}.act-item.status-row-good .act-time,.doc-row.status-row-good .doc-exp,.vcard.status-card-good .vcard-sub{color:#059669;color:var(--green)}.act-item.status-row-warning .act-time,.doc-row.status-row-warning .doc-exp,.vcard.status-card-warning .vcard-sub{color:#d97706;color:var(--orange)}.act-item.status-row-critical .act-time,.doc-row.status-row-critical .doc-exp,.vcard.status-card-critical .vcard-sub{color:#dc2626;color:var(--red)}.status-highlight{animation:statusPulse 2.6s ease-in-out infinite}.plate{align-items:center;background:#f4f6fc;background:var(--surface-2);border:1.5px solid #c8cedf;border:1.5px solid var(--border-2);border-radius:6px;color:#0a0e1a;color:var(--text-1);display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:3px 8px 3px 5px;white-space:nowrap}.plate:before{background:linear-gradient(180deg,#039,#04c);border-radius:3px 0 0 3px;content:"";display:block;flex-shrink:0;height:100%;margin-right:6px;width:4px}.alert{align-items:flex-start;border-radius:10px;border-radius:var(--r-md);display:flex;font-size:12.5px;gap:10px;line-height:1.5;margin-bottom:10px;padding:12px 16px}.alert-red{background:#fff1f2;background:var(--red-bg);border:1px solid #fecdd3;border:1px solid var(--red-border);color:#991b1b}.alert-orange{background:#fffbeb;background:var(--orange-bg);border:1px solid #fde68a;border:1px solid var(--orange-border);color:#92400e}.dashboard-banners{grid-gap:10px;display:grid;gap:10px;margin-bottom:18px}.dashboard-banner{align-items:center;border:1px solid #0000;border-radius:18px;display:flex;font-size:13px;gap:12px;padding:14px 18px}.dashboard-banner svg{flex-shrink:0}.dashboard-banner.critical{background:#fecdd3b3;border-color:#ef444440;color:#991b1b}.dashboard-banner.warn{background:#fff5ccb3;border-color:#eab30840;color:#92400e}.alerts-banner{align-items:flex-start;background:#dc262612;border:1px solid #dc26262e;border-radius:18px;color:#dc2626;color:var(--red);display:flex;gap:12px;margin-bottom:18px;padding:16px 18px}.alerts-banner-icon{align-items:center;background:#dc262626;border-radius:50%;display:flex;font-weight:800;height:30px;justify-content:center;width:30px}.alert-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.alert-status-card{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border-radius:16px;border-radius:var(--r-lg);border-top:3px solid;box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.alert-status-card:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-2px)}.alert-status-critical{border-top-color:#dc2626;border-top-color:var(--red)}.alert-status-attention{border-top-color:#d97706;border-top-color:var(--orange)}.alert-status-ok{border-top-color:#059669;border-top-color:var(--green)}.alert-status-label{color:#8590b0;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.alert-status-count{color:#0a0e1a;color:var(--text-1);font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:4px}.alert-status-text{color:#3d4466;color:var(--text-2);font-size:12px}.alerts-list{display:flex;flex-direction:column;gap:10px}.alerts-grid{grid-gap:14px;display:grid;gap:14px}.alert-item{align-items:center;animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-left-width:4px;border-radius:16px;border-radius:var(--r-lg);display:flex;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.alert-item:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateX(3px)}.alert-item-critical{background:#dc262605;border-left-color:#dc2626;border-left-color:var(--red)}.alert-item-attention{background:#d9770605;border-left-color:#d97706;border-left-color:var(--orange)}.alert-item-ok{background:#05966905;border-left-color:#059669;border-left-color:var(--green)}.alert-item-left{align-items:center;display:flex;gap:12px;min-width:fit-content}.alert-item-indicator{border-radius:50%;height:6px;width:6px}.alert-indicator-critical{background:#dc2626;background:var(--red)}.alert-indicator-attention{background:#d97706;background:var(--orange)}.alert-indicator-ok{background:#059669;background:var(--green)}.alert-item-plate{background:#eaecf5;background:var(--surface-3);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:6px;color:#0a0e1a;color:var(--text-1);font-size:12px;font-weight:700;padding:6px 10px;white-space:nowrap}.alert-item-content{flex:1 1;min-width:0}.alert-item-title{color:#0a0e1a;color:var(--text-1);font-size:14px;font-weight:600;margin-bottom:4px}.alert-item-driver{font-weight:700}.alert-item-company{color:#3d4466;color:var(--text-2);font-weight:400}.alert-item-meta{color:#3d4466;color:var(--text-2);display:flex;flex-wrap:wrap;font-size:12px;gap:4px}.alert-doc-type{color:#0a0e1a;color:var(--text-1);font-weight:700}.alert-item-days{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:fit-content}.alert-item-days-value{border-radius:8px;font-size:13px;font-weight:700;padding:4px 10px}.alert-item-badge{border-radius:8px;font-size:11px;font-weight:700;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.alert-badge-critical{background:#dc26261a;color:#dc2626;color:var(--red)}.alert-badge-attention{background:#d977061a;color:#d97706;color:var(--orange)}.alert-badge-ok{background:#0596691a;color:#059669;color:var(--green)}.alert-item-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.alert-card{grid-gap:16px;align-items:center;animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:22px;box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);display:grid;gap:16px;grid-template-columns:6px minmax(0,1fr) auto;padding:18px 18px 18px 0;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.alert-card:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-1px)}.alert-card-side{background:#0057a8;background:var(--accent);border-radius:999px;width:6px}.alert-card-good .alert-card-side{background:#059669;background:var(--green)}.alert-card-warning .alert-card-side{background:#d97706;background:var(--orange)}.alert-card-critical .alert-card-side{background:#dc2626;background:var(--red)}.alert-card-main{min-width:0}.alert-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.alert-card-plate{background:#f4f6fc;background:var(--surface-2);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:999px;font-size:12px;padding:7px 12px;text-transform:uppercase}.alert-card-plate,.alert-card-title{color:#0a0e1a;color:var(--text-1);font-weight:700}.alert-card-title{font-size:15px;margin-top:6px}.alert-card-meta{align-items:center;color:#3d4466;color:var(--text-2);display:flex;flex-wrap:wrap;font-size:12px;gap:10px;margin-top:9px}.alert-card-meta span{align-items:center;display:inline-flex;gap:6px}.alert-day-separator:before{content:"•"}.alert-expiry{font-weight:700}.alert-expiry-good{color:#059669;color:var(--green)}.alert-expiry-warning{color:#d97706;color:var(--orange)}.alert-expiry-critical{color:#dc2626;color:var(--red)}.alert-days{border-radius:999px;font-size:11px;font-weight:700;padding:7px 12px;text-transform:uppercase;white-space:nowrap}.alert-days-good{background:#0596691a;color:#059669;color:var(--green)}.alert-days-warning{background:#d977061a;color:#d97706;color:var(--orange)}.alert-days-critical{background:#dc26261a;color:#dc2626;color:var(--red)}.alert-card-actions{align-items:center;display:flex;justify-content:flex-end}.alert-card-actions .btn{min-width:92px}.event-card{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);padding:20px 22px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.event-card:hover{border-color:#c8cedf;border-color:var(--border-2);box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-3px)}.event-card-good{border-color:#05966933}.event-card-active{border-color:#07c3}.event-card-critical{border-color:#dc262633}.event-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.event-plate{align-items:center;background:#f4f6fc;background:var(--surface-2);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:999px;color:#0a0e1a;color:var(--text-1);display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.8px;padding:8px 12px;text-transform:uppercase}.event-car{color:#3d4466;color:var(--text-2);font-size:12px;margin-top:4px}.event-status{border-radius:999px;font-size:11px;font-weight:700;padding:7px 14px;text-transform:uppercase;white-space:nowrap}.event-status-good{background:#0596691a;color:#059669;color:var(--green)}.event-status-active{background:#0077cc1a;color:#07c;color:var(--accent-2)}.event-status-critical{background:#dc26261a;color:#dc2626;color:var(--red)}.event-title{color:#0a0e1a;color:var(--text-1);font-size:16px;font-weight:800;letter-spacing:-.3px;margin-top:12px}.event-meta{color:#8590b0;color:var(--text-3);font-size:12px;margin-top:10px}.event-card-footer{align-items:center;border-top:1px solid #e0e4ef;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-top:16px;padding-top:14px}.event-author{color:#3d4466;color:var(--text-2);gap:10px}.event-author,.event-avatar{align-items:center;display:flex}.event-avatar{background:linear-gradient(135deg,#07c,#0af);background:linear-gradient(135deg,var(--accent-2),var(--accent-3));border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.event-details{color:#07c;color:var(--accent-2);cursor:pointer;font-size:12px;font-weight:700}.events-grid{grid-gap:16px;display:grid;gap:16px}.vcard{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);cursor:pointer;margin-bottom:10px;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.vcard:hover{border-color:#c8cedf;border-color:var(--border-2);box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-2px)}.vcard:active{box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);transform:translateY(0)}.vcard-top{align-items:center;display:flex;gap:12px;margin-bottom:12px}.vcard-plate{flex-shrink:0}.vcard-info{flex:1 1;min-width:0}.vcard-model{color:#0a0e1a;color:var(--text-1);font-size:15px;font-weight:700;letter-spacing:-.3px}.vcard-sub{color:#8590b0;color:var(--text-3);font-size:12px;margin-top:2px}.vcard-docs{grid-gap:7px;display:grid;gap:7px;grid-template-columns:1fr 1fr 1fr}.vcard-doc{background:#f4f6fc;background:var(--surface-2);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--r-md);padding:7px 10px;text-align:center}.vcard-doc-lbl{color:#8590b0;color:var(--text-3);font-size:9.5px;font-weight:700;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.vcard-doc-val{font-size:11px;font-weight:600}.vcard-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.dcard{align-items:center;animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.dcard:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-2px)}.dcard:active{background:#f4f6fc;background:var(--surface-2);transform:translateY(0)}.dcard-info{flex:1 1;min-width:0}.dcard-name{color:#0a0e1a;color:var(--text-1);font-size:14px;font-weight:700}.dcard-sub{color:#8590b0;color:var(--text-3);font-size:12px;margin-top:2px}.vprofile-header{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:linear-gradient(135deg,#001e33,#003a6e 55%,#00406b);background:linear-gradient(135deg,var(--navy-dark) 0,#003a6e 55%,var(--navy-mid) 100%);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 8px 32px #001e3340,0 2px 8px #001e3326;margin-bottom:16px;overflow:hidden;padding:24px 22px;position:relative}.vprofile-header:before{background:radial-gradient(circle,#0af3 0,#0000 70%);height:240px;right:0;top:0;width:240px}.vprofile-header:after,.vprofile-header:before{content:"";pointer-events:none;position:absolute;z-index:0}.vprofile-header:after{background:radial-gradient(circle,#0057a84d 0,#0000 70%);bottom:0;height:180px;left:0;width:180px}.vprofile-plate{margin-bottom:14px;position:relative;z-index:1}.vprofile-model{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.8px;margin-bottom:6px;position:relative;z-index:1}.vprofile-sub{color:#ffffff8c;font-size:13px;position:relative;z-index:1}.detail-grid{margin-bottom:20px}.detail-col-group,.detail-grid{display:flex;flex-direction:column;gap:14px}@media (min-width:1000px){.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.detail-col-group>:last-child{flex-grow:1}}@media (min-width:1240px){.detail-grid{grid-template-columns:2fr 300px}}.plate-pill{align-items:center;background:#ffffff26;border:1px solid #ffffff38;border-radius:999px;color:#fff;display:inline-flex;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:12px;font-weight:600;justify-content:center;letter-spacing:.1em;padding:7px 14px;text-transform:uppercase}.quick-actions-card .card-body{grid-gap:10px;display:grid;gap:10px}.assigned-driver-card .btn,.quick-actions-card .btn{justify-content:flex-start;width:100%}.assigned-driver-card .small-link{color:#07c;color:var(--accent-2);font-size:12px;text-decoration:none}.avatar-circle{align-items:center;background:linear-gradient(135deg,#0057a8,#07c);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;box-shadow:0 3px 10px #0057a84d;color:#fff;display:inline-flex;font-size:14px;font-weight:700;height:44px;justify-content:center;width:44px}.info-row{align-items:flex-start;border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:12px 0;transition:background .12s;transition:background var(--t-fast)}.info-row:hover{background:#f4f6fc;background:var(--surface-2);border-radius:8px;margin:0 -6px;padding-left:6px;padding-right:6px}.info-row:last-child{border-bottom:none}.info-lbl{color:#8590b0;color:var(--text-3);flex-shrink:0;font-size:11.5px;font-weight:500;margin-top:1px;width:110px}.info-val{color:#0a0e1a;color:var(--text-1);flex:1 1;font-size:13.5px;font-weight:500}.act-item{border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.act-item:last-child{border-bottom:none}.act-dot{align-items:center;background:linear-gradient(135deg,#eaecf5,#f4f6fc);background:linear-gradient(135deg,var(--surface-3),var(--surface-2));border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:50%;color:#07c;color:var(--accent-2);display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;width:28px}.act-text{color:#0a0e1a;color:var(--text-1);font-size:12.5px;line-height:1.5}.act-time{color:#8590b0;color:var(--text-3);font-size:11px;font-weight:500;margin-top:3px}.doc-row{align-items:center;animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);display:flex;gap:14px;margin-bottom:10px;padding:16px 18px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.doc-row:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-2px)}.doc-row:last-child{margin-bottom:0}.doc-icon{align-items:center;border-radius:10px;border-radius:var(--r-md);display:flex;flex-shrink:0;height:42px;justify-content:center;width:42px}.doc-card-main{flex:1 1;min-width:0}.doc-top{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.doc-badge{border-radius:999px;font-size:12px;font-weight:700;padding:7px 12px;white-space:nowrap}.doc-badge-good{background:#0596691a;color:#059669;color:var(--green)}.doc-badge-warning{background:#d977061a;color:#d97706;color:var(--orange)}.doc-badge-critical{background:#dc26261a;color:#dc2626;color:var(--red)}.doc-name{color:#0a0e1a;color:var(--text-1);font-size:13px;font-weight:700;margin-bottom:4px}.doc-meta{color:#8590b0;color:var(--text-3);font-size:12px}.doc-card-right{flex-shrink:0}.doc-card-right,.fbar{align-items:center;display:flex}.fbar{gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}.fbar::-webkit-scrollbar{display:none}.fchip{background:#fff;background:var(--surface);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);border-radius:999px;box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);color:#3d4466;color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out);white-space:nowrap}.fchip.active{background:linear-gradient(135deg,#0057a8,#07c);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:#0057a8;border-color:var(--accent);box-shadow:0 2px 10px #0057a84d;color:#fff}.fchip:hover:not(.active){border-color:#07c;border-color:var(--accent-2);color:#07c;color:var(--accent-2)}.fchip:active{transform:scale(.95)}.table-filters{margin-bottom:18px}.filter-row{flex-wrap:wrap;gap:12px;justify-content:space-between}.filter-row,.search-box{align-items:center;display:flex}.search-box{background:#fff;background:var(--surface);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);flex:1 1;gap:10px;min-width:240px;padding:10px 14px;transition:all .2s;transition:all var(--t-base)}.search-box:focus-within{border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;box-shadow:var(--sh-glow)}.search-box svg{color:#8590b0;color:var(--text-3)}.search-box input{background:#0000;border:none;color:#0a0e1a;color:var(--text-1);font-size:13px;outline:none;width:100%}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.vehicle-table-card{overflow-x:auto}.vehicle-table{border-collapse:collapse;table-layout:auto;width:100%}.vehicle-table td,.vehicle-table th{border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);font-size:13px;padding:14px 12px;text-align:left;vertical-align:middle}.vehicle-table th{background:#f4f6fc;background:var(--surface-2);color:#8590b0;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.vehicle-table tbody tr{cursor:pointer;transition:background .12s;transition:background var(--t-fast)}.vehicle-table tbody tr:hover{background:#0077cc0a}.vehicle-name{color:#0a0e1a;color:var(--text-1);font-weight:700}.vehicle-sub{color:#8590b0;color:var(--text-3);font-size:12px;margin-top:4px}.status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.2px;padding:5px 11px}.status-pill.available,.status-pill.ok{background:#ecfdf5;background:var(--green-bg);border:1px solid #a7f3d0;border:1px solid var(--green-border);color:#059669;color:var(--green)}.status-pill.expiring{background:#fffbeb;background:var(--orange-bg);border:1px solid #fde68a;border:1px solid var(--orange-border);color:#d97706;color:var(--orange)}.status-pill.critical,.status-pill.service{background:#fff1f2;background:var(--red-bg);border:1px solid #fecdd3;border:1px solid var(--red-border);color:#dc2626;color:var(--red)}.status-pill.assigned{background:#0077cc14;border:1px solid #07c3;color:#07c;color:var(--accent-2)}.row-action{text-align:right}.empty-row{color:#8590b0;color:var(--text-3);font-size:14px;padding:40px 0;text-align:center}.form-select{background:#fff;background:var(--surface);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--r-md);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);color:#0a0e1a;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;min-width:160px;padding:10px 12px;transition:all .2s;transition:all var(--t-base)}.form-select:focus{border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;box-shadow:var(--sh-glow);outline:none}.urg-card{animation:fadeInUp .32s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp var(--t-slow) var(--ease-out) both;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);cursor:pointer;display:flex;margin-bottom:10px;overflow:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.urg-card:hover{box-shadow:0 4px 16px #0a0e1a17,0 1px 4px #0a0e1a0d;box-shadow:var(--sh-md);transform:translateY(-2px)}.urg-card:active{box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);transform:translateY(0)}.urg-stripe{flex-shrink:0;width:5px}.urg-body{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.urg-body,.urg-info{flex:1 1;min-width:0}.urg-title{color:#0a0e1a;color:var(--text-1);font-size:13px;font-weight:700;margin-bottom:4px}.urg-meta{color:#8590b0;color:var(--text-3);font-size:12px}.urg-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.urg-days{color:#d97706;color:var(--orange);font-size:18px;font-weight:800}.urg-state{color:#dc2626;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.modal-overlay{align-items:flex-start;animation:fadeIn .18s ease both;background:#0a0e1ad1;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:32px 20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .24s cubic-bezier(.16,1,.3,1) both;animation:slideUp .24s var(--ease-out) both;background:#fff;background:var(--surface);border-radius:20px;border-radius:var(--r-xl);box-shadow:0 16px 48px #0a0e1a24,0 4px 16px #0a0e1a12,0 0 0 1px #ffffff0a;box-shadow:var(--sh-lg),0 0 0 1px #ffffff0a;display:flex;flex-direction:column;margin:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(180deg,#f4f6fc,#fff);background:linear-gradient(180deg,var(--surface-2) 0,var(--surface) 100%);border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);border-radius:20px 20px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px 14px}.modal-title{color:#0a0e1a;color:var(--text-1);font-size:15px;font-weight:700;letter-spacing:-.3px;margin:0}.modal-close{align-items:center;background:#eaecf5;background:var(--surface-3);border:none;border-radius:10px;border-radius:var(--r-md);color:#8590b0;color:var(--text-3);cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s;transition:all var(--t-base);width:28px}.modal-close:hover{background:#fff1f2;background:var(--red-bg);border:1px solid #fecdd3;border:1px solid var(--red-border);color:#dc2626;color:var(--red)}.modal-body{flex:1 1;overflow-y:auto;padding:18px 20px}.form-group{margin-bottom:14px}.form-label{color:#3d4466;color:var(--text-2);display:block;font-size:12px;font-weight:600;letter-spacing:.1px;margin-bottom:5px}.form-input,.form-select,.form-textarea{background:#fff;background:var(--surface);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--r-md);color:#0a0e1a;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;padding:8px 12px;transition:all .2s;transition:all var(--t-base);width:100%}.form-input:hover:not(:focus),.form-select:hover:not(:focus),.form-textarea:hover:not(:focus){border-color:#c8cedf;border-color:var(--border-2)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc2e;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-textarea{line-height:1.5;min-height:60px;resize:vertical}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.document-modal-intro{margin-bottom:18px}.document-modal-subtitle{color:#8590b0;color:var(--text-3);font-size:14px;line-height:1.5;margin:0}.file-drop-area{align-items:center;background:#f4f6fc;background:var(--surface-2);border:1.5px dashed #c8cedf;border:1.5px dashed var(--border-2);border-radius:16px;border-radius:var(--r-lg);color:#8590b0;color:var(--text-3);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:100px;padding:14px;position:relative;text-align:center;transition:all .2s;transition:all var(--t-base)}.file-drop-area:hover{background:#0077cc0a;border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;box-shadow:var(--sh-glow)}.file-input{cursor:pointer;inset:0;opacity:0;position:absolute}.file-drop-icon{align-items:center;background:#0077cc1a;border-radius:10px;color:#07c;color:var(--accent-2);display:inline-flex;height:34px;justify-content:center;width:34px}.file-drop-text{color:#0a0e1a;color:var(--text-1);font-size:13px;font-weight:600}.file-drop-hint{color:#8590b0;color:var(--text-3);font-size:11px}.file-name{color:#3d4466;color:var(--text-2);font-size:13px;margin-top:6px}.document-form-actions{margin-top:14px}.document-form-actions,.form-actions{display:flex;gap:10px;justify-content:flex-end}.form-actions{border-top:1px solid #e0e4ef;border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.ava{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.ava-sm{font-size:10px;height:26px;width:26px}.ava-lg{font-size:15px;height:44px;width:44px}.av1{background:linear-gradient(135deg,#005082,#0077b6)}.av2{background:linear-gradient(135deg,#059669,#10b981)}.av3{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.av4{background:linear-gradient(135deg,#d97706,#f59e0b)}.av5{background:linear-gradient(135deg,#dc2626,#ef4444)}.av6{background:linear-gradient(135deg,#0891b2,#06b6d4)}.htabs{border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:16px;overflow-x:auto}.htabs::-webkit-scrollbar{display:none}.htab{border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#3d4466;color:var(--text-2);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1px;padding:10px 14px;transition:all .2s;transition:all var(--t-base);white-space:nowrap}.htab:hover{background:#f4f6fc;background:var(--surface-2);color:#0a0e1a;color:var(--text-1)}.htab.active{background:#0077cc0d;border-bottom-color:#07c;border-bottom-color:var(--accent-2);color:#07c;color:var(--accent-2)}.back-btn{align-items:center;background:#fff;background:var(--surface);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);border-radius:999px;box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a;box-shadow:var(--sh-sm);color:#0a0e1a;color:var(--text-1);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;margin-bottom:14px;padding:8px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out)}.back-btn:hover{border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;box-shadow:var(--sh-glow);color:#07c;color:var(--accent-2);transform:translateX(-2px)}.back-btn svg{transition:transform .2s cubic-bezier(.16,1,.3,1);transition:transform var(--t-base) var(--ease-out)}.back-btn:hover svg{transform:translateX(-3px)}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-track{background:#0000}.content::-webkit-scrollbar-thumb{background:#c8cedf;background:var(--border-2);border-radius:99px}.content::-webkit-scrollbar-thumb:hover{background:#8590b0;background:var(--text-3)}.section-label{color:#8590b0;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.6px;margin:22px 0 12px;text-transform:uppercase}.desktop-header,.sidebar-desktop{display:none}.desktop-main{background:#edf0f7;background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}@media (min-width:768px){#app{flex-direction:row}.bottom-nav,.topbar{display:none}.content{padding:20px 24px}.sidebar-desktop{background:linear-gradient(180deg,#001e33,#001a2e);background:linear-gradient(180deg,var(--navy-dark) 0,#001a2e 100%);box-shadow:4px 0 24px #0000002e;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:16px 14px 14px;position:relative;width:260px}.sidebar-desktop:before{background:radial-gradient(circle,#07c3 0,#0000 70%);height:300px;left:-40px;top:-40px;width:300px}.sidebar-desktop:after,.sidebar-desktop:before{content:"";pointer-events:none;position:absolute}.sidebar-desktop:after{background:radial-gradient(circle,#00406b4d 0,#0000 70%);bottom:0;height:200px;right:0;width:200px}.sidebar-brand,.sidebar-footer,.sidebar-user{position:relative;z-index:1}.sidebar-brand{align-items:center;border-bottom:1px solid #ffffff12;display:flex;gap:12px;margin-bottom:10px;padding-bottom:10px}.sidebar-brand-logo{align-items:center;background:linear-gradient(135deg,#07c,#0af);background:linear-gradient(135deg,var(--accent-2),var(--accent-3));border-radius:10px;box-shadow:0 4px 14px #0077cc73,inset 0 1px 0 #fff3;color:#fff;display:flex;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.sidebar-brand-title{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.4px}.sidebar-brand-sub{color:#fff6;font-size:9px;letter-spacing:.8px;margin-top:1px;text-transform:uppercase}.sidebar-user{align-items:center;background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:9px 12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:50%;box-shadow:0 3px 10px #0ea5e966;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:34px;justify-content:center;width:34px}.sidebar-user-name{color:#fff;font-size:13px;font-weight:700;letter-spacing:-.2px}.sidebar-user-role{color:#ffffff73;font-size:11px;margin-top:1px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;position:relative;scrollbar-width:none;z-index:1}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{align-items:center;background:#0000;border:none;border-radius:10px;color:#fff9;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:10px;padding:8px 13px;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out);width:100%}.sidebar-link:hover{background:#ffffff12;color:#ffffffe6;padding-left:16px}.sidebar-link.active{background:#0077cc38;border:1px solid #00aaff2e;box-shadow:0 2px 12px #0077cc2e,inset 0 1px 0 #ffffff0d;color:#fff}.sidebar-link.active .sidebar-icon{color:#0af;color:var(--accent-3);filter:drop-shadow(0 0 6px rgba(0,170,255,.5))}.sidebar-icon{align-items:center;color:#ffffff8c;display:inline-flex;height:20px;justify-content:center;min-width:20px;transition:color .2s,transform .2s,filter .2s;transition:color var(--t-base),transform var(--t-base),filter var(--t-base);width:20px}.sidebar-link:hover .sidebar-icon{color:#ffffffe6;transform:scale(1.1)}.sidebar-sublink{font-size:12.5px;font-weight:500;padding-left:43px}.sidebar-sublink:hover{padding-left:46px}.sidebar-footer{border-top:1px solid #ffffff12;flex-shrink:0;margin-top:8px;padding-bottom:14px;padding-top:10px;position:relative;z-index:1}.sidebar-help{color:#fff6;font-size:11.5px;margin-bottom:10px}.desktop-main{background:#edf0f7;background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-width:0}.desktop-header{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0a0e1a0d,0 4px 16px #0a0e1a0a;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;min-height:72px;padding:0 28px;z-index:20}.desktop-header-left{display:flex;flex-direction:column;gap:3px;min-width:0}.desktop-title{color:#0a0e1a;color:var(--text-1);font-size:19px;font-weight:800;letter-spacing:-.5px}.desktop-sub{color:#8590b0;color:var(--text-3);font-size:12.5px;font-weight:500}.desktop-search{flex:1 1;max-width:440px;min-width:0}.search-inner{align-items:center;background:#f4f6fc;background:var(--surface-2);border:1.5px solid #e0e4ef;border:1.5px solid var(--border);border-radius:999px;display:flex;gap:10px;padding:9px 16px;transition:all .2s;transition:all var(--t-base);width:100%}.search-inner:hover{border-color:#c8cedf;border-color:var(--border-2)}.search-inner.focused{background:#fff;background:var(--surface);border-color:#07c;border-color:var(--accent-2);box-shadow:0 0 0 3px #0077cc1f,0 4px 20px #0077cc26;box-shadow:var(--sh-glow)}.search-inner input{background:#0000;border:none;color:#0a0e1a;color:var(--text-1);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13.5px;outline:none;width:100%}.search-inner input::placeholder{color:#8590b0;color:var(--text-3)}.desktop-toolbar{align-items:center;display:flex;gap:8px}.desktop-date{color:#3d4466;color:var(--text-2);font-size:12px;font-weight:500;white-space:nowrap}.desktop-user-badge{background:linear-gradient(135deg,#07c,#0af);background:linear-gradient(135deg,var(--accent-2),var(--accent-3));border-radius:50%;box-shadow:0 2px 8px #0077cc59;color:#fff;cursor:pointer;display:grid;font-size:12px;font-weight:800;height:36px;place-items:center;transition:all .2s;transition:all var(--t-base);width:36px}.desktop-user-badge:hover{box-shadow:0 4px 14px #0077cc73;transform:scale(1.08)}.company-banner{align-items:center;background:linear-gradient(135deg,#001e33,#002a47);background:linear-gradient(135deg,var(--navy-dark) 0,#002a47 100%);border:1px solid #ffffff0f;border-radius:18px;box-shadow:0 4px 16px #00142826;display:flex;flex-shrink:0;gap:10px;margin-bottom:20px;overflow-x:auto;padding:12px 18px}.company-banner::-webkit-scrollbar{display:none}.company-banner-label{color:#fff6;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.company-pill{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff1a;border-radius:999px;color:#ffffffb3;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:8px;padding:8px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);transition:all var(--t-base) var(--ease-out);white-space:nowrap}.company-pill:hover{background:#ffffff1a;color:#fff}.company-pill.active{background:#0077cc47;border-color:#00aaff59;box-shadow:0 0 0 1px #00aaff2e,0 4px 12px #07c3;color:#fff}.company-pill-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.company-pill-count{background:#ffffff26;border-radius:999px;color:#fffc;font-size:10px;font-weight:700;padding:2px 6px}}@media (min-width:1024px){.desktop-header{padding:0 36px}.content{padding:28px 36px 24px}.stats-grid{gap:16px}}.dash-costs-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 220px;margin-bottom:24px}.dash-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}@media (max-width:767px){.ph{flex-wrap:wrap}.ph-title{font-size:18px;letter-spacing:-.4px}.form-row{grid-template-columns:1fr}.card-header{padding:12px 16px}.card-body{padding:14px 16px}.stat-value{font-size:21px}.alert-status-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.alert-item{flex-wrap:wrap;padding:12px 14px}.alert-item-content{min-width:100%}.alert-item-actions{justify-content:flex-start;width:100%}.filter-row{align-items:stretch;flex-direction:column}.form-select,.search-box{min-width:0;width:100%}.filter-group{align-items:stretch;flex-direction:column}.vehicle-table-card{-webkit-overflow-scrolling:touch;overflow-x:visible}.vehicle-table thead{display:none}.vehicle-table,.vehicle-table tbody,.vehicle-table tr{display:block;width:100%}.vehicle-table tr{background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);margin:10px;padding:0 14px}.vehicle-table td{align-items:center;border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;padding:9px 0;text-align:right;white-space:normal}.vehicle-table tr td:last-child{border-bottom:none}.vehicle-table td[data-label]:before{color:#8590b0;color:var(--text-3);content:attr(data-label);flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase}.vehicle-table td.cell-title{font-weight:700;justify-content:flex-start;padding-top:13px}.vehicle-table td.cell-action{justify-content:flex-end;padding-bottom:13px}.modal-overlay{align-items:flex-end;padding:8px 0 0}.modal-content{border-radius:20px 20px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;flex-direction:column;max-height:94dvh}.modal-body{flex:1 1;max-height:none;min-height:0;overflow-y:auto}.info-lbl{font-size:11px;width:90px}.vprofile-model{font-size:20px}.vprofile-header{padding:18px 16px}.back-btn{font-size:12px;padding:7px 13px}.card-header{flex-wrap:wrap;gap:8px}.dash-costs-grid,.dash-two-col{grid-template-columns:1fr}.dash-two-col{gap:14px}.login-panel{padding:28px 20px!important}.login-panels{border-radius:20px!important;border-radius:var(--r-xl)!important;flex-direction:column!important}.login-divider{flex-direction:row!important;height:auto!important;padding:0 24px!important;width:100%}.login-divider>div{flex:1 1;height:1px!important;width:auto!important}}@media (max-width:480px){.ph-title{font-size:16px}.stat-value{font-size:18px}.card-body{padding:12px 14px}.card-header{padding:10px 14px}}.is-native .form-select,.is-native select{-webkit-tap-highlight-color:transparent!important;outline:none!important;transition:none!important}.is-native .form-select:active,.is-native .form-select:focus,.is-native .form-select:hover{border-color:#e0e4ef!important;border-color:var(--border)!important;box-shadow:0 1px 2px #0a0e1a0d,0 2px 8px #0a0e1a0a!important;box-shadow:var(--sh-sm)!important;outline:none!important}.is-native .form-input:hover:not(:focus){border-color:#e0e4ef;border-color:var(--border)}.supplier-category-pills{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.supplier-detail-grid{align-items:flex-start;display:flex;gap:20px}.supplier-detail-form{flex:1 1;min-width:0}.supplier-detail-actions{flex-shrink:0;width:280px}.supplier-field-half{display:flex;flex-basis:calc(50% - 8px);flex-direction:column;flex-grow:1;flex-shrink:1;gap:4px;min-width:0}.supplier-field-full{display:flex;flex:1 1 100%;flex-direction:column;gap:4px}.supplier-header-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:20px;margin-bottom:20px;padding:16px 24px}.supplier-header-meta{display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.supplier-header-summary{flex-shrink:0;text-align:right}.ac-dropdown{-webkit-overflow-scrolling:touch;background:#fff;background:var(--surface);border:1px solid #e0e4ef;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px #00000024;max-height:264px;overflow:hidden;overflow-y:auto}.ac-item{border-bottom:1px solid #e0e4ef;border-bottom:1px solid var(--border);color:#0a0e1a;color:var(--text-1);cursor:pointer;font-size:13px;overflow:hidden;padding:9px 14px;text-overflow:ellipsis;transition:background .1s;white-space:nowrap}.ac-item:last-child{border-bottom:none}.ac-item-active,.ac-item:hover{background:#0077cc14;color:#07c;color:var(--accent-2)}.supplier-fields-grid{display:flex;flex-wrap:wrap;gap:16px}@media (max-width:767px){.supplier-category-pills{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.supplier-detail-grid{flex-direction:column}.supplier-detail-actions{width:100%}.supplier-header-info{flex-wrap:wrap;gap:10px;padding:12px 14px}.supplier-header-summary{flex-shrink:1;text-align:left;width:100%}.supplier-fields-grid{gap:10px}.supplier-field-half{flex-basis:calc(50% - 5px);flex-grow:1;flex-shrink:1}.supplier-field-full label,.supplier-field-half label{font-size:11px!important}.supplier-field-full input,.supplier-field-full textarea,.supplier-field-half input,.supplier-field-half textarea{font-size:13px!important;padding:7px 10px!important}}
/*# sourceMappingURL=main.76cbead8.css.map*/