:root{--bg: #ffffff;--panel: #ffffff;--panel-2: #f4f7fa;--line: #d7e0e8;--text: #15202b;--muted: #5b6f80;--accent: #2563eb;--accent-2: #c98a12;--danger: #d64545;--ok: #1f8f4e;--shadow: 0 8px 24px rgba(21, 32, 43, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;min-height:100vh;grid-template-columns:248px 1fr;background:#f4f7fb}.nav{padding:22px 14px 16px;border-right:0;background:#0c2340;color:#fff;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;margin-bottom:22px;color:#fff}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#ffffff29;font-size:16px}.nav-links{display:grid;gap:4px}.nav-label{margin:18px 12px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff9e}.nav a,.nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;color:#ffffffeb;padding:11px 14px;border-radius:12px;font-weight:600;font-size:14px}.nav a.active,.nav a:hover{background:#16365c;color:#fff}.nav svg{flex:none}.nav-footer{margin-top:auto;padding-top:16px}.nav-user{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:#ffffff1f;margin-bottom:8px}.nav-user strong{display:block;font-size:14px}.nav-user .muted,.nav .muted{color:#ffffffbf;font-size:12px}.avatar{width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#d7e3f0;color:#0c2340;font-weight:800;font-size:13px;flex:none}.main{padding:28px 32px;background:#f4f7fb}.dash-kpis{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:center;text-decoration:none;border-radius:18px;box-shadow:0 8px 24px #1e40780f}.kpi-icon{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;grid-row:span 2;color:#fff}.kpi-icon.blue{background:#3b82f6}.kpi-icon.green{background:#22c55e}.kpi-icon.purple{background:#8b5cf6}.kpi-icon.orange{background:#f59e0b}.kpi-label{color:#64748b;font-size:13px;font-weight:600}.kpi-value{font-size:30px;font-weight:800;line-height:1.1;color:#0f172a}.dash-table{width:100%;border-collapse:collapse}.dash-table th{text-align:left;font-size:12px;color:#94a3b8;font-weight:600;padding:8px 8px 10px}.dash-table td{padding:10px 8px;border-top:1px solid #eef2f6;vertical-align:middle}.person{display:flex;align-items:center;gap:10px;font-weight:650}.person .avatar{width:32px;height:32px;font-size:12px}.status-pill{display:inline-flex;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:#e8f8ee;color:#16a34a}.status-pill.travel{background:#e8f1ff;color:#2563eb}.status-pill.break{background:#fff4e5;color:#d97706}.status-pill.hold{background:#f1f5f9;color:#64748b}.lead-row{display:flex;align-items:center;gap:10px}.lead-main{flex:1;min-width:0}.lead-main strong,.lead-main span{display:block}.outline-btn{border:1px solid #dbe3ee;background:#fff;color:#334155;border-radius:999px;padding:6px 12px;font-weight:650;font-size:13px}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid #e6edf5;background:#fff;display:grid;place-items:center;color:#334155;position:relative}.date-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6edf5;background:#fff;border-radius:12px;padding:8px 12px;font-weight:650;color:#334155}.export-btn{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border:0;border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer}.empty-panel{min-height:120px;display:grid;place-items:center;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:12px}.dash-split{display:grid;gap:16px;grid-template-columns:1.45fr .9fr;align-items:start}.main>.chip{margin-bottom:14px}.page-title{margin:0 0 18px;font-size:28px}.page-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.page-head .page-title{margin-bottom:0}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-grid .wide{grid-column:1 / -1}h2,h3{margin:0}.grid{display:grid;gap:14px}.cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card{background:var(--panel);border:1px solid #e8eef5;border-radius:18px;padding:18px;box-shadow:0 8px 24px #1e40780d}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:12px;background:var(--panel-2)}.chip.ok{background:#e7f6ec;color:var(--ok)}.chip.warn{background:#fff4dc;color:#8a6408}.chip.bad{background:#fde8e8;color:var(--danger)}.btn{border:0;border-radius:12px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.btn.secondary{background:var(--panel-2);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.field{display:grid;gap:6px}input,select,textarea{background:#fff;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:10px 12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login .card{width:min(420px,100%)}.columns{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal-backdrop{position:fixed;inset:0;background:#15202b59;display:grid;place-items:center;padding:12px;z-index:50}.modal-dialog{width:min(480px,100%);max-height:calc(100vh - 24px);overflow:auto;padding:10px;gap:8px;box-shadow:var(--shadow)}.modal-dialog.card{padding:10px}.modal-dialog .grid,.modal-dialog .form-grid{gap:8px}.modal-dialog .field{gap:4px}.modal-dialog .page-head{gap:8px;margin:0}.modal-dialog .page-title{margin:0}.modal-dialog input,.modal-dialog select,.modal-dialog textarea{padding:7px 10px}.modal-dialog .card{padding:8px;box-shadow:none}.modal-dialog .btn{padding:8px 12px}.modal-dialog .muted{margin:0}.modal-dialog-wide{width:min(960px,100%)}.dispatch-board{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}.dispatch-lane{min-height:180px}@media(max-width:960px){.dash-kpis,.dash-split{grid-template-columns:1fr}.dash-row{grid-template-columns:1fr 1fr}}@media(max-width:800px){.app-shell{grid-template-columns:1fr}.nav{min-height:auto;display:flex;gap:8px;overflow:auto}.nav-links{display:flex}.nav a,.nav button{width:auto;white-space:nowrap}.nav-footer,.nav-label{display:none}.main{padding:16px}}