:root{--color-paper:#f4f5f7;--color-paper-elevated:#fff;--color-paper-hover:#ebecf0;--color-paper-active:#deebff;--color-paper-dark:#1d2125;--color-paper-dark-hover:#2c333a;--color-ink:#172b4d;--color-ink-muted:#626f86;--color-ink-faint:#8993a5;--color-ink-inverse:#fff;--color-border:#dfe1e6;--color-border-subtle:#ebecf0;--color-border-bright:#0052cc;--color-input-border:#8590a2;--color-accent:#0052cc;--color-accent-hover:#0065ff;--color-accent-active:#0747a6;--color-accent-ink:#fff;--color-accent-glow:#0052cc2e;--color-focus:#4c9aff;--color-emerald:#36b37e;--color-amber:#ffab00;--color-rose:#e34935;--color-violet:#6554c0;--color-cyan:#00b8d9;--color-crimson:var(--color-rose);--bg-dark-base:var(--color-paper);--bg-dark-surface:var(--color-paper-elevated);--bg-dark-elevated:var(--color-paper-hover);--bg-dark-overlay:#091e428a;--surface-primary:var(--color-paper-elevated);--surface-secondary:var(--color-paper);--surface-tertiary:var(--color-paper-hover);--surface-hover:var(--color-paper-hover);--surface-active:var(--color-paper-active);--glass-bg:var(--color-paper-elevated);--glass-bg-hover:var(--color-paper-hover);--glass-border:var(--color-border);--glass-border-glow:var(--color-border-bright);--glass-backdrop-filter:none;--glass-shadow:0 1px 1px #091e4240, 0 0 1px #091e424f;--accent-cyan:var(--color-cyan);--accent-cyan-glow:#00b8d933;--accent-blue:var(--color-accent);--accent-purple:var(--color-violet);--accent-emerald:var(--color-emerald);--accent-amber:var(--color-amber);--accent-rose:var(--color-rose);--priority-urgent:#e34935;--priority-high:#ff7452;--priority-medium:#ffab00;--priority-low:#0065ff;--status-backlog:#626f86;--status-todo:#42526e;--status-in-progress:#0052cc;--status-in-review:#6554c0;--status-done:#36b37e;--status-canceled:#8993a5;--text-primary:var(--color-ink);--text-secondary:var(--color-ink-muted);--text-muted:var(--color-ink-faint);--text-highlight:var(--color-accent);--border-subtle:var(--color-border-subtle);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-heading:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, Consolas, monospace;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--radius-xs:3px;--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:9999px;--radius-full:9999px;--shadow-e100:0 1px 1px #091e4240, 0 0 1px #091e424f;--shadow-e200:0 3px 5px #091e4233, 0 0 1px #091e424f;--shadow-e300:0 10px 18px #091e4226, 0 0 1px #091e424f;--shadow-e400:0 18px 28px #091e4226, 0 0 1px #091e424f;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out);--transition-normal:.22s var(--ease-out);--transition-slow:.35s var(--ease-out)}[data-theme=dark]{--color-paper:#161a1d;--color-paper-elevated:#1d2125;--color-paper-hover:#2c333a;--color-paper-active:#1c2b41;--color-paper-dark:#1d2125;--color-paper-dark-hover:#2c333a;--color-ink:#b6c2cf;--color-ink-muted:#9fadbc;--color-ink-faint:#8c9bab;--color-ink-inverse:#172b4d;--color-border:#444d56;--color-border-subtle:#2c333a;--color-border-bright:#579dff;--color-input-border:#596773;--color-accent:#579dff;--color-accent-hover:#85b8ff;--color-accent-active:#2684ff;--color-accent-ink:#0d1424;--color-accent-glow:#579dff4d;--color-focus:#2684ff;--color-emerald:#57d9a3;--color-amber:#e2b203;--color-rose:#fd9891;--color-violet:#9f8fef;--color-cyan:#6cc3e0;--bg-dark-overlay:#091e42b3;--accent-cyan-glow:#6cc3e040;--priority-urgent:#fd9891;--priority-high:#fea362;--priority-medium:#e2b203;--priority-low:#85b8ff;--status-backlog:#738496;--status-todo:#8c9bab;--status-in-progress:#579dff;--status-in-review:#9f8fef;--status-done:#57d9a3;--status-canceled:#738496;--shadow-e100:0 1px 1px #0006, 0 0 1px #00000080;--shadow-e200:0 3px 5px #00000073, 0 0 1px #00000080;--shadow-e300:0 10px 18px #00000080, 0 0 1px #00000080;--shadow-e400:0 18px 28px #0000008c, 0 0 1px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-paper);width:100%;height:100%;color:var(--color-ink);font-family:var(--font-sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.42857;overflow-x:clip}#root{flex-direction:column;width:100%;min-height:100vh;max-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-ink);letter-spacing:-.022em;overflow-wrap:anywhere;min-width:0;font-weight:700;line-height:1.2;font-style:normal!important}h1{letter-spacing:-.025em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.02em;font-size:1.35rem;font-weight:600}h3{letter-spacing:-.015em;font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}h5{font-size:.85rem;font-weight:600}h6{text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-muted);font-size:.75rem;font-weight:600}p{color:var(--color-ink-muted)}a{color:var(--color-accent);transition:color var(--transition-fast);font-weight:500;text-decoration:none}a:hover{color:var(--color-accent-hover)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.88em}:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-faint)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-fast) forwards}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-3xs)}.gap-2{gap:var(--space-2xs)}.gap-3{gap:var(--space-xs)}.gap-4{gap:var(--space-sm)}.gap-6{gap:var(--space-md)}.flex-1{flex:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.glass-panel{background:var(--color-paper-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xs);box-shadow:none}.glass-card{background:var(--color-paper-elevated);border-radius:var(--radius-xs);padding:var(--space-sm);box-shadow:var(--shadow-e100);transition:box-shadow var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000}.glass-card:hover{box-shadow:var(--shadow-e200)}.btn{justify-content:center;align-items:center;gap:var(--space-2xs);font-family:var(--font-sans);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;padding:.35rem .75rem;font-size:.83rem;font-weight:500;line-height:1.2;display:inline-flex;position:relative}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink);border-color:#0000}.btn-primary:hover,.btn-primary.is-hover{background:var(--color-accent-hover)}.btn-primary:active,.btn-primary.is-active{background:var(--color-accent-active)}.btn-secondary{color:var(--color-ink);background:#091e420a;border-color:#0000}.btn-secondary:hover,.btn-secondary.is-hover{color:var(--color-ink);background:#091e4214}.btn-secondary:active,.btn-secondary.is-active{background:#091e4221}.btn-ghost{color:var(--color-ink-muted);background:0 0;border-color:#0000}.btn-ghost:hover,.btn-ghost.is-hover{color:var(--color-ink);background:#091e4214}.btn-danger{background:var(--color-rose);color:#fff;border-color:#0000}.btn-danger:hover,.btn-danger.is-hover{background:#c9372c}.btn:disabled,.btn.is-disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.btn[data-state=loading],.btn.is-loading{pointer-events:none;opacity:.7}.btn[data-state=error]{background:var(--color-rose);color:#fff}.btn[data-state=success]{background:var(--color-emerald);color:#fff}.badge{align-items:center;gap:var(--space-3xs);font-family:var(--font-sans);border-radius:var(--radius-xs);letter-spacing:-.004em;border:1px solid #0000;padding:.14rem .45rem;font-size:.72rem;font-weight:500;line-height:1.4;display:inline-flex}.badge-blue,.badge-cyan{color:var(--color-accent);background:#0052cc1a}.badge-purple{color:var(--color-violet);background:#6554c01a}.badge-emerald{color:#00875a;background:#36b37e1f}.badge-amber{color:#b38600;background:#ffab0024}.badge-rose{color:var(--color-rose);background:#e349351a}.input-field{background:var(--color-paper-elevated);border:1px solid var(--color-input-border);border-radius:var(--radius-xs);width:100%;color:var(--color-ink);font-family:var(--font-sans);transition:background-color var(--transition-fast), border-color var(--transition-fast);padding:.4rem .6rem;font-size:.84rem}.input-field:hover{background:var(--color-paper-hover)}.input-field:focus{background:var(--color-paper-elevated);border-color:var(--color-focus);box-shadow:none;outline:none}.input-field:disabled{opacity:.6;cursor:not-allowed;background:var(--color-paper-hover)}.input-field::placeholder{color:var(--color-ink-faint)}.modal-overlay{background:var(--bg-dark-overlay);z-index:1000;animation:fadeIn var(--transition-fast) forwards;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-paper-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xs);padding:var(--space-md);width:90%;max-width:580px;box-shadow:var(--shadow-e400)}.skeleton{background:linear-gradient(90deg, var(--color-paper-hover) 25%, var(--color-paper) 50%, var(--color-paper-hover) 75%);border-radius:var(--radius-xs);background-size:200% 100%;animation:1.5s infinite shimmer}.filter-pill{background-color:var(--color-paper-elevated);border:1px solid var(--color-input-border);border-radius:var(--radius-xs);color:var(--color-ink);align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.8rem;display:flex}.filter-pill:hover{background-color:var(--color-paper-hover)}[data-theme=dark] .btn-secondary{color:var(--color-ink);background:#ffffff14}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-secondary.is-hover{color:var(--color-ink);background:#ffffff24}[data-theme=dark] .btn-secondary:active,[data-theme=dark] .btn-secondary.is-active{background:#ffffff30}[data-theme=dark] .btn-ghost:hover,[data-theme=dark] .btn-ghost.is-hover{background:#ffffff14}[data-theme=dark] .btn-danger:hover,[data-theme=dark] .btn-danger.is-hover{background:#c9372c}[data-theme=dark] .badge-blue,[data-theme=dark] .badge-cyan{color:var(--color-accent);background:#579dff2e}[data-theme=dark] .badge-purple{color:var(--color-violet);background:#9f8fef2e}[data-theme=dark] .badge-emerald{color:#57d9a3;background:#57d9a326}[data-theme=dark] .badge-amber{color:#e2b203;background:#e2b20329}[data-theme=dark] .badge-rose{color:#fd9891;background:#fd989129}
