:root{--brand:#0b3d2e;--brand-bg:#f5f7f6;--ink:#14201c;--muted:#5c6b64;--line:#d5ddd8;--danger:#b42318;--ok:#067647;--panel:#fff;--shadow:0 10px 30px rgba(11,61,46,.08);--radius:14px;--font:"Segoe UI","IBM Plex Sans",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--brand) 18%,#fff),transparent),linear-gradient(180deg,var(--brand-bg),#eef2f0 40%,#e7ece9)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh;transition:grid-template-columns .18s ease}.app-shell.sidebar-collapsed{grid-template-columns:64px 1fr}.sidebar{background:linear-gradient(180deg,var(--brand),color-mix(in srgb,var(--brand) 80%,#000));color:#f7fbf9;padding:.9rem .7rem;display:flex;flex-direction:column;gap:1rem;min-height:100vh;position:-webkit-sticky;position:sticky;top:0;max-height:100vh}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.35rem}.brand-block{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1}.brand-block strong,.brand-name{font-size:1.05rem;letter-spacing:.02em;line-height:1.2}.brand-block span,.brand-org{opacity:.75;font-size:.78rem}.brand-logo{max-width:120px;max-height:36px;margin-bottom:6px;object-fit:contain}.sidebar-collapse-btn{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.08);color:#f7fbf9;cursor:pointer;font-size:.85rem;line-height:1;padding:0}.sidebar-collapse-btn:hover{background:hsla(0,0%,100%,.16)}.nav{display:flex;flex-direction:column;gap:.5rem;flex:1 1;overflow:auto;min-height:0}.nav-group{display:flex;flex-direction:column;gap:.15rem}.nav-group-label{display:flex;align-items:center;gap:.35rem;width:100%;border:0;background:transparent;color:inherit;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.55;padding:.2rem .55rem;border-radius:8px;cursor:pointer;text-align:left}.nav-group-label:hover{opacity:.9;background:hsla(0,0%,100%,.06)}.nav-group-chevron{display:inline-block;font-size:.7rem;transition:transform .15s ease;opacity:.8}.nav-group[data-open=true] .nav-group-chevron{transform:rotate(90deg)}.nav-group-items{display:none;flex-direction:column;gap:.1rem}.nav a,.nav-group[data-open=true] .nav-group-items{display:flex}.nav a{align-items:center;justify-content:flex-start;padding:.4rem .65rem;border-radius:8px;opacity:.9;font-size:.9rem;line-height:1.25}.nav a.active,.nav a:hover{background:hsla(0,0%,100%,.12);opacity:1}.nav-link-initials{display:none;font-size:.72rem;font-weight:700;letter-spacing:.02em}.nav-link-label{display:inline}.sidebar-footer{margin-top:auto;padding-top:.5rem}.sidebar-user{color:hsla(0,0%,100%,.7);font-size:.8rem;margin-bottom:.5rem}.sidebar-user-meta{font-size:.7rem;margin-top:.2rem;opacity:.85}.sidebar-logout{color:#fff!important;border-color:hsla(0,0%,100%,.3)!important;padding:.45rem .7rem!important;width:100%}.app-shell.sidebar-collapsed .brand-logo,.app-shell.sidebar-collapsed .brand-name,.app-shell.sidebar-collapsed .brand-org,.app-shell.sidebar-collapsed .nav-group-chevron,.app-shell.sidebar-collapsed .nav-group-text,.app-shell.sidebar-collapsed .nav-link-label,.app-shell.sidebar-collapsed .sidebar-logout-label,.app-shell.sidebar-collapsed .sidebar-user-meta,.app-shell.sidebar-collapsed .sidebar-user-name,.sidebar-logout-short{display:none}.app-shell.sidebar-collapsed .sidebar{padding:.7rem .4rem;align-items:stretch}.app-shell.sidebar-collapsed .sidebar-top{flex-direction:column;align-items:center}.app-shell.sidebar-collapsed .brand-block{display:none}.app-shell.sidebar-collapsed .nav-group-label{justify-content:center;padding:.35rem .2rem;font-size:0}.app-shell.sidebar-collapsed .nav-group-label:after{content:attr(title);font-size:.58rem;letter-spacing:.04em;text-transform:uppercase;opacity:.7;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell.sidebar-collapsed .nav-group[data-open=true] .nav-group-items{display:flex}.app-shell.sidebar-collapsed .nav a{justify-content:center;padding:.45rem .2rem}.app-shell.sidebar-collapsed .nav-link-initials{display:inline}.app-shell.sidebar-collapsed .sidebar-user{display:none}.app-shell.sidebar-collapsed .sidebar-logout{padding:.45rem .2rem!important}.app-shell.sidebar-collapsed .sidebar-logout-short{display:inline}.main{padding:1.25rem 1.5rem 2rem}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.page-header{display:flex;flex-direction:column;gap:.2rem;min-width:0}.page-title{margin:0;font-size:1.45rem;letter-spacing:-.01em;line-height:1.2}.page-subtitle{margin:0;color:var(--muted);font-size:.9rem}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body,.card>.card-body:first-child,.panel>.card-body:first-child{padding:1rem}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem}.toolbar .field{margin-bottom:0;min-width:140px}.toolbar-field{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.toolbar .field label,.toolbar-field,.toolbar-field label{font-size:.75rem;color:var(--muted)}.toolbar input:not([type=checkbox]):not([type=radio]),.toolbar select,.toolbar-field input,.toolbar-field select{border:1px solid var(--line);border-radius:10px;padding:.55rem .7rem;background:#fff;color:var(--ink);font-size:.92rem}.btn-row{flex-wrap:wrap}.btn-row,.list-item-head{display:flex;gap:.5rem;align-items:center}.list-item-head{justify-content:space-between}.tabs{display:flex;flex-wrap:wrap;gap:.4rem}.tab{border:1px solid color-mix(in srgb,var(--brand) 35%,#fff);border-radius:10px;padding:.5rem .85rem;background:transparent;color:var(--brand);cursor:pointer}.tab.active{border-color:var(--brand)}.btn,.tab.active{background:var(--brand);color:#fff}.btn{border:0;border-radius:10px;padding:.65rem 1rem;cursor:pointer}.btn.secondary{background:transparent;color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 35%,#fff)}.btn:disabled{opacity:.6;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:#fff}.field select,.table select,.toolbar select,.toolbar-field select,select.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line);border-radius:10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%235c6b64' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;padding-right:2rem;color:var(--ink);cursor:pointer;max-width:100%}.table select,select.select{width:100%;min-width:150px;padding:.5rem 2rem .5rem .7rem;font-size:.9rem}.field select:hover,.table select:hover,.toolbar select:hover,.toolbar-field select:hover,select.select:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.table select:focus-visible,.toolbar input:focus-visible,.toolbar select:focus-visible,.toolbar-field input:focus-visible,.toolbar-field select:focus-visible,select.select:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 18%,transparent)}.field select:disabled,.table select:disabled,select.select:disabled{background-color:color-mix(in srgb,var(--line) 25%,#fff);color:var(--muted);cursor:not-allowed;opacity:1}.row{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--line);font-size:.92rem}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.badge.online{background:#e8f8ef;color:var(--ok)}.badge.offline{background:#f4f4f4;color:var(--muted)}.badge.alarm{background:#fef3f2;color:var(--danger)}.badge.sev-critical{background:#fde8e8;color:#9b1c1c}.badge.sev-high{background:#ffedd5;color:#9a3412}.badge.sev-medium{background:#fef3c7;color:#92400e}.badge.sev-low{background:#e0f2fe;color:#075985}.badge.sev-info{background:#f4f4f5;color:#52525b}.map-wrap{height:calc(100vh - 140px);min-height:420px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line)}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%);padding:2rem}.login-card h1{margin:0 0 .35rem;font-size:1.6rem}.login-card p{margin:0 0 1.4rem;color:var(--muted)}.split{display:grid;grid-template-columns:320px 1fr;grid-gap:1rem;gap:1rem}.split.map-layout{grid-template-columns:300px 1fr;align-items:stretch}.map-stack{position:relative;min-width:0}.map-detail-panel{position:absolute;top:12px;left:12px;width:min(340px,calc(100% - 24px));max-height:calc(100% - 24px);overflow:auto;padding:0;z-index:2;box-shadow:0 8px 24px rgba(16,24,40,.12)}.map-detail-panel>.card-body{padding:.9rem 1rem}.status-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.detail-alarm-list{margin:0;padding-left:1.1rem;font-size:.9rem}.badge.status-MOVING{background:#e8f8ef;color:#067647}.badge.status-STOPPED{background:#eff4ff;color:#175cd3}.badge.status-IDLE{background:#fffaeb;color:#b54708}.badge.status-PARKED{background:#f4f3ff;color:#5925dc}.badge.status-OFFLINE{background:#f4f4f5;color:#667085}.badge.status-NO_GPS{background:#f4f4f5;color:#98a2b3}.badge.status-ALERT{background:#fef3f2;color:#b42318}.list-panel{max-height:calc(100vh - 140px);overflow:auto;padding:.5rem}.list-item{padding:.75rem;border-radius:10px;cursor:pointer;border:1px solid transparent}.list-item.active,.list-item:hover{background:color-mix(in srgb,var(--brand) 8%,#fff);border-color:color-mix(in srgb,var(--brand) 20%,#fff)}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--danger);margin-bottom:.75rem;font-size:.9rem}.dash-fleet-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;margin-bottom:.85rem}.dash-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.dash-card{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem;transition:transform .15s ease,box-shadow .15s ease}a.dash-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(11,61,46,.12)}.dash-metric{font-size:1.65rem;letter-spacing:-.02em;line-height:1.15}.dash-card-link{margin-top:.55rem;font-size:.8rem;color:var(--brand)}.dash-card.tone-ok{border-color:color-mix(in srgb,#067647 35%,var(--line))}.dash-card.tone-info{border-color:color-mix(in srgb,#175cd3 35%,var(--line))}.dash-card.tone-muted,.dash-card.tone-neutral{border-color:color-mix(in srgb,#667085 35%,var(--line))}.dash-card.tone-danger{border-color:color-mix(in srgb,#b42318 40%,var(--line))}.dash-card.tone-warn{border-color:color-mix(in srgb,#b54708 40%,var(--line))}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:1100px){.dash-fleet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;position:static;max-height:none;min-height:0}.sidebar-top{width:100%}.sidebar-collapse-btn{display:none}.nav{flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%}.nav-group{flex-direction:column;flex-wrap:nowrap;align-items:stretch;min-width:140px}.nav-group-label{width:100%}.nav-link-initials{display:none!important}.nav-link-label{display:inline!important}.app-shell.sidebar-collapsed .brand-name,.app-shell.sidebar-collapsed .brand-org,.app-shell.sidebar-collapsed .nav-group-chevron,.app-shell.sidebar-collapsed .nav-group-text,.app-shell.sidebar-collapsed .nav-link-label,.app-shell.sidebar-collapsed .sidebar-logout-label{display:inline}.app-shell.sidebar-collapsed .brand-logo,.app-shell.sidebar-collapsed .sidebar-user-name{display:block}.app-shell.sidebar-collapsed .brand-block{display:flex}.app-shell.sidebar-collapsed .nav-group-label{font-size:.65rem;justify-content:flex-start}.app-shell.sidebar-collapsed .nav-group-label:after{content:none}.app-shell.sidebar-collapsed .sidebar-user{display:block}.app-shell.sidebar-collapsed .sidebar-logout-short{display:none}.sidebar-footer{margin-top:0;width:100%}.dash-fleet-grid,.dash-metrics-grid,.grid-2,.split{grid-template-columns:1fr}.list-panel,.map-wrap{max-height:none;height:55vh}.map-detail-panel{position:static;width:auto;max-height:none;margin-top:.75rem}.help-layout{grid-template-columns:1fr}.help-toc{position:static}}.help-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:1rem;gap:1rem;align-items:start}.help-toc{position:-webkit-sticky;position:sticky;top:1rem}.help-toc-list{margin:.65rem 0 0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.help-toc-list a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.help-content{display:flex;flex-direction:column;gap:.85rem;min-width:0}.help-section h2{margin:0 0 .65rem;font-size:1.15rem}.help-section h3{margin:1rem 0 .4rem;font-size:1rem}.help-section li,.help-section p{line-height:1.55}.help-section ol,.help-section ul{margin:.4rem 0 .85rem;padding-left:1.25rem}.help-section code{font-size:.88em;padding:.1em .35em;border-radius:4px;background:color-mix(in srgb,var(--brand) 8%,#fff);border:1px solid var(--line)}.help-section a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.help-table-wrap{overflow:auto;margin-top:.5rem}