:root{--ink:#0f2b46;--ink-soft:#4a5c70;--muted:#8a94a6;--line:#e3e7ec;--bg:#f5f6f8;--card:#fff;--accent:#0f2b46;--ok:#0f7b52;--ok-bg:#e7f5ee;--warn:#9a5b00;--warn-bg:#fdf1de;--busy:#1d4ed8;--busy-bg:#e8eefc;--bad:#a12525;--bad-bg:#fdecec;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--ink)}h1,h2,h3{margin:0 0 12px;line-height:1.25}h1{letter-spacing:-.01em;font-size:24px}h2{font-size:18px}h3{font-size:15px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px}.shell{min-height:100vh;display:flex}.side{background:var(--ink);color:#cfd8e3;flex-direction:column;flex:0 0 232px;gap:22px;width:232px;padding:22px 16px;display:flex}.side .brand{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.side .brand span{color:#8fa3bb;font-size:12px;font-weight:400;display:block}.side nav{flex-direction:column;gap:2px;display:flex}.side nav a{color:#cfd8e3;border-radius:7px;justify-content:space-between;gap:8px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.side nav a:hover{color:#fff;background:#ffffff14}.side nav a.on{color:#fff;background:#ffffff24;font-weight:600}.side nav .group{text-transform:uppercase;letter-spacing:.08em;color:#6d829c;margin:14px 0 4px 10px;font-size:11px}.side .pill{background:#ffffff2e;border-radius:999px;padding:0 7px;font-size:12px}.side .foot{color:#8fa3bb;margin-top:auto;font-size:12px}.side .foot form{margin-top:8px}.side .foot button{color:#cfd8e3;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:7px;padding:6px 12px;font-size:13px}.side .foot button:hover{background:#ffffff1a}.main{flex:1;min-width:0;padding:28px 32px 64px}.main>header{margin-bottom:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card+.card{margin-top:16px}.card>h2:first-child,.card>h3:first-child{margin-top:0}.grid{gap:16px;display:grid}.grid.k2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.k3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.k4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:980px){.grid.k3,.grid.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.grid.k2,.grid.k3,.grid.k4{grid-template-columns:1fr}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat b{letter-spacing:-.02em;font-size:28px;display:block}.stat span{color:var(--muted);font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--line);padding:0 12px 8px 0;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 12px 11px 0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}td .sub{color:var(--muted);font-size:12.5px}.tag{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.tag.pending{background:var(--warn-bg);color:var(--warn)}.tag.dispatched{background:var(--busy-bg);color:var(--busy)}.tag.confirmed{background:var(--ok-bg);color:var(--ok)}.tag.cancelled{background:var(--bad-bg);color:var(--bad)}.tag.neutral{color:var(--ink-soft);background:#eef1f5}label{color:var(--ink-soft);margin-bottom:5px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 11px;font-size:14px}input:focus,select:focus,textarea:focus{outline-offset:0;border-color:#b9c9dc;outline:2px solid #b9c9dc}textarea{resize:vertical;min-height:80px}.field{margin-bottom:14px}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:180px}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}button:hover,.btn:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:not-allowed;filter:none}button.ghost,.btn.ghost{color:var(--ink);border-color:var(--line);background:#fff}button.ghost:hover,.btn.ghost:hover{filter:none;background:#f5f6f8}button.danger{background:var(--bad);border-color:var(--bad)}.note{color:var(--muted);font-size:13px}.error{background:var(--bad-bg);color:var(--bad);border-radius:8px;margin-bottom:14px;padding:10px 13px;font-size:14px}.success{background:var(--ok-bg);color:var(--ok);border-radius:8px;margin-bottom:14px;padding:10px 13px;font-size:14px}.empty{text-align:center;color:var(--muted);padding:42px 20px}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--line);padding:10px 0 10px 16px;font-size:14px;position:relative}.timeline li:before{content:"";background:#c3cbd6;border-radius:50%;width:8px;height:8px;position:absolute;top:16px;left:-5px}.timeline li:last-child:before{background:var(--accent)}.timeline .who{font-weight:600}.timeline .when{color:var(--muted);font-size:12px}