.app-shell{background:var(--app-bg-gradient);min-height:100vh}.sidebar{z-index:20;width:var(--sidebar-width);color:#e2e8f0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b873 transparent;background:radial-gradient(circle at 28% 0,#3b82f638,#0000 18rem),linear-gradient(#0f172a 0%,#111827 100%);flex-direction:column;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:8px 0 30px #0f172a1a}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b873 padding-box padding-box;border:2px solid #0000;border-radius:999px}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid;box-shadow:0 8px 20px #2563eb4d}.brand div,.profile-placeholder div,.topbar-title,.sidebar-footer{flex-direction:column;display:flex}.brand strong{color:#fff;font-size:19px}.brand span:last-child,.sidebar-footer small{color:#94a3b8;font-size:12px}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-link{color:#cbd5e1;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;display:flex}.nav-link:hover{color:#fff;background:#ffffff12;transform:translate(2px)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#2563ebf2,#3b82f6cc);box-shadow:0 8px 18px #2563eb38}.nav-icon{background:#ffffff14;border-radius:8px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.sidebar-footer{color:#cbd5e1;border-top:1px solid #ffffff17;gap:2px;margin-top:auto;padding:18px 10px 0}.app-main{min-width:0;min-height:100vh;margin-left:var(--sidebar-width)}.topbar{z-index:10;border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);min-height:76px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:24px;padding:12px 32px;display:flex;position:sticky;top:0}.topbar-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.topbar-title strong{color:var(--color-heading);font-size:18px}.topbar-title span,.profile-placeholder span{color:var(--color-muted);font-size:13px}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:40px;color:var(--color-text);cursor:pointer;letter-spacing:.01em;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;padding:6px 10px 6px 7px;font-size:12px;font-weight:800;display:inline-flex}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.theme-toggle-track{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface));border-radius:999px;align-items:center;width:48px;height:26px;padding:3px;display:inline-flex;position:relative;box-shadow:inset 0 1px 2px #0f172a1f}.theme-toggle-thumb{width:20px;height:20px;color:var(--color-primary);background:linear-gradient(145deg,#fff,#eff6ff);border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid;transform:translate(0);box-shadow:0 4px 10px #0f172a29}:root[data-theme=dark] .theme-toggle{border-color:var(--premium-border);background:#0f172ac2}:root[data-theme=dark] .theme-toggle-track{background:linear-gradient(135deg,#2563eb73,#0ea5e93d)}:root[data-theme=dark] .theme-toggle-thumb{color:#07111f;background:linear-gradient(145deg,#dbeafe,#60a5fa);transform:translate(22px)}.profile-placeholder{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:12px;align-items:center;gap:10px;padding:7px 10px;display:flex}.profile-placeholder strong{color:var(--color-heading);font-size:13px}.logout-button{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700}.logout-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.profile-avatar{background:var(--color-primary-soft);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid;color:var(--color-primary)!important}.page-content{width:100%;padding:32px}:root[data-theme=dark] .sidebar{background:radial-gradient(circle at 20% 0,#2563eb33,#0000 18rem),linear-gradient(#040814 0%,#07111f 52%,#090f1b 100%);border-right:1px solid #94a3b81a;box-shadow:10px 0 38px #00000042}:root[data-theme=dark] .topbar{border-bottom-color:var(--premium-border);background:#090f1bbd;box-shadow:0 1px #ffffff08}:root[data-theme=dark] .profile-placeholder{background:#0f172abd}:root[data-theme=dark] .profile-avatar{background:linear-gradient(145deg,#60a5fa47,#0ea5e929)}@media (width<=900px){:root{--sidebar-width:86px}.sidebar{align-items:center;padding-inline:12px}.brand{padding-inline:0}.brand div,.nav-link>span:last-child,.sidebar-footer{display:none}.nav-link{justify-content:center;padding:9px}.nav-link:hover{transform:none}}@media (width<=640px){:root{--sidebar-width:0px}.app-shell{padding-bottom:76px}.sidebar{flex-direction:row;width:100%;height:68px;padding:8px 10px;inset:auto 0 0;overflow-y:hidden}.brand,.sidebar-footer{display:none}.sidebar-nav{scrollbar-width:none;flex-direction:row;justify-content:space-around;gap:4px;width:100%;overflow-x:auto}.nav-link{flex-direction:column;flex:1 0 auto;gap:3px;min-width:58px;padding:5px 3px;font-size:10px}.nav-link>span:last-child{display:block}.nav-icon{width:27px;height:27px}.topbar{min-height:68px;padding:10px 18px}.profile-placeholder div{display:none}.topbar-actions{gap:8px}.theme-toggle{padding-right:7px}.theme-toggle>span:last-child{display:none}.logout-button{padding-inline:8px}.page-content{padding:22px 16px}}@media (width<=420px){.topbar-title span{display:none}.topbar{gap:10px}.profile-placeholder{padding:6px}}.mobile-bottom-nav{display:none}.route-loading{color:var(--color-muted);padding:28px}.connection-status{border:1px solid var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning);border-radius:12px;margin:0 0 18px;padding:14px}.mobile-company-context{color:var(--color-muted);overflow-wrap:anywhere;margin:0 0 16px;font-size:12px}.mobile-company-context strong{color:var(--color-text)}.desktop-only-message{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;max-width:640px;margin:24px auto;padding:24px}.desktop-only-message>span{color:var(--color-primary);font-size:40px}.desktop-only-message h2{margin:12px 0;font-size:25px}.desktop-only-message p{color:var(--color-muted);line-height:1.7}.desktop-only-message a{min-height:44px;color:var(--color-primary);align-items:center;margin-top:14px;font-weight:700;display:inline-flex}.desktop-only-message button{background:var(--color-primary);color:#0f172a;min-height:44px;font:inherit;border:0;border-radius:10px;padding:10px 16px;font-weight:700}.mobile-more-dialog{width:min(100%,680px);max-width:100%;max-height:calc(100dvh - 32px);padding:20px 20px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);overscroll-behavior:contain;border-radius:24px 24px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -16px 60px #00000040}.mobile-more-dialog::backdrop{background:#0000008c}.mobile-more-dialog>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mobile-more-dialog h2{margin:0;font-size:20px}.mobile-more-dialog>header button{border:1px solid var(--color-border);background:var(--color-surface-muted);min-width:44px;min-height:44px;color:var(--color-text);cursor:pointer;border-radius:12px}.mobile-more-dialog nav{gap:4px;display:grid}.mobile-more-link{min-height:50px;color:var(--color-text);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;text-decoration:none;display:flex}.mobile-more-link>span:last-child{margin-left:auto}.mobile-more-link.active{color:var(--color-primary);background:var(--color-primary-soft);font-weight:700}.mobile-menu-note,.mobile-install-help{color:var(--color-muted);margin-top:16px;font-size:14px;line-height:1.6}.mobile-install-help summary{color:var(--color-primary);cursor:pointer;padding:12px 0}.tachograph-gesture-controls{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:12px 0;display:flex}.tachograph-gesture-controls>div{align-items:center;gap:6px;display:flex}.tachograph-gesture-controls button{border:1px solid var(--color-border);background:var(--color-surface);min-width:44px;color:var(--color-text);font:inherit;border-radius:9px;padding:8px 12px;font-size:13px}.tachograph-gesture-controls button[aria-pressed=true]{background:var(--color-primary);color:#fff}.tachograph-gesture-controls output{text-align:center;min-width:48px;color:var(--color-muted);font-size:13px}.tachograph-timeline-pro.touch-scroll .tachograph-day-track{touch-action:pan-x pan-y pinch-zoom}.mobile-bottom-nav a:focus-visible,.mobile-bottom-nav button:focus-visible,.mobile-more-dialog a:focus-visible,.mobile-more-dialog button:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}@media (width<=900px),(hover:none) and (pointer:coarse){html:root,html:root body,html:root #root{min-width:0}html:root .login-card input{font-size:16px}.app-shell{padding-bottom:calc(82px + env(safe-area-inset-bottom));min-height:100dvh}.app-shell .app-main{width:100%;min-width:0;margin-left:0}.app-shell .page-content{padding:18px max(12px, env(safe-area-inset-right)) 24px max(12px, env(safe-area-inset-left));min-width:0}.app-shell .topbar{z-index:15;min-height:64px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;gap:8px;position:sticky;top:0}.app-shell .topbar-date,.app-shell .topbar-eyebrow,.app-shell .profile-placeholder div,.app-shell .theme-toggle>span:last-child{display:none}.app-shell .topbar-title{min-width:0}.app-shell .topbar-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.app-shell .topbar-actions{flex-shrink:0;gap:6px}.app-shell .profile-placeholder{min-width:44px;min-height:44px;padding:4px}.app-shell .profile-avatar{width:34px;height:34px}.app-shell .logout-button{padding-inline:8px}.app-shell .mobile-bottom-nav{z-index:40;padding:5px max(4px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));border-top:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -5px 22px #0000001a}.app-shell .mobile-nav-item{min-width:0;min-height:62px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 1px;font-size:11px;text-decoration:none;display:flex}.app-shell .mobile-nav-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:750}.app-shell .mobile-nav-item .nav-icon{background:0 0;width:29px;height:29px}.app-shell .mobile-more-icon{letter-spacing:2px;align-items:center;height:29px;font-size:22px;display:inline-flex}.app-shell :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;min-height:44px;font-size:16px}.app-shell button:not(.tachograph-pro-segment):not(.tachograph-pro-marker){min-height:44px}.app-shell :is(.drivers-heading,.dashboard-heading,.violations-heading,.reports-heading,.section-heading){flex-wrap:wrap;gap:12px}.app-shell :is(.drivers-toolbar,.violations-filters,.reports-filters){flex-flow:wrap;align-items:stretch;display:flex}.app-shell :is(.drivers-toolbar,.violations-filters,.reports-filters)>*{flex:180px;min-width:min(100%,180px)}.app-shell :is(.drivers-panel,.dashboard-panel,.violations-panel,.reports-panel,.driver-details-section){min-width:0;padding:16px}.app-shell .drivers-table-wrapper{background:0 0;border:0;overflow:visible}.app-shell .drivers-table{width:100%;min-width:0;display:block}.app-shell .drivers-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell .drivers-table tbody{gap:14px;display:grid}.app-shell .drivers-table tbody tr{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:8px 12px;display:block}.app-shell .drivers-table td{white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(90px,34%) minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.app-shell .drivers-table td:before{content:attr(data-label);color:var(--color-muted);font-size:12px;font-weight:650}.app-shell .drivers-table td:last-child{border-bottom:0}.app-shell .drivers-table .desktop-planning-setting{display:none}.app-shell .driver-row-actions{flex-wrap:wrap;gap:8px}.app-shell .driver-table-toggle{min-height:44px}.app-shell a[href=\/planning],.app-shell a[href=\/card-reader]{display:none}.app-shell .driver-delete-modal{max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);overflow-y:auto}.app-shell .tachograph-analysis-layout{grid-template-columns:minmax(0,1fr)}.app-shell .tachograph-segment-panel{min-width:0;position:static}.app-shell .tachograph-pro-scroll{overscroll-behavior-x:contain;max-width:100%}.app-shell .tachograph-pro-header{flex-direction:column;align-items:flex-start}.app-shell .tachograph-manual-selection form{flex-wrap:wrap}.app-shell .tachograph-manual-selection label{flex:220px;min-width:0}.app-shell .timeline-range-control{justify-content:flex-start}}@media print{.mobile-bottom-nav,.mobile-more-dialog,.connection-status{display:none!important}}:root{--color-bg:#f4f7fb;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-surface-hover:#f1f5f9;--color-text:#334155;--color-heading:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-success:#166534;--color-success-bg:#f0fdf4;--color-success-border:#86efac;--color-danger:#991b1b;--color-danger-bg:#fef2f2;--color-danger-border:#fca5a5;--shadow-sm:0 1px 2px #0f172a0d;--shadow-card:0 10px 30px #0f172a12;--radius-sm:8px;--radius-card:14px;--sidebar-width:260px;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#111827;--color-surface-muted:#1e293b;--color-surface-hover:#273449;--color-text:#cbd5e1;--color-heading:#f8fafc;--color-muted:#94a3b8;--color-border:#334155;--color-border-strong:#475569;--color-primary:#60a5fa;--color-primary-hover:#93c5fd;--color-primary-soft:#172554;--color-success:#86efac;--color-success-bg:#052e16;--color-success-border:#166534;--color-danger:#fca5a5;--color-danger-bg:#450a0a;--color-danger-border:#991b1b;--shadow-card:0 12px 32px #00000040}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2563eb40}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#334155;--muted:#64748b;--border:#e2e8f0;--primary:#2563eb;--primary-soft:#eff6ff;--danger:#991b1b;--success:#166534;--warning:#b45309;--chart-driving:#2563eb;--chart-work:#7c3aed;--chart-rest:#059669;--chart-availability:#ea580c;--chart-warning:#d97706;--chart-orange:#f97316;--chart-danger:#dc2626;--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-muted:var(--surface-soft);--color-surface-hover:#f1f5f9;--color-text:var(--text);--color-heading:#0f172a;--color-muted:var(--muted);--color-border:var(--border);--color-border-strong:#cbd5e1;--color-primary:var(--primary);--color-primary-hover:#1d4ed8;--color-primary-soft:var(--primary-soft);--color-success:var(--success);--color-success-bg:#f0fdf4;--color-success-border:#86efac;--color-danger:var(--danger);--color-danger-bg:#fef2f2;--color-danger-border:#fca5a5;--color-warning:var(--warning);--color-warning-bg:#fffbeb;--color-warning-border:#fcd34d;--app-bg-gradient:radial-gradient(circle at 8% 0%, #2563eb14, transparent 28rem), linear-gradient(180deg, #f8fbff 0%, var(--bg) 44%, #eef4fb 100%);--surface-gradient:linear-gradient(145deg, #fff, #f8fbff);--hero-gradient:radial-gradient(circle at 78% 12%, #38bdf838, transparent 25rem), radial-gradient(circle at 6% 94%, #2563eb29, transparent 30rem), linear-gradient(135deg, #071120, #102a56 62%, #0b4a76);--premium-border:#e2e8f0e0;--shadow-sm:0 1px 2px #0f172a0d;--shadow-card:0 10px 30px #0f172a12;--shadow-premium:0 22px 56px #0f172a1a;--radius-sm:8px;--radius-card:14px;--sidebar-width:260px;color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#07111f;--surface:#101827;--surface-soft:#152235;--text:#d6e2f1;--muted:#94a3b8;--border:#26364e;--primary:#60a5fa;--primary-soft:#60a5fa24;--danger:#fca5a5;--success:#86efac;--warning:#facc15;--chart-driving:#60a5fa;--chart-work:#a78bfa;--chart-rest:#34d399;--chart-availability:#fb923c;--chart-warning:#facc15;--chart-orange:#fb923c;--chart-danger:#f87171;--color-bg:var(--bg);--color-surface:var(--surface);--color-surface-muted:var(--surface-soft);--color-surface-hover:#1d2c43;--color-text:var(--text);--color-heading:#f8fafc;--color-muted:var(--muted);--color-border:var(--border);--color-border-strong:#38506f;--color-primary:var(--primary);--color-primary-hover:#93c5fd;--color-primary-soft:var(--primary-soft);--color-success:var(--success);--color-success-bg:#1665342e;--color-success-border:#86efac57;--color-danger:var(--danger);--color-danger-bg:#7f1d1d3d;--color-danger-border:#f8717157;--color-warning:var(--warning);--color-warning-bg:#854d0e42;--color-warning-border:#facc1557;--app-bg-gradient:radial-gradient(circle at 16% -8%, #2563eb42, transparent 30rem), radial-gradient(circle at 92% 8%, #0ea5e92e, transparent 28rem), linear-gradient(180deg, #050a13 0%, #07111f 44%, #0b1220 100%);--surface-gradient:linear-gradient(145deg, #152032f5, #0c1422fa);--hero-gradient:radial-gradient(circle at 78% 12%, #38bdf82e, transparent 25rem), radial-gradient(circle at 6% 94%, #2563eb2e, transparent 30rem), linear-gradient(135deg, #050a13, #0f2546 62%, #062d48);--premium-border:#4755698a;--shadow-sm:0 1px 2px #0003;--shadow-card:0 18px 46px #00000047;--shadow-premium:0 28px 72px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px}body{background:var(--app-bg-gradient);min-width:320px;min-height:100vh;color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button,a{transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 24%, transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--color-heading)}h2{letter-spacing:-.025em;margin-bottom:8px;font-size:clamp(24px,3vw,32px);line-height:1.2}h3{font-size:18px}p{color:var(--color-muted)}#root{min-height:100vh}table{font-variant-numeric:tabular-nums}[class$=table-wrapper]{overscroll-behavior-inline:contain;scrollbar-width:thin}.imports-table-wrapper.is-refreshing{pointer-events:none;opacity:.55}:root[data-theme=dark] img,:root[data-theme=dark] canvas,:root[data-theme=dark] svg{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .app-main,:root[data-theme=dark] .page-content{background:0 0}:root[data-theme=dark] .dashboard-widget,:root[data-theme=dark] .dashboard-chart-card,:root[data-theme=dark] .dashboard-realtime-card,:root[data-theme=dark] .dashboard-realtime-bar,:root[data-theme=dark] .driver-risk-section,:root[data-theme=dark] .reports-filters,:root[data-theme=dark] .reports-panel,:root[data-theme=dark] .ddd-upload-card,:root[data-theme=dark] .details-card,:root[data-theme=dark] .import-details-card,:root[data-theme=dark] .drivers-panel,:root[data-theme=dark] .driver-form,:root[data-theme=dark] .driver-details-card,:root[data-theme=dark] .activity-calendar-card,:root[data-theme=dark] .account-card,:root[data-theme=dark] .company-settings-card,:root[data-theme=dark] .company-settings-form,:root[data-theme=dark] .violations-panel,:root[data-theme=dark] .violations-filters,:root[data-theme=dark] .violation-summary-card,:root[data-theme=dark] .metric-card,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .report-summary-card,:root[data-theme=dark] .activity-summary-card{border-color:var(--premium-border);background:var(--surface-gradient);box-shadow:var(--shadow-card)}:root[data-theme=dark] .dashboard-hero,:root[data-theme=dark] .reports-hero,:root[data-theme=dark] .violations-hero{background:var(--hero-gradient);box-shadow:var(--shadow-premium);border-color:#60a5fa47}:root[data-theme=dark] .dashboard-widget,:root[data-theme=dark] .reports-panel,:root[data-theme=dark] .violations-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}:root[data-theme=dark] .dashboard-table-wrapper,:root[data-theme=dark] .reports-table-wrapper,:root[data-theme=dark] .imports-table-wrapper,:root[data-theme=dark] .details-table-wrapper,:root[data-theme=dark] .violations-table-wrapper,:root[data-theme=dark] .drivers-table-wrapper,:root[data-theme=dark] .driver-details-table,:root[data-theme=dark] .driver-risk-table-wrapper{border-color:var(--premium-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .dashboard-table,:root[data-theme=dark] .reports-table,:root[data-theme=dark] .imports-table,:root[data-theme=dark] .details-table,:root[data-theme=dark] .violations-table,:root[data-theme=dark] .drivers-table,:root[data-theme=dark] .driver-risk-table{color:var(--color-text)}:root[data-theme=dark] .dashboard-table th,:root[data-theme=dark] .reports-table th,:root[data-theme=dark] .imports-table th,:root[data-theme=dark] .details-table th,:root[data-theme=dark] .violations-table th,:root[data-theme=dark] .drivers-table th,:root[data-theme=dark] .driver-risk-table th,:root[data-theme=dark] .dashboard-table td,:root[data-theme=dark] .reports-table td,:root[data-theme=dark] .imports-table td,:root[data-theme=dark] .details-table td,:root[data-theme=dark] .violations-table td,:root[data-theme=dark] .drivers-table td,:root[data-theme=dark] .driver-risk-table td{border-bottom-color:var(--color-border)}:root[data-theme=dark] .dashboard-table th,:root[data-theme=dark] .reports-table th,:root[data-theme=dark] .imports-table th,:root[data-theme=dark] .details-table th,:root[data-theme=dark] .violations-table th,:root[data-theme=dark] .drivers-table th,:root[data-theme=dark] .driver-risk-table th{color:#a8b6ca;background:#111d2f}:root[data-theme=dark] .dashboard-table tbody tr:hover,:root[data-theme=dark] .reports-table tbody tr:hover,:root[data-theme=dark] .imports-table tbody tr:hover,:root[data-theme=dark] .details-table tbody tr:hover,:root[data-theme=dark] .violations-table tbody tr:hover,:root[data-theme=dark] .drivers-table tbody tr:hover,:root[data-theme=dark] .driver-risk-table tbody tr:hover{background:#60a5fa14}:root[data-theme=dark] .reports-table tr,:root[data-theme=dark] .violations-table tr,:root[data-theme=dark] .imports-table tr,:root[data-theme=dark] .drivers-table tr,:root[data-theme=dark] .details-table tr{background:0 0}:root[data-theme=dark] .reports-table td:before,:root[data-theme=dark] .violations-table td:before,:root[data-theme=dark] .imports-table td:before,:root[data-theme=dark] .drivers-table td:before,:root[data-theme=dark] .details-table td:before{color:var(--color-muted)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{border-color:var(--color-border-strong);color:var(--color-heading);background:#0c1626;box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] option{color:var(--color-heading);background:#0c1626}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#71839c}:root[data-theme=dark] label,:root[data-theme=dark] .reports-filters label,:root[data-theme=dark] .drivers-toolbar label,:root[data-theme=dark] .driver-form label,:root[data-theme=dark] .account-card label,:root[data-theme=dark] .company-settings-form label{color:var(--color-text)}:root[data-theme=dark] .csv-button,:root[data-theme=dark] .delete-import-button,:root[data-theme=dark] .logout-button,:root[data-theme=dark] .pagination button,:root[data-theme=dark] .secondary-button{border-color:var(--color-border-strong);color:var(--color-text);background:#0c1626}:root[data-theme=dark] .csv-button:hover:not(:disabled),:root[data-theme=dark] .logout-button:hover,:root[data-theme=dark] .pagination button:hover:not(:disabled),:root[data-theme=dark] .secondary-button:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}:root[data-theme=dark] .ui-empty-state,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .dashboard-compact-list article,:root[data-theme=dark] .activity-metric,:root[data-theme=dark] .driver-risk-card,:root[data-theme=dark] .risk-quick-stats span,:root[data-theme=dark] .reports-count,:root[data-theme=dark] .upload-item,:root[data-theme=dark] .ddd-dropzone,:root[data-theme=dark] .profile-placeholder,:root[data-theme=dark] .drivers-count,:root[data-theme=dark] .imports-list-heading>span{border-color:var(--premium-border);background:var(--color-surface-muted)}:root[data-theme=dark] .details-card h3,:root[data-theme=dark] .details-section h3,:root[data-theme=dark] .imports-list-heading h3,:root[data-theme=dark] .reports-panel-heading h3,:root[data-theme=dark] .reports-driver-name,:root[data-theme=dark] .reports-table strong,:root[data-theme=dark] .dashboard-table strong,:root[data-theme=dark] .imports-table strong,:root[data-theme=dark] .drivers-table strong,:root[data-theme=dark] .details-summary dd,:root[data-theme=dark] .upload-item-heading strong,:root[data-theme=dark] .ddd-dropzone strong,:root[data-theme=dark] .report-summary-card strong,:root[data-theme=dark] .violation-summary-card strong,:root[data-theme=dark] .activity-summary-card strong{color:var(--color-heading)}:root[data-theme=dark] .details-summary dt,:root[data-theme=dark] .upload-item-heading span,:root[data-theme=dark] .upload-item p,:root[data-theme=dark] .status-message,:root[data-theme=dark] .report-summary-card span,:root[data-theme=dark] .report-summary-card small,:root[data-theme=dark] .violation-summary-card span,:root[data-theme=dark] .activity-summary-card span{color:var(--color-muted)}:root[data-theme=dark] .ddd-dropzone{background:radial-gradient(circle at center, #60a5fa1f, transparent 22rem), var(--color-surface-muted)}:root[data-theme=dark] .ddd-dropzone.is-dragging{background:var(--color-primary-soft)}:root[data-theme=dark] .success-message,:root[data-theme=dark] .upload-item.success{border-color:var(--color-success-border);background:var(--color-success-bg);color:var(--color-success)}:root[data-theme=dark] .error-message,:root[data-theme=dark] .dashboard-error,:root[data-theme=dark] .reports-error,:root[data-theme=dark] .upload-item.error,:root[data-theme=dark] .upload-item.unsupported,:root[data-theme=dark] .driver-risk-error,:root[data-theme=dark] .dashboard-error-card{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}:root[data-theme=dark] .activity-badge.driving,:root[data-theme=dark] .driver-import-status.existing,:root[data-theme=dark] .status-badge.info{color:#93c5fd;background:#2563eb29}:root[data-theme=dark] .activity-badge.work{color:#c4b5fd;background:#7c3aed2e}:root[data-theme=dark] .activity-badge.rest,:root[data-theme=dark] .driver-import-status.new,:root[data-theme=dark] .status-badge.success{color:#86efac;background:#0596692e}:root[data-theme=dark] .activity-badge.availability,:root[data-theme=dark] .status-badge.warning{color:#fdba74;background:#ea580c2e}:root[data-theme=dark] .activity-badge.other,:root[data-theme=dark] .status-badge.neutral{color:#cbd5e1;background:#94a3b824}:root[data-theme=dark] .status-badge.danger,:root[data-theme=dark] .status-badge.critical{color:#fca5a5;background:#dc26262e}:root[data-theme=dark] .risk-badge.low{color:#86efac;background:#16a34a29}:root[data-theme=dark] .risk-badge.medium{color:#fde68a;background:#eab30829}:root[data-theme=dark] .risk-badge.high{color:#fdba74;background:#f973162e}:root[data-theme=dark] .risk-badge.critical{color:#fca5a5;background:#dc262633}:root[data-theme=dark] .violation-modal-backdrop{background:#020617b3}:root[data-theme=dark] .violation-details-modal{border-color:var(--premium-border);background:var(--surface-gradient);box-shadow:0 34px 92px #00000075}:root[data-theme=dark] .violation-detail-note,:root[data-theme=dark] .violation-details-grid div,:root[data-theme=dark] .violation-details-section,:root[data-theme=dark] .violation-alert-card,:root[data-theme=dark] .violation-alerts-panel,:root[data-theme=dark] .critical-risk-row{background:#60a5fa14}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ui-skeleton{background:linear-gradient(90deg, var(--color-surface-muted) 25%, var(--color-surface-hover) 50%, var(--color-surface-muted) 75%);background-size:200% 100%;border-radius:999px;min-height:15px;animation:1.4s infinite ui-shimmer;overflow:hidden}.ui-table-skeleton{border:1px solid var(--color-border);background:var(--color-border);border-radius:10px;gap:1px;display:grid;overflow:hidden}.ui-skeleton-row{background:var(--color-surface);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));align-items:center;gap:24px;min-height:58px;padding:14px 16px;display:grid}.ui-empty-state{border:1px dashed var(--color-border-strong);background:var(--color-surface-muted);text-align:center;border-radius:12px;align-content:center;place-items:center;gap:7px;min-height:180px;padding:28px;display:grid}.ui-empty-state>span{background:var(--color-surface);width:38px;height:38px;color:var(--color-muted);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;font-size:22px;display:grid}.ui-empty-state strong{color:var(--color-heading)}.ui-empty-state p{max-width:440px;margin:0}.metric-card{border:1px solid var(--color-border);min-height:142px;box-shadow:var(--shadow-card);background:linear-gradient(145deg,#fff,#f8fbff);border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:currentColor;height:5px;position:absolute;inset:0 0 auto}.metric-card:after{content:"";opacity:.055;background:currentColor;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-46px;right:-36px}.metric-card.blue{color:#2563eb}.metric-card.cyan{color:#0891b2}.metric-card.green{color:#059669}.metric-card.amber{color:#d97706}.metric-card.violet{color:#7c3aed}.metric-card.red{color:#dc2626}.metric-card.slate{color:#475569}.metric-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-card-heading span{color:#667085;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.metric-card-heading i{background:color-mix(in srgb, currentColor 11%, white);color:currentColor;border-radius:13px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.metric-card strong{z-index:1;color:var(--color-heading);letter-spacing:-.05em;font-size:clamp(28px,3vw,42px);line-height:1;position:relative}.metric-card small{z-index:1;color:var(--color-muted);line-height:1.45;position:relative}.status-badge{border:1px solid;border-color:color-mix(in srgb, currentColor 24%, transparent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.neutral{color:#475569;background:#f8fafc}.status-badge.success{color:#047857;background:#ecfdf5}.status-badge.warning{color:#b45309;background:#fffbeb}.status-badge.danger{color:#c2410c;background:#fff7ed}.status-badge.critical{color:#b91c1c;background:#fef2f2}.status-badge.info{color:#1d4ed8;background:#eff6ff}.pagination{color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:13px;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination strong{color:var(--color-heading);font-size:13px}.pagination button{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-height:36px;color:var(--color-text);cursor:pointer;padding:7px 12px;font-weight:650}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button:disabled{cursor:not-allowed;opacity:.45}@keyframes ui-shimmer{to{background-position:-200% 0}}@media (width<=560px){.pagination{flex-direction:column;align-items:stretch}.pagination>div{justify-content:space-between}.pagination button{flex:1}.ui-skeleton-row{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--color-bg:#f3f6fb;--color-surface:#fff;--color-surface-muted:#f7f9fc;--color-surface-hover:#f0f5ff;--color-text:#344054;--color-heading:#101828;--color-muted:#667085;--color-border:#e4e7ec;--color-border-strong:#d0d5dd;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--shadow-sm:0 1px 3px #10182812;--shadow-card:0 1px 2px #1018280a, 0 8px 24px #1018280f;--shadow-card-hover:0 18px 40px #1018281c;--radius-sm:10px;--radius-card:18px;--sidebar-width:276px}body{background:radial-gradient(circle at 82% 0%, #2563eb0d, transparent 28rem), var(--color-bg)}body:before{z-index:-1;content:"";background-image:linear-gradient(#0f172a05 1px,#0000 1px),linear-gradient(90deg,#0f172a05 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}h2{letter-spacing:-.04em;font-size:clamp(25px,2.5vw,34px);font-weight:780}h3{letter-spacing:-.02em;font-weight:740}.sidebar{width:var(--sidebar-width);background:radial-gradient(circle at 20% 0,#3b82f647,#0000 18rem),linear-gradient(#111827 0%,#0b1220 100%);border-right:1px solid #ffffff12;padding:22px 16px;box-shadow:12px 0 45px #0f172a1f}.brand{padding:4px 10px 28px}.brand-mark{background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:14px;width:44px;height:44px;box-shadow:0 12px 28px #2563eb61}.brand strong{letter-spacing:-.03em;font-size:20px}.brand span:last-child{color:#8ea0ba;letter-spacing:.02em;margin-top:2px}.sidebar-nav{gap:5px}.nav-link{color:#aebbd0;border:1px solid #0000;border-radius:12px;gap:13px;min-height:48px;padding:8px 10px}.nav-link:hover{background:#ffffff0f;border-color:#ffffff12;transform:none}.nav-link.active{background:linear-gradient(135deg,#2563ebe0,#1d4ed8b8);border-color:#60a5fa4d;box-shadow:inset 0 1px #ffffff1f,0 10px 24px #2563eb38}.nav-icon{background:#ffffff12;border-radius:9px;width:31px;height:31px}.nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.nav-link.active .nav-icon{background:#ffffff26}.sidebar-footer{gap:5px;padding:18px 10px 2px}.sidebar-status{align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.sidebar-status i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d3991a}.app-main{margin-left:var(--sidebar-width)}.topbar{background:#ffffffdb;border-bottom-color:#e4e7eccc;min-height:82px;padding:12px clamp(20px,3vw,42px);box-shadow:0 1px #10182808}.topbar-title{gap:3px}.topbar-title strong{letter-spacing:-.025em;font-size:20px}.topbar-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-weight:750;color:var(--color-primary)!important;font-size:11px!important}.topbar-actions{align-items:center;gap:12px;display:flex}.topbar-date{color:var(--color-muted);text-transform:capitalize;font-size:13px}.profile-placeholder{box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;padding:6px 11px 6px 7px}.profile-placeholder:hover{border-color:#bfdbfe;box-shadow:0 7px 18px #2563eb17}.profile-avatar{background:linear-gradient(145deg,#dbeafe,#eff6ff);width:38px;height:38px}.logout-button{border-radius:11px;min-height:42px;padding:8px 13px}.page-content{max-width:1720px;margin:0 auto;padding:clamp(24px,3vw,42px)}.dashboard-page,.drivers-page,.reports-page,.imports-page,.violations-page,.driver-details-page,.import-details-page,.account-page,.company-settings-page{max-width:1540px}.dashboard-heading,.drivers-heading,.reports-heading,.violations-heading,.imports-list-heading,.account-heading,.company-settings-heading{margin-bottom:26px}.dashboard-heading p,.drivers-heading p,.reports-heading p,.violations-heading p,.account-heading p,.company-settings-heading p{max-width:720px;font-size:15px;line-height:1.65}.summary-card,.dashboard-panel,.activity-overview,.driver-risk-section,.reports-filters,.reports-panel,.report-summary-card,.ddd-upload-card,.imports-list,.driver-form,.drivers-panel,.driver-profile-card,.driver-details-section,.details-card,.details-section,.account-card,.company-settings-form,.violations-panel{border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:#fffffff5;border:1px solid #e4e7ece6}.summary-card{border-top:0;min-height:142px;padding:22px}.summary-card:before{height:5px}.summary-card:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-40px;right:-30px}.summary-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.summary-card strong{letter-spacing:-.04em;font-size:clamp(27px,2.3vw,38px);font-weight:780}.dashboard-cards{gap:18px}.dashboard-panel,.activity-overview,.driver-risk-section{padding:26px}.activity-metric,.driver-risk-card{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:14px}.activity-metric{padding:18px}.activity-dot{width:11px;height:11px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 12%, transparent)}.driver-risk-card{min-height:114px;padding:19px}.critical-risk-row{background:linear-gradient(90deg,#fff1f2,#0000)}table{font-size:13.5px}.dashboard-table-wrapper,.reports-table-wrapper,.imports-table-wrapper,.details-table-wrapper,.violations-table-wrapper,.drivers-table-wrapper,.driver-details-table,.driver-risk-table-wrapper{border:1px solid var(--color-border);background:#fff;border-radius:14px;overflow:auto}.dashboard-table th,.reports-table th,.imports-table th,.details-table th,.violations-table th,.drivers-table th,.driver-details-table th,.driver-risk-table th{z-index:1;color:#667085;letter-spacing:.07em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #dbe2ea;padding:13px 15px;font-size:11px;font-weight:760;position:sticky;top:0}.dashboard-table td,.reports-table td,.imports-table td,.details-table td,.violations-table td,.drivers-table td,.driver-details-table td,.driver-risk-table td{vertical-align:middle;border-bottom-color:#edf0f4;padding:15px}tbody tr{transition:background-color .16s,box-shadow .16s}tbody tr:hover{background:#f7faff!important}.reports-heading{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fff 35%,#eff6ff);border:1px solid #dbeafe;border-radius:20px;padding:26px 28px}.reports-actions{align-self:center}.csv-button,.pdf-button,.excel-button,.violations-pdf-button,.violations-export-button{border:1px solid #0000;border-radius:11px;min-height:44px;padding:10px 16px;box-shadow:0 8px 18px #2563eb24}.csv-button{border-color:var(--color-border-strong);color:var(--color-text);box-shadow:none;background:#fff}.pdf-button{background:linear-gradient(135deg,#111827,#334155)}.excel-button{background:linear-gradient(135deg,#047857,#059669)}.csv-button:hover:not(:disabled){color:var(--color-primary);background:#f8fbff;border-color:#93c5fd}.pdf-button:hover:not(:disabled){background:linear-gradient(135deg,#020617,#1e293b)}.excel-button:hover:not(:disabled){background:linear-gradient(135deg,#065f46,#047857)}.reports-filters{border-left:4px solid var(--color-primary);padding:22px}.reports-filters label,.drivers-toolbar label,.driver-form label,.account-card label,.company-settings-form label{color:#344054;letter-spacing:.025em;font-size:12px;font-weight:730}input,select,textarea{border-radius:10px!important}.reports-filters input,.reports-filters select,.drivers-toolbar input,.driver-form input,.account-card input,.company-settings-form input,.company-settings-form textarea,.risk-toolbar input,.risk-toolbar select{background:#fff;border:1px solid #d0d5dd;min-height:44px;box-shadow:0 1px 2px #1018280a}.reports-filters input:focus,.reports-filters select:focus,.drivers-toolbar input:focus,.driver-form input:focus,.account-card input:focus,.company-settings-form input:focus,.company-settings-form textarea:focus{border-color:#84adff;outline:0;box-shadow:0 0 0 4px #2563eb1a}.report-summary-card{background:linear-gradient(145deg,#fff,#f8fbff);border-top:4px solid #3b82f6;min-height:118px;padding:22px}.report-summary-card strong{letter-spacing:-.035em;font-size:24px}.ddd-upload-card{padding:24px}.ddd-dropzone{background:radial-gradient(circle,#fff,#f5f9ff);border:2px dashed #a9c4f8;border-radius:16px;min-height:210px}.ddd-dropzone:before{color:#2563eb;content:"DDD";background:#eaf2ff;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:12px;font-weight:800;display:grid;box-shadow:0 8px 18px #2563eb1a}.ddd-dropzone.is-dragging{background:#edf5ff;border-color:#2563eb;transform:scale(1.005)}.upload-item{border-radius:13px;padding:16px}.upload-progress{border-radius:999px;height:7px}.upload-progress span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#38bdf8)}.driver-import-status,.risk-badge,.severity-badge{border:1px solid;border-color:color-mix(in srgb, currentColor 18%, transparent)}.drivers-grid{gap:24px}.driver-form,.drivers-panel{padding:24px}.driver-form{border-top:4px solid #2563eb;align-self:start}.drivers-count,.violations-count{box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;padding:8px 13px}.driver-details-link,.table-link,.details-button,.back-link,.driver-back-link{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:7px 11px;font-weight:700;display:inline-flex}.driver-profile-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:28px}.driver-profile-card h2,.driver-profile-card dt,.driver-profile-card dd,.driver-profile-label{color:#fff}.driver-time-grid{gap:16px}.driver-time-grid>*{border-radius:15px}.driver-details-section,.details-card,.details-section{padding:24px}.account-card,.company-settings-form{padding:28px}.account-card-heading,.company-settings-form-heading{border-bottom:1px solid var(--color-border);padding-bottom:16px}.account-card button,.company-settings-actions button,.reports-filters button,.upload-files-button,.select-files-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;min-height:44px;box-shadow:0 8px 18px #2563eb2e}.pagination{border-top:1px solid #eef1f5;padding-top:16px}.pagination button{border-radius:9px}.ui-empty-state{background:linear-gradient(145deg,#fbfdff,#f5f8fc);border-color:#c7d7ef;border-radius:15px;min-height:210px}.ui-empty-state>span{color:#0000}.ui-empty-state>span:after{color:#2563eb;content:"·";font-size:32px;line-height:0}@media (width<=1180px){:root{--sidebar-width:92px}.sidebar{align-items:center;padding-inline:12px}.brand{padding-inline:0}.brand div,.nav-link>span:last-child,.sidebar-footer{display:none}.nav-link{justify-content:center;padding:8px}.topbar-date{display:none}}@media (width<=760px){:root{--sidebar-width:0px}.app-shell{padding-bottom:78px}.sidebar{border-top:1px solid #ffffff1a;align-items:stretch;width:100%;height:72px;padding:8px;inset:auto 0 0}.brand,.sidebar-footer{display:none}.sidebar-nav{scrollbar-width:none;flex-direction:row;overflow-x:auto}.nav-link{flex-direction:column;flex:1 0 auto;gap:2px;min-width:68px;min-height:54px;padding:4px;font-size:9px}.nav-link>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:72px;display:block;overflow:hidden}.nav-icon{width:28px;height:28px}.topbar{min-height:72px;padding:10px 16px}.topbar-eyebrow,.profile-placeholder div{display:none}.topbar-actions{gap:7px}.profile-placeholder{padding:5px}.page-content{padding:22px 15px 28px}.reports-heading{padding:21px}.reports-heading,.dashboard-heading,.drivers-heading,.violations-heading{flex-direction:column}.reports-actions,.reports-actions button,.dashboard-action,.violations-heading-actions{width:100%}.reports-actions button{flex:1}.dashboard-panel,.activity-overview,.driver-risk-section,.reports-panel,.imports-list,.driver-form,.drivers-panel,.driver-details-section,.details-card,.details-section,.account-card,.company-settings-form,.violations-panel{padding:18px}}@media (width<=520px){.topbar-title strong{font-size:17px}.logout-button{font-size:0}.logout-button:after{content:"Wyjdz";font-size:12px}.reports-actions{grid-template-columns:1fr 1fr;display:grid}.csv-button{grid-column:1/-1}.summary-card{min-height:118px}.ddd-upload-card{padding:15px}.ddd-dropzone{min-height:190px;padding:22px 14px}}