:root{--als-yellow: #FFC107;--als-yellow-dim: rgba(255, 193, 7, .12);--als-yellow-border: rgba(255, 193, 7, .22);--als-dark: oklch(10% .015 260);--als-dark-surface: oklch(14% .015 260);--als-dark-surface-2: oklch(17% .015 260);--als-dark-border: oklch(22% .015 260);--als-text: #f0eeea;--als-muted: oklch(65% .01 260);--als-muted-dim: oklch(42% .01 260);--als-light-bg: #f5f4f0;--als-light-surface: #ffffff;--als-light-surface-2: #f0eeea;--als-light-border: #e2e0db;--als-light-text: oklch(10% .015 260);--als-light-muted: oklch(52% .01 260);--als-font: "DM Sans", system-ui, sans-serif;--als-font-mono: "DM Mono", "Fira Mono", monospace;font-family:var(--als-font);line-height:1.5;color-scheme:dark light}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--als-dark);color:var(--als-text);font-family:var(--als-font);font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.light,:root.light,body.light{background-color:var(--als-light-bg);color:var(--als-light-text)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title{font-family:var(--als-font);font-size:20px;font-weight:700;margin:0;color:var(--als-text)}.light .page-title{color:var(--als-light-text)}.btn-primary{background:var(--als-yellow);color:var(--als-dark);font-weight:600;font-size:12px;padding:7px 14px;border-radius:6px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease}.btn-primary:hover{background:#ffce3a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff0a;color:var(--als-muted);border:1px solid var(--als-dark-border);font-weight:500;font-size:12px;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.btn-secondary:hover{background:#ffffff14;color:var(--als-text)}.btn-icon{width:28px;height:28px;border-radius:6px;border:1px solid var(--als-dark-border);background:#ffffff0a;color:var(--als-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#ffffff14;color:var(--als-text)}.input{background:var(--als-dark-surface);border:1px solid var(--als-dark-border);color:var(--als-text);font-size:12px;padding:7px 10px;border-radius:6px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--als-yellow);box-shadow:0 0 0 2px var(--als-yellow-dim)}.select{background:var(--als-dark-surface);border:1px solid var(--als-dark-border);color:var(--als-text);font-size:12px;padding:7px 30px 7px 10px;border-radius:6px;outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f0eeea' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.light .select{background:var(--als-light-surface);border-color:var(--als-light-border);color:var(--als-light-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23101112' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}.select:focus{border-color:var(--als-yellow);box-shadow:0 0 0 2px var(--als-yellow-dim)}.form-group{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.form-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--als-muted)}.light .form-label{color:var(--als-light-muted)}.panel{background:var(--als-dark-surface);border:1px solid var(--als-dark-border);border-radius:10px;overflow:hidden}.panel-header{padding:11px 16px;font-size:12px;font-weight:600;border-bottom:1px solid var(--als-dark-border);display:flex;justify-content:space-between;align-items:center}.panel-body{padding:14px 16px}.stat{border-radius:10px;padding:14px;border:1px solid var(--als-dark-border);background:var(--als-dark-surface)}.stat-label{font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--als-muted)}.stat-value{font-family:var(--als-font-mono);font-size:30px;color:var(--als-text)}.table-wrap{border:1px solid var(--als-dark-border);border-radius:8px;overflow:hidden}.table{width:100%;border-collapse:collapse;text-align:left}.table thead{background:var(--als-dark-surface-2)}.table th{padding:9px 12px;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--als-muted);border:none}.table td{padding:9px 12px;font-size:12px;border-top:1px solid var(--als-dark-border);color:var(--als-text);vertical-align:middle}.table td.mono{font-family:var(--als-font-mono);font-size:11px}.badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:20px;border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center}.badge.ready{color:var(--als-yellow);background:var(--als-yellow-dim)}.badge.ok{color:#4ade80;background:#64c8781f}.badge.transit{color:#60a5fa;background:#64a0ff1f}.badge.risk{color:#f87171;background:#ff64501f}.badge.complete{color:#9ca3af;background:#9696961f}.tab{font-size:12px;font-weight:500;padding:4px 11px;border-radius:5px;color:var(--als-muted);text-decoration:none;transition:all .15s ease}.tab:hover{color:var(--als-text);background:#ffffff0a}.tab.active{background:var(--als-yellow);color:var(--als-dark);font-weight:600}.checkbox-container{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.checkbox-input{appearance:none;width:16px;height:16px;border:1px solid var(--als-dark-border);border-radius:4px;background:var(--als-dark-surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease;outline:none}.checkbox-input:checked{background:var(--als-yellow);border-color:var(--als-yellow)}.checkbox-input:checked:after{content:"";display:block;width:4px;height:8px;border:solid var(--als-dark);border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:1px}.checkbox-input:focus{border-color:var(--als-yellow);box-shadow:0 0 0 2px var(--als-yellow-dim)}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-overlay.open{opacity:1;visibility:visible}.drawer-content{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--als-dark-surface);border-left:1px solid var(--als-dark-border);box-shadow:none;z-index:1001;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;color:var(--als-text)}.drawer-overlay.open .drawer-content{transform:translate(0)}.drawer-header{padding:16px 20px;border-bottom:1px solid var(--als-dark-border);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:14px;font-weight:600;margin:0}.drawer-body{padding:20px;flex-grow:1;overflow-y:auto}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:12px 20px;border-bottom:1px solid var(--als-dark-border);background:var(--als-dark-surface);position:sticky;top:0;z-index:100}.app-main{flex-grow:1;padding:16px 20px}.app-footer{padding:8px 20px;border-top:1px solid var(--als-dark-border);background:var(--als-dark-surface-2);color:var(--als-muted-dim);font-size:11px}.light .panel{background:var(--als-light-surface);border-color:var(--als-light-border)}.light .panel-header{border-bottom-color:var(--als-light-border)}.light .table-wrap{border-color:var(--als-light-border)}.light .table thead{background:var(--als-light-surface-2)}.light .table td{border-top-color:var(--als-light-border);color:var(--als-light-text)}.light .table th{color:var(--als-light-muted)}.light .input{background:var(--als-light-surface);border-color:var(--als-light-border);color:var(--als-light-text)}.light .btn-secondary{background:#00000005;color:var(--als-light-muted);border-color:var(--als-light-border)}.light .btn-secondary:hover{background:#0000000a;color:var(--als-light-text)}.light .btn-icon{background:#00000005;border-color:var(--als-light-border);color:var(--als-light-muted)}.light .btn-icon:hover{background:#0000000a;color:var(--als-light-text)}.light .checkbox-input{border-color:var(--als-light-border);background:var(--als-light-surface)}.light .checkbox-input:checked{background:var(--als-light-text);border-color:var(--als-light-text)}.light .checkbox-input:checked:after{border-color:#fff}.light .badge.ready{color:#b45309;background:#fff8e1}.light .badge.ok{color:#15803d;background:#f0fdf4}.light .badge.transit{color:#1d4ed8;background:#eff6ff}.light .badge.risk{color:#b91c1c;background:#fef2f2}.light .badge.complete{color:#6b7280;background:#f9fafb}.light .tab:hover{color:var(--als-light-text);background:#00000005}.light .tab.active{background:var(--als-light-text);color:#fff}.light .drawer-content{background:var(--als-light-surface);border-left-color:var(--als-light-border);color:var(--als-light-text)}.light .drawer-header{border-bottom-color:var(--als-light-border)}.light .app-header{background:var(--als-light-surface);border-bottom-color:var(--als-light-border)}.light .app-footer{border-top-color:var(--als-light-border);background:var(--als-light-surface-2);color:var(--als-light-muted)}@media print{html,body{padding:0;margin:0}.hideOnPrint{display:none}.fourBySix{width:4in;height:6in;break-after:auto}}