:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0a0f;--card:#0f0f14;--sidebar-background:#13131b;--foreground:#fff;--muted-foreground:#a1a1aa;--border:#202027;--input:#25252d;--primary:#8b5cf6;--primary-dark:#6d28d9;--secondary:#14b8a6;--destructive:#dc2828;font-family:system-ui,-apple-system,sans-serif}body{background:var(--background);color:var(--foreground);margin:0}.page{max-width:480px;margin:4rem auto;padding:0 1.5rem}.subtitle{color:var(--muted-foreground);margin-top:-.5rem}.error{color:var(--destructive);font-size:.875rem}.muted{color:var(--muted-foreground);font-size:.875rem}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-background);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:.25rem;width:220px;padding:1.5rem 1rem;display:flex}.brand{color:inherit;margin-bottom:1.5rem;text-decoration:none}.brand-mark{align-items:center;gap:.5rem;display:flex}.brand-mark-logo{object-fit:contain;flex-shrink:0;width:2.25rem;height:2.25rem}.brand-wordmark{font-size:1.05rem}.brand-wordmark-bold{font-weight:700}.brand-wordmark-light{color:var(--muted-foreground);font-weight:300}.nav-heading{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin:.75rem 0 .25rem;font-size:.75rem}.nav-link{color:var(--foreground);border-radius:6px;padding:.4rem .5rem;text-decoration:none}.nav-link:hover{background:var(--input)}.nav-link-muted{color:var(--muted-foreground);margin-top:1rem}.content{flex:1;max-width:900px;padding:2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;margin:1rem 0;padding:1.5rem;display:flex}.inline-form{flex-direction:row;align-items:center}.field-row{flex-direction:column;gap:.25rem;display:flex}label{color:var(--muted-foreground);font-size:.875rem}input,select,textarea{background:var(--background);border:1px solid var(--border);color:inherit;border-radius:8px;padding:.6rem .75rem;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}input[type=checkbox]{width:auto}button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-size:1rem;transition:background-color .2s}button:hover:not(:disabled){background:var(--primary-dark)}button.danger{color:var(--destructive);background:0 0;padding:.2rem .5rem}button.danger:hover:not(:disabled){opacity:.8;background:0 0}button.secondary{background:var(--border)}button.secondary:hover:not(:disabled){background:var(--input)}button:disabled{opacity:.4;cursor:default}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0;display:grid}.stat-card{gap:.25rem}.stat-value{color:var(--secondary);font-size:1.75rem}.stat-breakdown-row{justify-content:space-between;font-size:.9rem;display:flex}.list{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.list-row{background:var(--card);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.row-actions{align-items:center;gap:.75rem;display:flex}.table{border-collapse:collapse;width:100%;margin-top:1rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}.table th{color:var(--muted-foreground);font-size:.875rem;font-weight:500}
