html{background:#edf1f3}:root{--bg:#f6f7f8;--surface:#fff;--surface-soft:#f9fafb;--line:#e4e7eb;--line-strong:#d2d8df;--text:#111827;--muted:#667085;--muted-strong:#475467;--accent:#176b73;--accent-soft:#e7f3f4;--accent-strong:#0f5258;--warm:#a86f12;--warm-soft:#fff6df;--danger:#a33225;--danger-soft:#fff1f0;--success:#256245;--success-soft:#edf8f2;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 14px 34px #10182814;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.loading-screen,.login-shell,.app-shell{min-height:100vh}.loading-screen{color:var(--muted-strong);justify-content:center;align-items:center;gap:12px;display:flex}.spin{animation:.9s linear infinite spin}.login-shell{background:linear-gradient(135deg, #ffffffe0, #f6f7f8f0), linear-gradient(120deg, #176b731c, transparent 45%), var(--bg);grid-template-columns:minmax(0,1fr) 400px;place-items:center;gap:56px;padding:64px;display:grid}.login-brand{color:var(--text);max-width:720px}.brand-mark{background:var(--text);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.brand-mark.compact{width:38px;height:38px}.login-brand p{color:var(--accent);margin:26px 0 18px;font-size:15px;font-weight:800}.login-brand h1{letter-spacing:0;max-width:760px;margin:0 0 24px;font-size:clamp(40px,5vw,68px);font-weight:800;line-height:.98}.login-brand span{color:var(--muted);max-width:600px;font-size:18px;line-height:1.6;display:block}.login-panel,.editor-panel,.feature-card,.planner-column{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:8px}.login-panel{width:100%;padding:32px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.login-panel h2,.section-heading h2,.editor-panel h3,.planner-column h3{color:var(--text);margin:0}.login-panel h2{font-size:26px}form{gap:16px;margin-top:26px;display:grid}label{color:var(--muted-strong);gap:8px;font-size:13px;font-weight:750;display:grid}input,select{background:var(--surface-soft);border:1px solid var(--line);color:var(--text);border-radius:7px;width:100%;min-height:44px;padding:0 12px}input:focus,select:focus{background:var(--surface);border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #176b731f}.primary-action,.secondary-action,.icon-button,.nav-item,.feature-card,.admin-row{border:0;align-items:center;display:inline-flex}.primary-action{background:var(--text);color:#fff;border-radius:7px;justify-content:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800}.primary-action:hover{background:var(--accent-strong)}.primary-action.fit{justify-self:start}.secondary-action{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:7px;gap:8px;min-height:42px;padding:0 14px;font-weight:800}.secondary-action:hover{border-color:var(--accent);color:var(--accent-strong)}.form-error,.form-note{border-radius:7px;margin:0;padding:11px 12px;font-size:14px}.form-error{background:var(--danger-soft);color:var(--danger)}.form-note{background:var(--success-soft);color:var(--success)}.app-shell{background:var(--bg);grid-template-columns:276px minmax(0,1fr);display:grid}.sidebar{border-right:1px solid var(--line);color:var(--text);background:#ffffffdb;flex-direction:column;min-height:100vh;padding:22px;display:flex}.sidebar-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.sidebar-brand strong,.sidebar-user strong{display:block}.sidebar-brand span,.sidebar-user small{color:var(--muted);font-size:12px}.project-switcher{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;margin-bottom:18px;padding:14px}.project-switcher label{color:var(--muted-strong)}.project-switcher select{background:var(--surface)}.sidebar nav{gap:6px;display:grid}.nav-item{color:var(--muted-strong);text-align:left;background:0 0;border-radius:7px;gap:10px;min-height:42px;padding:0 12px}.nav-item.active,.nav-item:hover{background:var(--accent-soft);color:var(--accent-strong)}.sidebar-user{border-top:1px solid var(--line);margin-top:auto;padding-top:18px}.sidebar-user span,.role-pill,.project-pill,.context-pill,.count-pill,.feature-card span,.column-label{border-radius:999px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.sidebar-user span{background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;margin-bottom:10px;padding:7px 10px}.main-panel{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffc7;justify-content:space-between;align-items:center;min-height:82px;padding:0 34px;display:flex}.topbar h1{letter-spacing:0;margin:0;font-size:27px}.topbar-actions{align-items:center;gap:10px;display:flex}.role-pill,.project-pill,.context-pill,.count-pill{background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;align-items:center;gap:7px;padding:9px 11px}.project-pill,.context-pill{background:var(--warm-soft);color:var(--warm);text-transform:none}.icon-button{background:var(--surface);border:1px solid var(--line);color:var(--muted-strong);border-radius:7px;justify-content:center;width:40px;height:40px}.icon-button:hover{border-color:var(--line-strong);color:var(--text)}.content-area{padding:32px 34px}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:0;font-size:26px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.feature-card{color:inherit;text-align:left;flex-direction:column;gap:18px;min-height:248px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;position:relative}.feature-card:disabled{opacity:.54}.feature-card.enabled:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card span,.column-label{background:var(--warm-soft);color:var(--warm);width:fit-content;padding:8px 10px}.feature-card h3{letter-spacing:0;margin:14px 0 10px;font-size:21px}.feature-card p,.planner-column p{color:var(--muted);margin:0;line-height:1.55}.feature-icon{background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.feature-arrow{color:var(--accent);position:absolute;bottom:22px;right:22px}.admin-layout{grid-template-columns:minmax(260px,.8fr) minmax(340px,1.2fr);gap:16px;display:grid}.admin-list{align-content:start;gap:9px;display:grid}.admin-row{background:var(--surface);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:8px;flex-direction:column;gap:5px;min-height:74px;padding:14px 16px}.admin-row.active,.admin-row:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.admin-row span{width:100%;font-weight:800}.admin-row small{color:var(--muted);width:100%}.editor-panel{padding:24px}.metadata{color:var(--muted);gap:6px;font-size:13px;display:grid}.empty-state{background:var(--surface);border:1px dashed var(--line-strong);color:var(--muted);border-radius:8px;align-items:center;gap:10px;min-height:110px;padding:18px;display:flex}.planner-shell{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.planner-column{min-height:220px;padding:22px}.planner-column h3{letter-spacing:0;margin:18px 0 10px;font-size:20px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.login-shell,.app-shell,.feature-grid,.admin-layout,.planner-shell{grid-template-columns:1fr}.login-shell{padding:28px}.sidebar{min-height:auto}.topbar,.section-heading{flex-direction:column;align-items:flex-start}}@media (width<=620px){.login-shell,.content-area,.login-panel,.editor-panel,.feature-card,.planner-column{padding:20px}.topbar{padding:22px 20px}.topbar-actions{flex-wrap:wrap;align-items:flex-start}.login-brand h1{font-size:36px}}