*,:before,:after{box-sizing:border-box}body{color:#1b2a41;background:#eef3f9;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--bg:#f4f7fb;--surface:#fff;--surface-border:#d9e2ef;--text:#11243a;--muted:#64748b;--primary:#1f5fae;--primary-hover:#1a4f90;--sidebar-bg:#0e2b4f;--sidebar-muted:#abc3df;--shadow:0 12px 28px #0d234314}.app-layout{background:var(--bg);grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:#edf4fc;border-right:1px solid #1f446f;padding:1.5rem 1rem}.sidebar h1{margin:0;font-size:1.35rem}.sidebar p{color:var(--sidebar-muted);margin:.35rem 0 1.2rem;font-size:.92rem}.sidebar nav{gap:.6rem;display:grid}.menu-button{text-align:left;cursor:pointer;color:#e7f0fb;background:#123861;border:1px solid #0000;border-radius:12px;padding:.72rem .85rem;font-weight:600;transition:background-color .14s,border-color .14s}.menu-button:hover{background:#174878}.menu-button.active{background:#2a6db8;border-color:#89b8f0}.menu-button-logout{background:#4a1730;border-color:#7d3656}.menu-button-logout:hover{background:#67203f}.mobile-menu-toggle{color:#1f3147;cursor:pointer;background:#fff;border:1px solid #c7d8ed;border-radius:10px;padding:.48rem .7rem;font-weight:700;display:none}.content,.driver-layout{background:var(--bg);padding:1.25rem}.driver-layout{max-width:980px;min-height:100vh;margin:0 auto;position:relative}.page-header h2{color:var(--text);letter-spacing:.01em;margin:0 0 1rem;font-size:1.45rem}.driver-login-header h2{text-align:center}.admin-header-row{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.status-banner{border:1px solid #0000;border-radius:12px;margin:0 0 .95rem;padding:.75rem .9rem;font-weight:500}.status-banner.success{color:#14532d;background:#ebf9ef;border-color:#b8e6c4}.status-banner.error{color:#881337;background:#fff1f2;border-color:#fecdd3}.stats-grid,.lists-grid{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lists-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.dashboard-meta{color:var(--muted);flex-wrap:wrap;gap:.8rem;margin-top:.75rem;font-size:.88rem;display:flex}.meta-pill{background:#eef4fc;border:1px solid #d4e1f0;border-radius:999px;padding:.22rem .65rem}.dashboard-tabs{flex-wrap:wrap;gap:.55rem;margin-top:.9rem;display:flex}.tab-btn{color:#284362;cursor:pointer;background:#fff;border:1px solid #cedcf0;border-radius:10px;padding:.45rem .72rem;font-weight:600}.tab-btn.active{color:#1f5fae;background:#eaf3ff;border-color:#a6c5e9}.live-kpi{background:linear-gradient(#fff,#f8fbff)}.live-panel{min-height:220px}.overview-nav-card{text-align:left;border:1px solid var(--surface-border);cursor:pointer;width:100%}.overview-nav-card:hover{border-color:#a9c2e1;box-shadow:0 14px 30px #0d23431f}.overview-count{color:#1f5fae;margin:.4rem 0 .2rem;font-size:2rem;font-weight:800}.overview-caption{color:var(--muted);margin:0;font-size:.9rem}.live-panel-head{justify-content:space-between;align-items:center;margin-bottom:.7rem;display:flex}.panel-count{color:#2a5d99;background:#edf4fd;border:1px solid #d5e4f6;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:32px;font-weight:700;display:inline-flex}.live-item{background:#fbfdff;border:1px solid #d7e2ef;border-left-width:4px;border-radius:12px;gap:.2rem;margin-bottom:.55rem;padding:.62rem .68rem;display:grid}.live-item.active{border-left-color:#2563eb}.live-item.ended{border-left-color:#16a34a}.live-item.vehicle{border-left-color:#7c3aed}.live-item-main{color:#1f3b58;font-weight:600}.live-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.text-action{color:#1f5fae;cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-weight:600}.table-search{width:min(320px,100%);font:inherit;border:1px solid #cfddee;border-radius:10px;padding:.48rem .6rem}.pager-row{color:#4f6785;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.7rem;font-size:.88rem;display:flex}.report-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.report-filters label{color:#334c6b;gap:.35rem;font-size:.92rem;font-weight:600;display:grid}.report-filters input,.report-filters select{font:inherit;background:#fff;border:1px solid #ccdae9;border-radius:10px;padding:.55rem .65rem}.report-actions{gap:.6rem;margin-top:.8rem;display:flex}.report-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stat-card,.list-card,.form-card{background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--shadow);border-radius:16px;padding:1rem}.stat-card h3,.list-card h3,.form-card h3{color:#2f425a;margin:0;font-size:.98rem}.stat-card p{color:var(--text);margin:.55rem 0 0;font-size:1.65rem;font-weight:700}.list-card h3,.form-card h3{margin-bottom:.75rem}.empty{color:var(--muted);margin:0}.record{background:#fbfdff;border:1px solid #d7e2ef;border-radius:12px;gap:.25rem;margin-bottom:.62rem;padding:.7rem;display:grid}.record:last-child{margin-bottom:0}.record strong{color:#1e3248}.record span{color:var(--muted)}.entity-form{gap:.82rem;max-width:560px;display:grid}.entity-form label{color:#334c6b;gap:.38rem;font-size:.95rem;font-weight:600;display:grid}.entity-form input,.entity-form select{font:inherit;color:var(--text);background:#fff;border:1px solid #ccdae9;border-radius:11px;padding:.72rem .75rem}.entity-form input:focus,.entity-form select:focus{border-color:var(--primary);outline:3px solid #2a6db82e}.entity-form button,.form-card>button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:.74rem .9rem;font-weight:700;transition:background-color .14s}.entity-form button:hover,.form-card>button:hover{background:var(--primary-hover)}.driver-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.driver-header-row h3{margin:0}.driver-meta{color:var(--muted);margin:.25rem 0 0}.driver-topbar{border:1px solid var(--surface-border);box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem;padding:.75rem .9rem;display:flex}.driver-topbar-left{gap:.12rem;display:grid}.driver-topbar-left h2{margin:0;font-size:1.2rem}.driver-topbar-actions{align-items:center;gap:.5rem;display:flex}.driver-topbar-right{align-items:center;gap:.65rem;display:flex}.driver-profile-menu{position:relative}.driver-profile-trigger{cursor:pointer;background:#f7fbff;border:1px solid #cfdef1;border-radius:12px;align-items:center;gap:.5rem;padding:.35rem .55rem;display:flex}.driver-avatar{color:#fff;background:#1f5fae;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:inline-flex}.driver-profile-text{text-align:left;line-height:1.1;display:grid}.driver-profile-text strong{color:#1e3554;font-size:.84rem}.driver-profile-text small{color:var(--muted);font-size:.74rem}.driver-profile-dropdown{border:1px solid var(--surface-border);z-index:20;background:#fff;border-radius:10px;padding:.35rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 16px 30px #12233a21}.driver-profile-dropdown-info{gap:.12rem;padding:.28rem .28rem .45rem;display:grid}.driver-profile-dropdown-info strong{color:#1e3554;font-size:.88rem}.driver-profile-dropdown-info span{color:var(--muted);font-size:.78rem}.driver-profile-dropdown .secondary-btn{width:100%}.driver-navbar{border:1px solid var(--surface-border);box-shadow:var(--shadow);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.9rem;padding:.75rem .9rem;display:flex}.driver-nav-left{gap:.12rem;display:grid}.driver-nav-actions{align-items:center;gap:.5rem;display:flex}.login-shell{place-items:center;min-height:calc(100vh - 170px);display:grid}.login-card{background:linear-gradient(#fff 0%,#f9fcff 100%);border:1px solid #cfdeee;width:100%;max-width:430px;padding:1.2rem 1.1rem;box-shadow:0 18px 36px #11243a1f}.portal-brand{text-align:center;color:#1f5fae;margin:0 0 .38rem;font-size:1.3rem;font-weight:800}.login-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#3268a8;margin:0 0 .28rem;font-size:.72rem;font-weight:700}.login-subtitle{color:var(--muted);margin:0 0 .95rem;font-size:.9rem}.login-card .entity-form{max-width:none}.secondary-btn{color:var(--text);cursor:pointer;background:#fff;border:1px solid #a9bfd8;border-radius:11px;padding:.58rem .82rem;font-weight:600}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stack-section{gap:1rem;display:grid}.section-title-row{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.7rem;display:flex}.section-title-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.table-add-form{margin-bottom:1rem}.checkbox-group{background:#fbfdff;border:1px solid #d7e2ef;border-radius:11px;gap:.45rem;max-height:220px;padding:.6rem;display:grid;overflow:auto}.checkbox-row{color:#2f425a;align-items:center;gap:.55rem;font-weight:500;display:flex}.checkbox-row input{width:16px;height:16px}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:360px}.data-table th,.data-table td{text-align:left;color:#1f3147;border-bottom:1px solid #e1e8f2;padding:.6rem .55rem}.data-table td:last-child{white-space:nowrap}.data-table th{text-transform:uppercase;letter-spacing:.04em;color:#57708e;background:#f7faff;font-size:.82rem}.table-empty-cell{color:#6b7f99;font-style:italic}.table-action{color:#1f3147;cursor:pointer;background:#fff;border:1px solid #c7d8ed;border-radius:8px;padding:.34rem .6rem;font-weight:600}.table-action.danger{color:#a3182b;background:#fff5f6;border-color:#f2b4bc}.table-action.add{color:#1f5fae;background:#eef5ff;border-color:#a9c3e3}.icon-btn{color:#27415f;cursor:pointer;background:#fff;border:1px solid #c8d7ea;border-radius:8px;width:32px;height:32px;margin-right:.35rem;font-size:.95rem;line-height:1}.icon-btn:last-child{margin-right:0}.icon-btn.danger{color:#a3182b;background:#fff5f6;border-color:#f2b4bc}.modal-backdrop{z-index:1000;background:#0d192a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #d5e2f1;border-radius:14px;width:min(520px,100%);padding:1rem;box-shadow:0 16px 40px #0a14263d}.modal-card h3{margin-top:0}.modal-actions{justify-content:flex-end;gap:.6rem;display:flex}@media (width<=980px){.app-layout{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1f446f;border-right:0}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid,.lists-grid,.security-grid,.live-grid,.report-filters,.report-summary-grid{grid-template-columns:1fr}.driver-header-row,.driver-navbar{flex-direction:column;align-items:flex-start}.driver-nav-actions,.driver-topbar-right,.driver-topbar-actions{flex-wrap:wrap;width:100%}.admin-header-row{flex-direction:column;align-items:flex-start}}@media (width<=640px){.app-layout{display:block}.content,.driver-layout{padding:.8rem}.sidebar{z-index:1200;border-bottom:0;border-right:1px solid #1f446f;width:min(82vw,300px);padding:1rem .8rem;transition:transform .18s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:0 12px 34px #06111f59}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:1100;background:#0914236b;border:0;padding:0;position:fixed;inset:0}.sidebar h1{font-size:1.1rem}.sidebar p{margin-bottom:.75rem;font-size:.84rem}.sidebar nav{gap:.45rem;padding-bottom:0;display:grid;overflow:visible}.menu-button{white-space:normal;width:100%;padding:.58rem .72rem}.mobile-menu-toggle{justify-content:center;align-items:center;width:fit-content;display:inline-flex}.admin-header-row{gap:.5rem;display:grid}.admin-header-row h2{margin-bottom:0}.admin-header-row .secondary-btn{width:100%}.page-header h2{margin-bottom:.75rem;font-size:1.2rem}.status-banner{padding:.62rem .72rem;font-size:.9rem}.dashboard-tabs{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.tab-btn{text-align:center;width:100%}.section-title-row{flex-direction:column;align-items:stretch}.section-title-actions{grid-template-columns:1fr;width:100%;display:grid}.section-title-row .table-action,.section-title-row .table-action.add,.table-search{width:100%}.driver-add-form{gap:.65rem;width:100%;max-width:none}.driver-add-form button{width:100%}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:520px;font-size:.86rem}.data-table th,.data-table td{padding:.5rem .45rem}.driver-table{min-width:340px}.driver-table td:last-child{white-space:nowrap}.overview-count{font-size:1.65rem}.stat-card p{font-size:1.45rem}.live-item{padding:.55rem}.live-panel-head{align-items:flex-start;gap:.45rem}.live-line{white-space:normal;text-overflow:clip;line-height:1.35;overflow:visible}.driver-nav-actions,.driver-topbar{flex-direction:column;align-items:stretch}.driver-topbar{padding-top:.7rem;position:relative}.driver-topbar-left h2{font-size:1.08rem}.driver-topbar-left{padding-right:3.6rem}.driver-topbar-right{width:100%;display:block}.driver-topbar-actions{grid-template-columns:1fr 1fr;gap:.45rem;width:100%;margin-top:.45rem;display:grid}.driver-nav-actions .secondary-btn,.driver-topbar-actions .secondary-btn{grid-column:1/-1;width:100%}.driver-profile-menu{width:auto;position:absolute;top:.55rem;right:.72rem}.driver-profile-trigger{border-radius:999px;width:auto;padding:.2rem}.driver-profile-text{display:none}.driver-avatar{width:33px;height:33px;font-size:.9rem}.driver-profile-dropdown{margin-top:0;position:absolute;top:calc(100% + .35rem);right:0}.report-actions{flex-direction:column;align-items:stretch}.report-actions .table-action{width:100%}.report-filters{gap:.6rem}.report-filters label{font-size:.88rem}.report-table{min-width:0}.report-table thead{display:none}.report-table tbody tr{background:#fbfdff;border:1px solid #d7e2ef;border-radius:12px;margin-bottom:.6rem;display:block}.report-table tbody tr:last-child{margin-bottom:0}.report-table td{border-bottom:1px dashed #e2eaf4;grid-template-columns:92px 1fr;gap:.45rem;padding:.5rem .55rem;display:grid}.report-table td:before{content:attr(data-label);color:#365473;font-weight:700}.report-table td:last-child{border-bottom:0}.report-table td.table-empty-cell{border-bottom:0;display:block}.report-table td.table-empty-cell:before{content:none}.pager-row{flex-wrap:wrap;justify-content:space-between;gap:.45rem}.modal-card{padding:.8rem}}