:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#111827;--muted:#657286;--soft:#eef3f6;--line:#d8e0e8;--panel:#fff;--paper:#f7f9fb;--navy:#071827;--navy-2:#0a2435;--teal:#007a78;--teal-dark:#005d5b;--green:#12805c;--amber:#d8831c;--red:#c23b30;--blue:#2563a7;--shadow:0 18px 48px #0f172a14;--radius:8px;font-family:Aptos,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--paper);min-height:100%}body{background:linear-gradient(90deg, #11182709 1px, transparent 1px), linear-gradient(180deg, #11182709 1px, transparent 1px), var(--paper);min-height:100vh;color:var(--ink);background-size:32px 32px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}input{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #c9d4df;border-radius:7px;outline:none;padding:0 12px}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #007a7824}label{color:#26384e;gap:7px;font-size:12px;font-weight:750;display:grid}table{border-collapse:collapse;width:100%;min-width:700px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 12px}th{color:#25364a;background:#f9fbfc;font-size:12px;font-weight:800}td{color:#172237;font-size:13px}.login-screen{background:linear-gradient(130deg, #007a781f, transparent 42%), linear-gradient(320deg, #2563a71f, transparent 46%), var(--paper);place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #d8e0e8f2;gap:20px;padding:28px;display:grid}.brand-mark{color:#f7fffd;letter-spacing:0;background:linear-gradient(145deg,#0b2c3b,#0e514d);border:2px solid #00b6a8;border-radius:8px;place-items:center;width:50px;height:50px;font-weight:900;display:grid}.login-kicker{color:var(--teal-dark);font-size:13px;font-weight:800}.login-panel h1{letter-spacing:0;margin-top:4px;font-size:34px;line-height:1.05}.login-copy{color:var(--muted);margin-top:8px;line-height:1.5}.login-form{gap:14px;display:grid}.inline-error{color:#9f2d25;background:#fff3f2;border:1px solid #ffc3bf;border-radius:7px;align-items:center;gap:9px;min-height:38px;padding:9px 11px;font-size:13px;font-weight:750;display:flex}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg, #007a7838, transparent 30%), var(--navy);color:#e7eef6;grid-template-rows:auto 1fr auto;gap:26px;min-height:100vh;padding:20px 12px;display:grid}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:0 8px 18px;display:flex}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{font-size:16px}.sidebar-brand span{color:#a6b8c9;margin-top:2px;font-size:13px}.nav-list{align-content:start;gap:8px;display:grid}.nav-item{color:#d7e3ee;border-radius:7px;align-items:center;gap:12px;min-height:46px;padding:0 15px;font-weight:760;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#007a7861}.sidebar-footer{border-radius:var(--radius);border:1px solid #ffffff1f;gap:6px;padding:14px;display:grid}.sidebar-footer span,.sidebar-footer small{color:#9db1c3}.sidebar-footer strong{color:#fff}.workspace{min-width:0;padding:22px 26px 32px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding-bottom:18px;display:flex}.topbar h1{color:#0e1726;letter-spacing:0;font-size:clamp(28px,3vw,42px);line-height:1}.topbar p{color:var(--muted);margin-top:8px;font-size:15px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.health-pill{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:12px;min-height:58px;padding:0 16px;display:flex;box-shadow:0 10px 28px #0f172a0a}.health-pill>span{background:var(--green);border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 4px #12805c1f}.health-pill.down>span{background:var(--red);box-shadow:0 0 0 4px #c23b301f}.health-pill small,.metric-card span,.metric-card small,.panel-header p{color:var(--muted)}.health-pill small,.health-pill strong{display:block}.health-pill strong{text-transform:capitalize;margin-top:2px}.button,.icon-text,.icon-button{border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.button,.icon-text{background:var(--teal);color:#fff;min-height:40px;padding:0 15px}.button:hover,.icon-text:hover{background:var(--teal-dark)}.button.full{width:100%}.button.ghost,.icon-text.ghost,.icon-button{border:1px solid var(--line);color:#1f3044;background:#fff}.button.ghost:hover,.icon-text.ghost:hover,.icon-button:hover{background:#f3f7f8}.icon-text.secondary{background:#23364b}.icon-text.secondary:hover{background:#162437}.icon-button{width:34px;height:34px;padding:0}.icon-button.danger{color:var(--red)}.icon-button.subtle{background:0 0;margin-left:auto}.banner{border-radius:var(--radius);border:1px solid;align-items:center;gap:13px;min-height:66px;margin-top:18px;padding:15px 16px;display:flex}.banner strong,.banner span{display:block}.banner span{color:#4a596a;margin-top:3px}.banner.success{color:#0d6f4f;background:#edfff6;border-color:#a7ddc1}.banner.error{color:#9f2d25;background:#fff3f2;border-color:#ffc3bf}.banner.info{color:#1d5f9d;background:#f0f7ff;border-color:#b8d3ef}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.metric-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto 1fr;align-items:center;gap:3px 14px;min-height:116px;padding:16px;display:grid;box-shadow:0 12px 28px #0f172a0b}.metric-icon{color:#fff;border-radius:8px;grid-row:span 3;place-items:center;width:54px;height:54px;display:grid}.metric-icon.teal{background:linear-gradient(145deg,#017d7a,#064f58)}.metric-icon.green{background:linear-gradient(145deg,#16805e,#0c5546)}.metric-icon.amber{background:linear-gradient(145deg,#e09624,#b86212)}.metric-icon.blue{background:linear-gradient(145deg,#2b6dab,#16416e)}.metric-card strong{font-size:28px;line-height:1}.content-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.35fr);align-items:start;gap:14px;margin-top:14px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 28px #0f172a0a}.editor-panel{padding:18px}.table-panel,.delivery-panel{overflow:hidden}.delivery-panel{margin-top:14px}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:14px 18px;display:flex}.editor-panel .panel-header{border-bottom:0;padding:0 0 16px}.panel-header h2{letter-spacing:0;font-size:18px;line-height:1.2}.panel-header p{margin-top:4px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.span-2{grid-column:span 2}.switch-row{align-items:center;gap:10px;width:fit-content;margin-top:14px;font-size:13px;display:flex}.switch-row input{display:none}.switch-row span{background:#cbd5df;border-radius:999px;width:42px;height:22px;transition:background .18s;position:relative}.switch-row span:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0f172a33}.switch-row input:checked+span{background:var(--teal)}.switch-row input:checked+span:after{transform:translate(20px)}.section-label{color:#26384e;justify-content:space-between;align-items:center;margin:18px 0 10px;font-size:13px;font-weight:850;display:flex}.section-label span{color:var(--muted);font-weight:700}.event-grid{grid-template-columns:1fr;gap:9px;display:grid}.check-row{color:#26384e;background:#fbfdfe;border:1px solid #dce4ec;border-radius:7px;align-items:center;gap:9px;min-height:34px;padding:0 10px;font-size:13px;font-weight:700;display:flex}.check-row span{overflow-wrap:anywhere}.check-row input{width:15px;min-height:15px;accent-color:var(--teal)}.form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.table-wrap{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.status-pill{text-transform:capitalize;border-radius:7px;align-items:center;min-height:25px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.success{color:#0b6c46;background:#e7f8ed;border:1px solid #bde8ce}.status-pill.warning{color:#925d0c;background:#fff7e7;border:1px solid #f2d59a}.status-pill.danger{color:#a72e25;background:#fff0ee;border:1px solid #ffc6c0}.status-pill.muted{color:#59687b;background:#edf1f5;border:1px solid #d7e0e8}.row-actions{align-items:center;gap:7px;display:flex}.empty-cell{height:86px;color:var(--muted);text-align:center}.filter-pill{border:1px solid var(--line);color:#25364a;background:#fff;border-radius:7px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:13px;font-weight:760;display:inline-flex}.footer-note{color:var(--muted);align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto;grid-template-columns:1fr;min-height:auto}.nav-list{grid-auto-flow:column;overflow-x:auto}.sidebar-footer{display:none}.workspace{padding:18px 14px 28px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.health-pill{flex:1}.metric-grid,.form-grid,.event-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}}@media (max-width:520px){.login-screen{padding:16px}.login-panel{padding:22px}.sidebar-brand{padding-bottom:14px}.nav-item{min-width:140px}.topbar-actions,.form-actions{flex-direction:column;align-items:stretch}.button,.icon-text{width:100%}}