:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d1110;--surface:#151b1a;--surface-raised:#1b2422;--field:#0f1514;--text:#eef4f1;--muted:#9aa8a2;--muted-strong:#c3cec9;--border:#293431;--border-soft:#222c29;--border-strong:#3a4642;--field-border:#46534f;--accent:#2dd4bf;--accent-strong:#14b8a6;--success-bg:#0f2a24;--success-text:#8ee7d3;--approved-bg:#11301f;--approved-text:#95f0b8;--warning-bg:#2c2412;--warning-text:#f4d58a;--danger-bg:#351814;--danger-border:#7f332b;--danger-text:#ffb4a8;--duplicate-bg:#201f3e;--duplicate-text:#cbc7ff;--missing-border:#fb923c;--missing-ring:#fb923c3d;--preview-bg:#070a0a;color:var(--text);background:var(--page);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f5f7f6;--surface:#fff;--surface-raised:#fff;--field:#f8faf9;--text:#15201d;--muted:#62706b;--muted-strong:#394641;--border:#d8e0dc;--border-soft:#e5ebe8;--border-strong:#c4d0cb;--field-border:#aebbb6;--accent:#0f766e;--accent-strong:#0d9488;--success-bg:#dff8ef;--success-text:#075844;--approved-bg:#dcfce7;--approved-text:#166534;--warning-bg:#fef3c7;--warning-text:#854d0e;--danger-bg:#fee2e2;--danger-border:#fca5a5;--danger-text:#991b1b;--duplicate-bg:#ede9fe;--duplicate-text:#5b21b6;--missing-border:#ea580c;--missing-ring:#ea580c2e;--preview-bg:#eef2f1}*{box-sizing:border-box}body{background:var(--page);margin:0}button,input,select,textarea{background:var(--field);color:var(--text);font:inherit}button,.fileButton,.iconLink{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:8px 12px;text-decoration:none;display:inline-flex}button:hover,.fileButton:hover,.iconLink:hover{border-color:var(--accent)}button:focus-visible,.fileButton:focus-visible,.iconLink:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.spinIcon{flex:none;animation:1s linear infinite spin}.fileButton.disabled,.iconLink.disabled{cursor:not-allowed;opacity:.55}.loginPage{background:linear-gradient(135deg, #2dd4bf29, #22c55e0f 42%, #0d111000 72%), var(--page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginPanel{background:var(--surface-raised);border:1px solid var(--border);gap:18px;width:100%;max-width:440px;padding:28px;display:grid;box-shadow:0 18px 48px #0000005c}.loginMark{background:var(--accent);color:#05201d;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.loginCopy{gap:6px;display:grid}.loginCopy span{color:var(--accent);text-transform:uppercase;font-size:13px;font-weight:700}.loginCopy h1{margin:0;font-size:34px;line-height:1}.loginCopy p{color:var(--muted);margin:0;line-height:1.5}.loginButton{background:var(--accent);border-color:var(--accent);color:#05201d;justify-content:center;min-height:46px}.loginButton.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.loginStatus,.accessBox,.loginError{border:1px solid var(--border);align-items:flex-start;gap:10px;padding:12px;display:flex}.loginStatus{background:var(--success-bg);color:var(--success-text);align-items:center}.accessBox{background:var(--warning-bg);color:var(--warning-text)}.accessBox div{gap:3px;min-width:0;display:grid}.accessBox strong,.accessBox span{overflow-wrap:anywhere}.loginError{background:var(--danger-bg);color:var(--danger-text)}.app{background:var(--page);min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.topbar h1{margin:0;font-size:24px;line-height:1.1}.topbar p{color:var(--muted);margin:4px 0 0}.auth{align-items:center;gap:12px;display:flex;position:relative}.accountMenu{position:relative}.iconButton{aspect-ratio:1;justify-content:center;width:38px;padding:8px}.menuPanel{background:var(--surface-raised);border:1px solid var(--border);z-index:20;gap:8px;width:min(280px,100vw - 24px);min-width:240px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #00000052}.menuEmail{color:var(--muted-strong);overflow-wrap:anywhere;padding:4px 2px 8px;font-size:13px}.menuPanel button{justify-content:flex-start;width:100%}.themeToggle{justify-content:space-between}.themeToggle span{align-items:center;gap:8px;display:inline-flex}.toolbar{align-items:center;gap:10px;padding:14px 24px;display:flex}.fileButton input{display:none}.search{color:var(--muted);align-items:center;gap:8px;margin-left:auto;display:flex}.error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger-text);align-items:center;gap:8px;margin:0 24px 14px;padding:10px 12px;display:flex}.notice{background:var(--success-bg);color:var(--success-text);border:1px solid #2dd4bf5c;align-items:center;gap:8px;margin:0 24px 14px;padding:10px 12px;display:flex}.uploadStatus{background:var(--surface);border:1px solid var(--border);align-items:center;gap:10px;min-width:0;margin:0 24px 14px;padding:10px 12px;display:flex}.uploadStatus.processing,.uploadStatus.uploading{background:var(--warning-bg);color:var(--warning-text)}.uploadStatus.ready{background:var(--success-bg);color:var(--success-text)}.uploadStatus.failed{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.uploadStatus div{gap:2px;min-width:0;display:grid}.uploadStatus strong,.uploadStatus span{overflow-wrap:anywhere}.uploadStatus .iconButton{margin-left:auto}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:360px minmax(0,1fr);gap:16px;min-height:calc(100vh - 132px);padding:0 24px 24px;display:grid}.modalOverlay{z-index:40;background:#00000094;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modalPanel{background:var(--surface);border:1px solid var(--border);width:min(980px,100%);max-width:980px;max-height:min(760px,100vh - 48px);padding:18px;position:relative;overflow:auto;box-shadow:0 24px 72px #0000006b}.modalClose{z-index:1;position:absolute;top:14px;right:14px}.adminPanel{background:var(--surface);border:1px solid var(--border);margin:0 24px 16px;padding:16px}.modalPanel .adminPanel{border:0;margin:0;padding:0}.modalPanel .adminHeader{padding-right:48px}.adminHeader,.adminGrid,.modeSwitch,.pickerActions,.createSheet{align-items:center;gap:12px;display:flex}.adminHeader{justify-content:space-between}.adminHeader h2{margin:0;font-size:18px}.adminHeader p{color:var(--muted);margin:4px 0 0}.adminGrid{align-items:stretch;margin-top:14px}.selectedFolder,.folderPicker{border:1px solid var(--border-soft);gap:8px;padding:12px;display:grid}.selectedFolder{min-width:260px}.selectedFolder span{color:var(--muted);font-size:13px}.folderPicker{flex:1}.createSheet input{border:1px solid var(--field-border);border-radius:6px;width:min(360px,100%);min-height:38px;padding:8px 10px}.pickerActions,.createSheet{flex-wrap:wrap}.modeSwitch .active{background:var(--accent);border-color:var(--accent);color:#05201d}.adminMessage{background:var(--success-bg);color:var(--success-text);margin-top:12px;padding:10px 12px}.queue{background:var(--surface);border:1px solid var(--border);min-height:0}.loadingBlock,.emptyState{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:10px;min-height:160px;padding:18px;display:flex}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.tabs button{text-transform:capitalize;min-height:32px;padding:6px 9px}.tabs .active{background:var(--accent);border-color:var(--accent);color:#05201d}.tabs span{color:inherit;opacity:.72}.receiptListShell{min-height:220px;position:relative}.receiptList{max-height:calc(100vh - 220px);display:grid;overflow:auto}.listOverlay{background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid var(--border);color:var(--muted-strong);z-index:2;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;top:10px;left:10px;right:10px}.receiptRow{border:0;border-bottom:1px solid var(--border-soft);text-align:left;border-radius:0;place-items:flex-start start;gap:4px;min-height:74px;padding:12px;display:grid}.receiptRow strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.receiptRow span{color:var(--muted);font-size:13px}.receiptRow.selected{background:var(--success-bg)}.detail{grid-template-columns:minmax(320px,1fr) 420px;gap:16px;min-width:0;display:grid}.detail.empty{background:var(--surface);border:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;display:flex}.previewPane,.reviewPane{background:var(--surface);border:1px solid var(--border);min-width:0}.previewControls{border-bottom:1px solid var(--border);align-items:center;gap:10px;height:54px;padding:8px 10px;display:flex}.previewControls input{width:180px}.previewSurface{background:var(--preview-bg);justify-content:center;align-items:start;height:calc(100vh - 210px);padding:24px;display:flex;overflow:auto}.previewSurface img,.previewSurface iframe{background:var(--surface);transform-origin:top;border:0;width:100%;max-width:100%;min-height:460px;transition:transform .14s}.reviewPane{flex-direction:column;gap:12px;padding:16px;display:flex;overflow:auto}.detailHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.detailHeader h2{overflow-wrap:anywhere;max-width:270px;margin:0 0 6px;font-size:16px}.status{text-transform:capitalize;border-radius:999px;padding:3px 8px;font-size:12px;display:inline-flex}.status.needs_review,.status.processing{background:var(--warning-bg);color:var(--warning-text)}.status.approved{background:var(--approved-bg);color:var(--approved-text)}.status.failed,.status.rejected{background:var(--danger-bg);color:var(--danger-text)}.status.duplicate{background:var(--duplicate-bg);color:var(--duplicate-text)}.field{gap:6px;display:grid}.field span{color:var(--muted-strong);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--field-border);border-radius:6px;width:100%;min-height:38px;padding:8px 10px}.field textarea{resize:vertical;min-height:86px}.field.missing input,.field.missing select{border-color:var(--missing-border);box-shadow:0 0 0 2px var(--missing-ring)}.formGrid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.actions .approve{background:var(--accent);border-color:var(--accent);color:#05201d;margin-left:auto}@media (width<=1080px){.workspace,.adminPanel,.detail{grid-template-columns:1fr}.receiptList,.previewSurface{height:auto;max-height:none}.reviewPane{min-height:520px}}@media (width<=680px){.topbar,.toolbar,.adminPanel,.workspace{padding-left:12px;padding-right:12px}.topbar,.toolbar{flex-direction:column;align-items:stretch}.auth,.accountMenu{width:100%}.accountMenu{justify-content:flex-end;display:flex}.menuPanel{width:100%;left:0;right:0}.adminHeader,.adminGrid,.modeSwitch,.pickerActions,.createSheet{flex-direction:column;align-items:stretch}.selectedFolder{min-width:0}.search{margin-left:0}.formGrid{grid-template-columns:1fr}}
