.fleet-sidebar{background:radial-gradient(circle at top left,#5cc9b33d,#0000 30%),linear-gradient(180deg,#0c2238,#12395b 52%,#155f69);border-right:1px solid #ffffff14;box-shadow:18px 0 50px #091a2d2e;color:#fff;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease;width:280px;z-index:1000}.fleet-sidebar.open{width:280px}.fleet-sidebar.closed{width:78px}.fleet-sidebar-header{min-height:106px;padding:1.4rem 1.2rem 1rem;position:relative;white-space:nowrap}.brand-lockup{gap:.85rem}.brand-lockup,.brand-mark{align-items:center;display:flex}.brand-mark{background:linear-gradient(135deg,#5cc9b3e6,#f0b24af2);border-radius:16px;box-shadow:0 14px 28px #f0b24a2e;color:#0d2138;font-weight:900;height:46px;justify-content:center;width:46px}.brand-copy h2{font-size:1.15rem;margin:0}.brand-copy p{color:#ffffffb8;font-size:.84rem;margin:.2rem 0 0}.nav-caption{color:#ffffff7a;font-size:.72rem;letter-spacing:.12em;margin-bottom:.85rem;padding:0 1.2rem;text-transform:uppercase}.fleet-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 .9rem}.nav-item{align-items:center;border-radius:16px;color:#ffffffdb;display:flex;gap:.9rem;overflow:hidden;padding:.95rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:linear-gradient(135deg,#ffffff24,#ffffff08);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.nav-item.active:before,.nav-item:hover:before{opacity:1}.nav-item.active,.nav-item:hover{box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 24px #0000001f;transform:translateX(4px)}.nav-item.active{color:#fff}.nav-icon{font-size:1.1rem;min-width:22px;z-index:1}.nav-text{font-weight:600;z-index:1}.hamburger-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:42px;justify-content:center;position:absolute;right:18px;top:20px;width:42px;z-index:1001}.sidebar-footer-card{background:linear-gradient(180deg,#ffffff24,#ffffff0d);border:1px solid #ffffff1f;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff1a;margin:1.2rem 1rem;padding:1rem}.footer-chip{background:#f0b24a33;border-radius:999px;color:#ffd891;display:inline-block;font-size:.75rem;font-weight:700;padding:.35rem .7rem}.sidebar-footer-card h3{font-size:1rem;margin:.8rem 0 .5rem}.sidebar-footer-card p{color:#ffffffbd;font-size:.88rem;line-height:1.55;margin:0}.fleet-sidebar.closed .brand-copy,.fleet-sidebar.closed .fleet-nav,.fleet-sidebar.closed .nav-caption,.fleet-sidebar.closed .sidebar-footer-card{opacity:0;pointer-events:none}.fleet-sidebar.closed .hamburger-btn{left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}.fleet-sidebar.closed .brand-mark{margin-top:.3rem}@media (max-width:1024px){.fleet-sidebar{width:78px}}.site-footer{background:#ffffffb8;border:1px solid #0f274214;border-radius:18px;box-shadow:0 12px 24px #0f27420d;color:#58677f;margin-top:1.5rem;padding:1rem 1.2rem}.site-footer p{line-height:1.6;margin:0;text-align:center}.live-map-page{display:flex;flex-direction:column;gap:1.5rem}.map-stage{background:linear-gradient(180deg,#0b2237f5,#155f69e6);border-radius:28px;box-shadow:0 30px 80px #0c223833;height:calc(100vh - 56px);min-height:760px;overflow:hidden;position:relative}.map-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#081a2b7a;border:1px solid #ffffff24;border-radius:22px;color:#fff;display:flex;gap:1rem;justify-content:space-between;left:20px;padding:1.2rem 1.4rem;position:absolute;right:20px;top:20px;z-index:2}.map-topbar h1{font-size:2rem;margin:0}.map-topbar p{color:#ffffffc7;margin:.5rem 0 0;max-width:760px}.map-status-pills{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.status-pill{border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff1f;font-weight:700;padding:.75rem 1rem}.status-pill.moving{background:#5cc9b333}.status-pill.idle{background:#f0b24a33}.status-pill.offline{background:#d9534f33}.map-view-shell{height:100%}.map-error,.map-fallback,.map-loading{align-items:center;display:flex;height:100%;justify-content:center;padding:6rem 2rem 2rem}.map-error,.map-loading{color:#fff;font-size:1.1rem}.map-fallback{align-items:stretch;flex-direction:column;gap:1rem}.map-fallback-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.map-fallback-card{background:#ffffffeb;border-radius:20px;box-shadow:0 16px 35px #0413222e;padding:1.1rem}.fallback-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.fallback-row h3{color:var(--navy);margin:0}.coordinate-box,.fallback-metrics{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.coordinate-box span,.fallback-metrics span{background:#f1f8fc;border-radius:12px;color:#34526f;font-weight:600;padding:.55rem .75rem}.map-note{color:#ffffffdb;text-align:center}.info-window h3{color:var(--navy);margin:0 0 .4rem}.info-window p{margin:.25rem 0}@media (max-width:900px){.map-topbar{flex-direction:column}.map-stage{min-height:680px}}.stat-card{align-items:center;background:linear-gradient(180deg,#fffffff2,#f6fbffeb);border:1px solid #0f274214;border-radius:22px;box-shadow:0 20px 40px #0f274214;display:flex;gap:1rem;min-height:120px;padding:1.3rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 28px 50px #0f27421f;transform:translateY(-4px)}.stat-card-icon{align-items:center;background:linear-gradient(135deg,#174a74,#1f8a8a);border-radius:18px;color:#fff;display:flex;font-size:1.3rem;height:56px;justify-content:center;width:56px}.stat-card h3{color:var(--navy);font-size:1.8rem;margin:.2rem 0}.stat-card-title{color:#607089;font-weight:700;margin:0}.stat-card span{color:#7a8798;font-size:.9rem}.stat-card.amber .stat-card-icon{background:linear-gradient(135deg,#c98a1a,#f0b24a)}.stat-card.mint .stat-card-icon{background:linear-gradient(135deg,#13876b,#5cc9b3)}.stat-card.red .stat-card-icon{background:linear-gradient(135deg,#b23c39,#d9534f)}.dashboard-page{display:flex;flex-direction:column;gap:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.dashboard-charts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card,.insight-card{background:linear-gradient(180deg,#fffffffa,#f5fafff0);border:1px solid #0f274214;border-radius:22px;box-shadow:0 18px 40px #0f274212;padding:1.2rem}.chart-card-header h3,.insight-card h3{color:var(--navy);margin:0}.chart-card-header p{color:#63748b;margin:.4rem 0 1rem}.dashboard-bottom-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.25rem}.insight-row{align-items:center;border-bottom:1px solid #0f274214;display:flex;gap:1rem;justify-content:space-between;padding:.9rem 0}.insight-row:last-child{border-bottom:none}.insight-row p{color:#65758a;margin:.35rem 0 0}@media (max-width:900px){.dashboard-bottom-grid,.dashboard-charts-grid{grid-template-columns:1fr}}.vehicle-card{background:#fff;border:1px solid #0f27420f;border-radius:18px;box-shadow:0 12px 30px #0f274214;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.vehicle-card:hover{box-shadow:0 18px 40px #0f27421f;transform:translateY(-4px)}.vehicle-card img{height:220px;object-fit:cover;width:100%}.vehicle-card-body{padding:1.2rem}.vehicle-card-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.vehicle-card-body h3{color:var(--navy);margin:0 0 .7rem}.vehicle-card-body p{color:#59677d;line-height:1.65;margin:0 0 1rem}.vehicle-meta-grid{grid-gap:.75rem;color:#31516d;display:grid;font-weight:600;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-meta-grid div{align-items:center;background:#f5fbff;border-radius:12px;display:flex;gap:.5rem;padding:.75rem}.vehicle-category{color:#5d6f85;font-size:.85rem;font-weight:700}.vehicles-page{display:flex;flex-direction:column;gap:1.5rem}.vehicle-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:1.5rem}.vehicle-card-wrap{display:flex;flex-direction:column;gap:.8rem}.card-actions-row{display:flex;gap:.75rem}.card-actions-row .secondary-btn,.delete-text-btn{align-items:center;display:inline-flex;gap:.45rem}.delete-text-btn{background:#d9534f1f;border:none;border-radius:12px;color:var(--danger);cursor:pointer;font-weight:700;padding:.85rem 1rem}.vehicles-table-wrap{margin-top:.5rem}.devices-page,.history-page{display:flex;flex-direction:column;gap:1.5rem}.history-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.history-card{background:#fff;border-radius:20px;box-shadow:0 16px 35px #0f274217;overflow:hidden;transition:all .3s ease}.history-card:hover{box-shadow:0 22px 45px #0f274221;transform:translateY(-4px)}.history-card img{height:220px;object-fit:cover;width:100%}.history-card-body{padding:1.2rem}.history-top-row{color:#617186;display:flex;gap:1rem;justify-content:space-between}.history-card-body h3{color:var(--navy);margin:.8rem 0 .65rem}.history-card-body p{color:#607089;line-height:1.6;margin:0 0 1rem}.history-metrics,.playback-controls{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.history-metrics span,.playback-btn{background:#f3f9fc;border:none;border-radius:12px;color:#30506b;font-weight:700;padding:.7rem .9rem}.playback-btn{align-items:center;cursor:pointer;display:inline-flex;gap:.45rem;transition:all .3s ease}.playback-btn.active,.playback-btn:hover{background:linear-gradient(135deg,#174a74,#1f8a8a);color:#fff}.history-actions-row{margin-top:.5rem}.sensors-page{display:flex;flex-direction:column;gap:1.5rem}.sensor-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sensor-card{background:#fff;border-radius:20px;box-shadow:0 16px 35px #0f274214;overflow:hidden;transition:all .3s ease}.sensor-card:hover{box-shadow:0 22px 45px #0f27421f;transform:translateY(-4px)}.sensor-card img{height:210px;object-fit:cover;width:100%}.sensor-card-body{padding:1.2rem}.sensor-head-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.sensor-card-body h3{color:var(--navy);margin:.8rem 0 .6rem}.sensor-card-body p{color:#5f7086;line-height:1.6;margin:0 0 1rem}.sensor-detail-boxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.sensor-detail-boxes div{background:#f4fbff;border-radius:14px;display:flex;flex-direction:column;gap:.35rem;padding:.8rem}.sensor-detail-boxes strong{color:#2d4c68}.sensor-category,.sensor-detail-boxes span{color:#647489;font-weight:600}@media (max-width:700px){.sensor-detail-boxes{grid-template-columns:1fr}}.alerts-page,.alerts-panel{display:flex;flex-direction:column;gap:1.5rem}.alerts-header-row{align-items:center}.alerts-header-icon{align-items:center;background:linear-gradient(135deg,#f0b24a2e,#d9534f29);border-radius:20px;box-shadow:var(--shadow);color:var(--navy);display:flex;font-size:1.6rem;height:68px;justify-content:center;width:68px}.alerts-metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.alert-metric-card{background:#ffffffeb;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem}.alert-metric-card span{color:#5f6c80;font-size:.92rem;font-weight:600}.alert-metric-card strong{color:var(--navy);font-size:1.9rem}.alert-metric-card.critical{border-color:#d9534f40}.alert-metric-card.high{border-color:#f08c2e40}.alerts-filters-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr}.alerts-card-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.alert-event-card{background:#fffffff0;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;padding:1.15rem}.alert-event-card.severity-critical{border-left:5px solid var(--alert-critical)}.alert-event-card.severity-high{border-left:5px solid var(--alert-high)}.alert-event-card.severity-medium{border-left:5px solid var(--alert-medium)}.alert-event-card.severity-low{border-left:5px solid var(--alert-low)}.alert-card-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.alert-type-pill{align-items:center;background:#174a7414;border-radius:999px;color:var(--deep-blue);display:inline-flex;font-size:.86rem;font-weight:700;gap:.55rem;padding:.5rem .8rem}.alert-type-icon,.table-alert-icon{align-items:center;display:inline-flex;justify-content:center}.alert-event-card h3{color:var(--navy);font-size:1.08rem;margin:0}.alert-message{color:#435066;line-height:1.6;margin:0}.alert-meta-list{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(2,minmax(0,1fr))}.alert-meta-list div{background:#f4f7fbe6;border:1px solid #0f274214;border-radius:16px;padding:.75rem .85rem}.alert-meta-list span{color:#718097;display:block;font-size:.78rem;letter-spacing:.04em;margin-bottom:.28rem;text-transform:uppercase}.alert-meta-list strong{color:var(--navy);font-size:.92rem}.alert-severity-badge,.alert-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:800;justify-content:center;padding:.38rem .72rem;text-transform:capitalize}.alert-severity-badge.critical{background:#d9534f24;color:var(--alert-critical)}.alert-severity-badge.high{background:#f08c2e24;color:var(--alert-high)}.alert-severity-badge.medium{background:#f0b24a29;color:#a46d09}.alert-severity-badge.low{background:#2f9e4424;color:var(--alert-low)}.alert-status-badge.open{background:#d9534f1f;color:var(--alert-critical)}.alert-status-badge.acknowledged{background:#174a741f;color:var(--deep-blue)}.alert-status-badge.investigating{background:#f0b24a29;color:#9b6b08}.alert-status-badge.resolved{background:#2f9e4424;color:var(--alert-low)}.alerts-table-wrap{overflow-x:auto}.alerts-table .table-alert-type{align-items:center;color:var(--navy);display:inline-flex;font-weight:700;gap:.55rem}@media (max-width:1200px){.alerts-card-grid,.alerts-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.alert-meta-list,.alerts-card-grid,.alerts-filters-row,.alerts-metrics-grid{grid-template-columns:1fr}.alerts-header-row{align-items:flex-start}}.app-shell{background:linear-gradient(135deg,#eef5fb,#f7fbfd 48%,#eef9f6);display:flex;min-height:100vh}.main-content{margin-left:280px;min-height:100vh;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 280px)}.main-content.sidebar-closed{margin-left:78px;width:calc(100% - 78px)}.page-panel,.page-wrap{padding:28px}.page-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:1px solid #ffffff73;border-radius:24px;box-shadow:0 24px 60px #102c4814}.page-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.page-title-block h1{color:var(--navy);font-size:2rem;margin:0}.page-title-block p{color:#516179;margin:.5rem 0 0}.primary-btn{background:linear-gradient(135deg,#1f8a8a,#2eaf9f);border:none;border-radius:14px;box-shadow:0 14px 30px #1f8a8a47;color:#fff;cursor:pointer;font-weight:700;padding:.9rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-btn:hover{box-shadow:0 18px 36px #1f8a8a59;transform:translateY(-2px)}.secondary-btn{background:#ffffffd9;border:1px solid #174a742e;border-radius:12px;color:var(--deep-blue);cursor:pointer;font-weight:600;padding:.8rem 1rem}.status-message{border-radius:14px;font-weight:600;margin:0 0 1rem;padding:.9rem 1rem}.status-message.success{background:#5cc9b32e;border:1px solid #5cc9b359;color:#0c6a5b}.status-message.error{background:#d9534f1f;border:1px solid #d9534f42;color:#9d2e2b}.data-table-wrap{background:#ffffffd1;border:1px solid var(--border);border-radius:20px;box-shadow:0 14px 30px #0f27420d;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead th{background:linear-gradient(180deg,#f5fbff,#edf6fb);border-bottom:1px solid var(--border);color:var(--navy);font-size:.92rem;padding:1rem;position:sticky;text-align:left;top:0}.data-table tbody td{border-bottom:1px solid #0f274214;color:#34455d;padding:1rem}.data-table tbody tr:hover{background:#5cc9b30f}.action-group{display:flex;gap:.5rem}.icon-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:all .3s ease;width:38px}.icon-btn.edit{background:#174a741a;color:var(--deep-blue)}.icon-btn.delete{background:#d9534f1f;color:var(--danger)}.icon-btn:hover{transform:translateY(-2px)}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;gap:.35rem;padding:.45rem .75rem}.badge.moving{background:#5cc9b32e;color:#0b7160}.badge.idle{background:#f0b24a2e;color:#9a670d}.badge.alert,.badge.offline{background:#d9534f24;color:#9d2e2b}.badge.normal,.badge.online,.badge.watching{background:#174a741f;color:var(--deep-blue)}.filters-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filter-input,.filter-select{background:#ffffffe6;border:1px solid #0f27421f;border-radius:14px;box-shadow:inset 0 1px 2px #0f274208;min-width:220px;padding:.9rem 1rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0613236b;display:flex;inset:0;justify-content:center;padding:1.25rem;position:fixed;z-index:1100}.modal-card{background:linear-gradient(180deg,#fffffffa,#f5fbfff2);border:1px solid #fff9;border-radius:24px;box-shadow:0 30px 80px #07182b3d;overflow:hidden;width:min(720px,100%)}.modal-header{align-items:center;border-bottom:1px solid #0f274214;display:flex;justify-content:space-between;padding:1.2rem 1.4rem}.modal-header h2{color:var(--navy);margin:0}.modal-body{padding:1.4rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group.full{grid-column:1/-1}.form-group label{color:#213148;font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #0f27421f;border-radius:14px;color:#22354f;padding:.9rem 1rem}.form-group textarea{min-height:110px;resize:vertical}.form-error{color:var(--danger);font-size:.84rem;font-weight:600}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.4rem}.empty-state,.error-state,.loading-state{color:#516179;padding:3rem 1rem;text-align:center}@media (max-width:1024px){.main-content{margin-left:78px;width:calc(100% - 78px)}.page-wrap{padding:18px}}@media (max-width:768px){.page-header-row{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}}*{box-sizing:border-box}#root,body,html{background:#f4f7fb;color:#152033;font-family:Inter,Arial,sans-serif;margin:0;min-height:100%;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:root{--navy:#0f2742;--deep-blue:#174a74;--teal:#1f8a8a;--mint:#5cc9b3;--amber:#f0b24a;--danger:#d9534f;--surface:#ffffffe0;--border:#0f27421f;--shadow:0 20px 60px #0f27421f;--alert-critical:#d9534f;--alert-high:#f08c2e;--alert-medium:#f0b24a;--alert-low:#2f9e44}