:root{color-scheme:dark;--bg: #0b0f1a;--surface: rgba(255, 255, 255, .04);--surface-hover: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--text: #e6eaf2;--text-muted: #9aa5b8;--accent: #6ea8fe;--accent-alt: #8f7bff;--danger: #ff8293}html{height:100%}body{margin:0;min-height:100%;background:radial-gradient(55rem 28rem at 85% -10%,rgba(110,168,254,.14),transparent 60%),radial-gradient(45rem 24rem at -10% 35%,rgba(143,123,255,.1),transparent 55%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{width:min(100% - 2rem,58rem);margin-inline:auto;padding-block:2.5rem 3rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.page-header h1{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);letter-spacing:-.03em}.subtitle{margin:.375rem 0 0;color:var(--text-muted);font-size:.95rem}.count-badge{padding:.375rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.875rem;font-variant-numeric:tabular-nums}.state{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:3rem 1.5rem;border:1px dashed var(--border);border-radius:16px;background:var(--surface);text-align:center}.state h2{margin:0;font-size:1.1rem}.state p,.state .state-message{margin:0;color:var(--text-muted);font-size:.925rem}.state--error{border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.spinner{width:1.75rem;height:1.75rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry{margin-top:.5rem;padding:.5rem 1rem;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s ease}.retry:hover{background:color-mix(in srgb,var(--accent) 26%,transparent)}.status{--chip: var(--text-muted);padding:.25rem .625rem;border-radius:999px;background:color-mix(in srgb,var(--chip) 15%,transparent);color:var(--chip);font-size:.75rem;font-weight:600;white-space:nowrap}.status--open{--chip: #7cb8ff}.status--progress{--chip: #ffc861}.status--offer{--chip: #c4a1ff}.status--invoice{--chip: #5fd7e8}.status--done{--chip: #5ee1a4}.status--cancelled{--chip: #ff8293}@media(max-width:30rem){.page-header{flex-direction:column}}