:root{--bg:#f6f7f4;--surface:#fbfcf8;--surface-muted:#eef1ea;--border:#dfe4d8;--border-strong:#c8d0bf;--fg:#171a15;--fg-muted:#687062;--primary:#255f4b;--primary-fg:#f8fbf5;--danger:#a23d35;--success:#2f6b47;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 10px 30px #1a21160f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}.button{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;min-height:40px;padding:0 16px;font-weight:700;transition:background-color .18s ease-out,border-color .18s ease-out,color .18s ease-out}.button:disabled{cursor:not-allowed;opacity:.72}.button-primary{background:var(--primary);color:var(--primary-fg)}.button-secondary{border-color:var(--border);color:var(--fg);background:0 0}.kicker{color:var(--fg-muted);text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.auth-page{grid-template-columns:minmax(0,1fr) 420px;gap:64px;width:min(1040px,100% - 48px);margin:0 auto;padding:96px 0;display:grid}.auth-copy h1,.topbar h1{letter-spacing:0;margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.08}.auth-copy p{max-width:54ch;color:var(--fg-muted);line-height:1.7}.auth-form,.create-panel,.list-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-form{gap:16px;padding:24px;display:grid}label{color:var(--fg-muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);width:100%;min-height:42px;color:var(--fg);outline:none;padding:0 12px}input:focus{border-color:var(--primary);background:var(--surface)}.form-error{color:var(--danger);margin:0;font-size:.9rem}.switch-auth{color:var(--fg-muted);margin:0;font-size:.92rem}.switch-auth a{color:var(--primary);font-weight:700}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);padding:24px}.sidebar strong{margin-bottom:32px;display:block}.sidebar nav{gap:4px;display:grid}.sidebar a{border-radius:var(--radius-sm);color:var(--fg-muted);padding:10px 12px;text-decoration:none}.sidebar a[aria-current=page]{background:var(--surface-muted);color:var(--fg);font-weight:700}.workspace{min-width:0;padding:32px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.content-grid{grid-template-columns:360px minmax(0,1fr);gap:24px;display:grid}.create-panel{align-self:start;gap:16px;padding:24px;display:grid}.create-panel h2,.list-panel h2{margin:0;font-size:1.05rem}.list-panel{min-width:0;padding:24px}.section-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-head span,.table-row span,.table-row time{color:var(--fg-muted);font-size:.9rem}.table{border-top:1px solid var(--border);display:grid}.table-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 92px 110px;align-items:center;gap:16px;padding:14px 0;display:grid}.table-row div{gap:4px;min-width:0;display:grid}.status{border:1px solid var(--border);border-radius:var(--radius-sm);width:fit-content;padding:4px 8px}.empty-state{border-top:1px solid var(--border);padding:32px 0 8px}.empty-state h3{margin:0 0 8px}.empty-state p{color:var(--fg-muted);margin:0}@media (max-width:860px){.auth-page,.app-shell,.content-grid{grid-template-columns:1fr}.auth-page{gap:32px;width:min(100% - 32px,520px);padding:48px 0}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.workspace{padding:24px 16px}.topbar{flex-direction:column;align-items:flex-start}.table-row{grid-template-columns:1fr}}
