*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,Arial,sans-serif;background:#eef2f6;color:#102030}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#071321;color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh}.brand{display:block;text-decoration:none;color:#fff;margin-bottom:26px}.brand img{width:180px;max-height:55px;object-fit:contain}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#9fb0c0;margin-top:6px}nav{display:grid;gap:4px}nav a,.logout{color:#c8d3dd;text-decoration:none;padding:9px 11px;border-radius:8px}nav a:hover{background:#12283b;color:#fff}.logout{position:absolute;bottom:18px;left:18px;right:18px}main{padding:0 30px 40px}header{height:92px;display:flex;align-items:center;justify-content:space-between}header small{letter-spacing:1.6px;color:#678}h1{margin:2px 0 0;font-size:27px}.userpill{background:#fff;border:1px solid #dde4ea;padding:9px 13px;border-radius:999px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cards article,.panel{background:#fff;border:1px solid #dce3e9;border-radius:14px;box-shadow:0 6px 20px #1830470a}.cards article{padding:18px}.cards span{display:block;color:#6b7c8a}.cards strong{font-size:30px}.panel{padding:20px;margin-bottom:20px}.panel h2{margin-top:0}.gridform{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.gridform label,.authbox label{display:grid;gap:5px;color:#526575;font-size:12px}input,textarea,select{width:100%;padding:10px 11px;border:1px solid #cfd9e1;border-radius:8px;background:#fbfcfd;font:inherit}textarea{min-height:82px}.btn,button{border:0;background:#0d6efd;color:#fff;padding:11px 16px;border-radius:8px;font-weight:700;cursor:pointer}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7edf1;white-space:nowrap}th{font-size:11px;text-transform:uppercase;color:#70808d}.dangerlink{color:#c62828}.flash{padding:12px 15px;background:#dff7e7;border:1px solid #a6dfba;border-radius:10px;margin-bottom:16px}.gpsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gpsgrid article{display:grid;gap:6px;padding:16px;background:#f6f9fb;border-radius:10px}.muted{color:#6b7b88}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#173650,#071321 70%)}.authbox{width:min(460px,92vw);background:white;padding:34px;border-radius:18px;display:grid;gap:14px;box-shadow:0 30px 80px #0007}.authbox img{width:220px;max-height:70px;object-fit:contain}.authbox small{letter-spacing:2px;color:#607385}.authbox h1{font-size:30px}.error{padding:10px;background:#ffe4e4;color:#9c1f1f;border-radius:8px}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:relative;height:auto}.logout{position:static;display:block}.cards,.gridform,.gpsgrid{grid-template-columns:1fr 1fr}main{padding:0 16px 30px}}@media(max-width:600px){.cards,.gridform,.gpsgrid{grid-template-columns:1fr}header{height:auto;padding:18px 0;align-items:flex-start;gap:10px;flex-direction:column}}
.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e53935;color:#fff;font-size:11px;margin-left:5px}.span3{grid-column:1/-1;border:1px solid #dce3e9;border-radius:10px;padding:14px}.checkgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.check{display:flex!important;align-items:center;gap:8px!important}.check input{width:auto}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.kanban article,.route-stops article{display:grid;gap:5px;padding:14px;border:1px solid #dce3e9;border-radius:10px;background:#f8fafc}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.gallery figure{margin:0;border:1px solid #dce3e9;border-radius:10px;overflow:hidden;background:#fff}.gallery img{display:block;width:100%;height:150px;object-fit:cover}.gallery figcaption{padding:8px;font-size:12px}.paneltitle{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.btn.secondary{background:#243b53;text-decoration:none;display:inline-block}.btn.danger,.danger{background:#b42318}.smallstrong{font-size:18px!important}.status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px}.status-success{background:#dff7e7;color:#146c3a}.status-warning{background:#fff0d4;color:#8a5800}.route-stops{display:grid;gap:8px;margin:14px 0}.route-stops article{cursor:grab}.route-stops article.dragging{opacity:.45}.inlineform{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.inlineform select,.inlineform input{width:auto;min-width:180px}.permgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.permgrid label{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:10px;padding:8px;border-bottom:1px solid #edf1f4}.notice-list{display:grid;gap:10px}.notice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid #dce3e9;border-radius:10px}.notice.unread{border-left:5px solid #0d6efd;background:#f5f9ff}.notice p{margin:4px 0}.notice form{margin-left:auto}@media(max-width:900px){.checkgrid,.permgrid{grid-template-columns:1fr}.paneltitle{flex-direction:column}.permgrid label{grid-template-columns:1fr}.notice{align-items:flex-start;flex-direction:column}}
.profilehead{display:flex;align-items:center;gap:16px;margin-bottom:18px}.avatar{width:82px;height:82px;border-radius:50%;object-fit:cover;border:3px solid #e4eaf0}