:root{--bg:#f5f7fb;--panel:#fff;--ink:#13202f;--muted:#637083;--line:#d9e1ea;--accent:#176b87;--accent-2:#2f9e75;--danger:#b42318}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard,.panel,.tablePanel,.drawer{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 16px 40px #0f1e3214}.loginCard{width:min(420px,100%);padding:28px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}h1,h2,h3{letter-spacing:0;margin:0}.loginCard h1{margin-bottom:18px}.formStack{gap:12px;display:grid}label{color:var(--muted);gap:6px;font-size:13px;font-weight:650;display:grid}input,select,textarea{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px}textarea{resize:vertical;min-height:82px}.primaryButton,.secondaryButton,.dangerButton,.iconButton,.navButton{border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;display:inline-flex}.primaryButton{background:var(--accent);color:#fff}.secondaryButton{color:var(--accent);background:#eef4f7}.dangerButton{color:var(--danger);background:#fee4e2}.iconButton{width:36px;color:var(--accent);background:#eef4f7;padding:0}.successIcon{color:#067647;background:#e7f7ef}.dangerIcon{color:var(--danger);background:#fee4e2}.formError,.message{color:var(--danger);min-height:20px;margin:6px 0}.appShell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#f7fbff;background:#102636;padding:18px 12px}.brand{align-items:center;gap:10px;padding:6px 8px 20px;display:flex}.brandMark{background:var(--accent-2);border-radius:7px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.navGroup{gap:6px;margin-top:14px;display:grid}.navTitle{color:#b5c9d8;text-transform:uppercase;margin:12px 8px 4px;font-size:11px;font-weight:700}.navButton{color:#d9e8f2;background:0 0;justify-content:flex-start;width:100%}.navButton.active,.navButton:hover{color:#fff;background:#1c4055}.workspace{align-content:start;gap:18px;padding:22px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.topbarActions{align-items:center;gap:8px;display:flex}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metricCard{text-align:left;border-color:#0000;padding:14px}.metricCard span{color:var(--muted);font-size:12px;font-weight:700}.metricCard strong{margin-top:8px;font-size:24px;display:block}.metricCard:hover{transform:translateY(-1px);box-shadow:0 18px 42px #0f1e321c}.metric-danger{background:#fff7ed;border-color:#fed7aa}.metric-danger span,.metric-danger strong{color:#9a3412}.metric-warning{background:#fffbeb;border-color:#fde68a}.metric-warning span,.metric-warning strong{color:#92400e}.metric-neutral{background:#f8fafc;border-color:#dbe4ee}.metric-neutral span,.metric-neutral strong{color:#334155}.metric-success{background:#f0fdf4;border-color:#bbf7d0}.metric-success span,.metric-success strong{color:#166534}.panel{padding:16px}.panelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.actionHeader{justify-content:flex-end}.filters{grid-template-columns:repeat(4,minmax(0,1fr)) 36px 36px;gap:10px;margin-bottom:12px;display:grid}.driverFilters{grid-template-columns:minmax(0,1fr) 180px 180px 36px}.codFilters,.securityFilters{grid-template-columns:minmax(0,1fr) 180px 36px}.auditFilters{grid-template-columns:minmax(0,1fr) 36px}.tablePanel{overflow:hidden}.tableHead,.tableRow{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 12px;display:grid}.tableHead{color:var(--muted);text-transform:uppercase;background:#eef4f7;font-size:12px;font-weight:800}.tableRow{min-height:54px}.driversTable .tableHead,.driversTable .tableRow{grid-template-columns:1.4fr 1fr .8fr .8fr .8fr 1fr 132px}.jobsTable .tableHead,.jobsTable .tableRow{grid-template-columns:1fr 1fr 1fr 1fr .8fr .8fr 176px}.usersTable .tableHead,.usersTable .tableRow{grid-template-columns:1.4fr 1fr 1.2fr .6fr 120px}.rolesTable .tableHead,.rolesTable .tableRow{grid-template-columns:1.2fr 2fr .7fr 120px}.codTable .tableHead,.codTable .tableRow{grid-template-columns:1.2fr 1fr 1fr 1fr .8fr 120px}.auditTable .tableHead,.auditTable .tableRow{grid-template-columns:1fr 1fr 1fr 1.5fr 1fr}.statusPill{color:#067647;background:#e7f7ef;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.headerActions{align-items:center;gap:14px;display:inline-flex}.countPill{color:#067647;white-space:nowrap;background:#e7f7ef;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 18px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.mutedPill{color:var(--muted);background:#eef1f5}.warnPill{color:#9a6700;background:#fff4d6}.detailGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.formFields{grid-template-columns:minmax(0,640px);gap:12px;display:grid}.infoBlock{border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:12px}.formSection{width:min(640px,100%);margin-top:14px}.infoBlock p{color:var(--muted);margin:7px 0 0}.drawer{gap:14px;padding:16px;display:grid}.actionGrid{flex-wrap:wrap;gap:8px;display:flex}.compactActions{flex-wrap:nowrap;align-items:center}.segmented{gap:8px;display:inline-flex}.checkRow{color:var(--ink);align-items:center;gap:8px;display:inline-flex}.checkRow input{min-height:auto}.permissionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.permissionGroup{border:1px solid var(--line);border-radius:8px;align-content:start;gap:8px;padding:10px;display:grid}.modalOverlay{background:#10263657;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;width:min(560px,100%);padding:18px;display:grid}.modalActions{justify-content:flex-end;gap:8px;display:flex}.formActions{justify-content:flex-start;gap:8px;margin-top:14px;display:flex}.jobDetailPage{gap:14px;display:grid}.detailHero{border:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#eef7f5 100%);border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid;box-shadow:0 16px 40px #0f1e3214}.heroBack{background:#fff}.heroCopy{gap:4px;min-width:0;display:grid}.heroCopy p{color:var(--muted);margin:0}.detailSummaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.summaryTile,.detailCard{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #0f1e320f}.summaryTile{gap:5px;padding:14px;display:grid}.summaryTile span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.summaryTile strong{font-size:18px}.summaryTile small,.detailCard small,.timelineItem small{color:var(--muted)}.detailActionBar{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.readOnlyBar{color:#067647;background:#f4fbf7;align-items:center}.readOnlyBar span{color:var(--muted)}.detailContentGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lowerGrid{grid-template-columns:1.2fr 1fr 1fr}.detailCard{padding:14px}.detailCardTitle{color:var(--accent);align-items:center;gap:8px;margin-bottom:12px;display:flex}.addressCard{align-content:start;gap:8px;display:grid}.addressCard p{color:var(--muted);margin:0;line-height:1.45}.addressCard small{align-items:center;gap:6px;display:inline-flex}.timelineList,.stackList{gap:10px;display:grid}.timelineItem{grid-template-columns:12px minmax(0,1fr);gap:10px;display:grid}.timelineDot{background:var(--accent-2);border-radius:999px;width:10px;height:10px;margin-top:5px;box-shadow:0 0 0 4px #e7f7ef}.timelineItem p,.stackItem p{color:var(--muted);margin:3px 0;line-height:1.4}.stackItem{border:1px solid var(--line);background:#fbfdff;border-radius:8px;padding:10px}.emptyState{color:var(--muted);margin:0}.tableEmpty{padding:16px}@media (max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{position:static}.metricGrid,.filters,.detailGrid,.detailSummaryGrid,.detailContentGrid,.lowerGrid{grid-template-columns:1fr}.detailHero{grid-template-columns:36px minmax(0,1fr)}.detailHero .statusPill{grid-column:2}.tableHead{display:none}.tableRow{align-items:start;grid-template-columns:1fr!important}}
