:root{--color-canvas:#f2efe8;--color-surface:#fffdf8;--color-ink:#17201d;--color-muted:#5d6762;--color-line:#d7d2c7;--color-accent:#2d5947;--color-accent-contrast:#f7fff9;--color-danger:#8b2f2f;--color-danger-surface:#fff2ef;--color-success:#276749;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Georgia, "Times New Roman", serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:1rem;--shadow-soft:0 1rem 3rem #17201d1a;--content-max:72rem}
*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-canvas)}body{min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at top right, #2d59471f, transparent 32rem), var(--color-canvas);font-family:var(--font-sans);margin:0}a{color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-accent) 70%, white);outline-offset:3px}button,input,textarea,select{font:inherit}::selection{color:var(--color-accent-contrast);background:var(--color-accent)}.button{min-height:2.75rem;padding:var(--space-3) var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-accent)}.button:disabled{cursor:wait;opacity:.65}.button-primary{border-color:var(--color-accent);color:var(--color-accent-contrast);background:var(--color-accent)}.button-danger{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-surface)}.auth-shell{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.auth-card{width:min(100%,28rem);padding:clamp(var(--space-6), 6vw, var(--space-12));border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-soft)}.auth-card h1,.page-stack h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,6vw,3.5rem);font-weight:500}.eyebrow{margin:0 0 var(--space-2);color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.muted{color:var(--color-muted);line-height:1.6}.form-stack{gap:var(--space-4);margin-top:var(--space-6);display:grid}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-2);display:grid}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:2.75rem;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);color:var(--color-ink);background:#fff}.field textarea{resize:vertical}.field-error,.form-error{color:var(--color-danger)}.form-error{padding:var(--space-3);border:1px solid color-mix(in srgb, var(--color-danger) 35%, white);border-radius:var(--radius-sm);background:var(--color-danger-surface)}.field-hint{color:var(--color-muted);font-size:.875rem}.studio-shell{min-height:100vh}.studio-header{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.5rem;padding:var(--space-3) max(var(--space-4), calc((100vw - var(--content-max)) / 2));border-bottom:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface) 94%, transparent);display:flex}.studio-brand{text-decoration:none;display:grid}.studio-brand span{color:var(--color-muted);font-size:.75rem}.studio-header nav{align-items:center;gap:var(--space-4);display:flex}.link-button{color:var(--color-ink);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.studio-content{width:min(100% - 2rem, var(--content-max));padding-block:clamp(var(--space-6), 6vw, var(--space-12));margin-inline:auto}.page-stack{gap:var(--space-6);display:grid}.narrow-page{width:min(100%,46rem);margin-inline:auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.back-link{width:fit-content;color:var(--color-muted)}.view-switch{gap:var(--space-2);border-bottom:1px solid var(--color-line);display:flex}.view-switch a{padding:var(--space-3) var(--space-4);text-decoration:none}.view-switch a[aria-current=page]{border-bottom:3px solid var(--color-accent);color:var(--color-accent);font-weight:700}.client-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.client-list a{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);text-decoration:none;display:flex}.client-list a:hover{border-color:var(--color-accent)}.client-list strong,.client-list small{display:block}.client-list small{margin-top:var(--space-1);color:var(--color-muted)}.status{width:fit-content;padding:var(--space-1) var(--space-2);border-radius:999px;font-size:.8rem;font-weight:800;display:inline-flex}.status-active{color:var(--color-success);background:#e9f6ee}.status-archived{color:var(--color-muted);background:#e9e7e1}.empty-state,.loading-state{padding:clamp(var(--space-6), 7vw, var(--space-12));border:1px dashed var(--color-line);border-radius:var(--radius-md);text-align:center;background:color-mix(in srgb, var(--color-surface) 70%, transparent)}.detail-list{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-line);gap:1px;margin:0;display:grid;overflow:hidden}.detail-list div{padding:var(--space-4);background:var(--color-surface)}.detail-list dt{color:var(--color-muted);text-transform:uppercase;font-size:.8rem;font-weight:700}.detail-list dd{margin:var(--space-2) 0 0;white-space:pre-wrap}.danger-zone{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid color-mix(in srgb, var(--color-danger) 30%, white);border-radius:var(--radius-sm);background:var(--color-danger-surface);display:flex}.danger-zone h2,.danger-zone p{margin:0}.danger-zone p{margin-top:var(--space-1);color:var(--color-muted)}@media (max-width:36rem){.form-grid{grid-template-columns:1fr}.studio-header,.page-header,.danger-zone{flex-direction:column;align-items:stretch}.studio-header nav{justify-content:space-between}.studio-content{width:min(100% - 1rem, var(--content-max))}.client-list a{flex-direction:column;align-items:flex-start}}