:root{--bg:#f4f1e9;--surface:#fffdf8;--surface2:#f7f4ed;--text:#1d2a25;--muted:#6f7b75;--line:#dedbd2;--green:#1f8f5f;--dark:#173f32;--orange:#e8754b;--red:#bb4c4c;--yellow:#d7a52a;--shadow:0 14px 40px rgba(31,49,41,.09)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(31,143,95,.10),transparent 35rem),var(--bg)}a{color:inherit}.app-shell{width:min(1440px,100%);margin:auto;padding:20px}.topbar{position:sticky;top:10px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.brand{display:flex;gap:11px;align-items:center;text-decoration:none}.brand-mark,.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--green),var(--dark));color:#fff;font-weight:800}.brand small{display:block;color:var(--muted);font-size:.75rem;margin-top:2px}.nav-tabs{display:flex;gap:8px;overflow:auto;padding:14px 2px}.nav-tabs a{flex:0 0 auto;text-decoration:none;padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}.nav-tabs a:hover{border-color:var(--green);color:var(--green)}
.hero{padding:clamp(30px,6vw,70px);border-radius:28px;color:#fff;background:linear-gradient(120deg,var(--dark),var(--green));box-shadow:var(--shadow)}.hero.compact{padding:clamp(26px,4vw,46px);margin-bottom:18px}.hero .mark{background:rgba(255,255,255,.15);margin-bottom:26px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;opacity:.8}.eyebrow.green{color:var(--green)}h1{margin:8px 0 14px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:1;letter-spacing:-.045em}h2{margin:0 0 10px;font-size:1.08rem}h3{margin:10px 0}.intro{max-width:700px;line-height:1.6;color:rgba(255,255,255,.84)}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.hero-chips span{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);font-size:.85rem}
.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;text-decoration:none;cursor:pointer}.button.primary,button.primary,.card-actions button{background:var(--green);border-color:var(--green);color:#fff}.button.light{margin-top:15px;background:#fff;border-color:#fff;color:var(--dark);font-weight:750}.button.ghost{background:transparent}.danger,.card-actions button.danger{background:transparent;color:var(--red);border-color:transparent}.icon-button{width:36px;min-height:36px;padding:0;background:var(--green);color:#fff;border-color:var(--green)}
.card{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.span-2{grid-column:span 2}.section-head,.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.section-head p,.page-head p{margin:4px 0;color:var(--muted)}.page-head{align-items:end;margin:22px 0}.page-head h1,.form-card h1,.auth-card h1{font-size:clamp(2rem,5vw,3.4rem)}.list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;margin-top:9px;border-radius:14px;background:var(--surface2);text-decoration:none}.list-row small{display:block;margin-top:4px;color:var(--muted);line-height:1.4}.row-actions,.card-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.row-actions form,.card-actions form{margin:0}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:.72rem;font-weight:750}.badge.high{background:#fde8df;color:var(--orange);border:0}.badge.medium{background:#fff2cc;color:#80600c;border:0}.badge.low{background:#dcefe5;color:var(--green);border:0}.empty{padding:16px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(245px,1fr));gap:13px;overflow:auto;padding-bottom:12px}.kanban-column{min-height:420px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(247,244,237,.75)}.kanban-column>h2{display:flex;justify-content:space-between}.kanban-column>h2 span{color:var(--muted)}.task-card{padding:13px;margin-bottom:10px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.task-card p{color:var(--muted);line-height:1.4}.task-card small{color:var(--green)}.card-actions{padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.card-actions a{color:var(--green);font-weight:700}.card-actions button{min-height:34px;padding:6px 9px;font-size:.84rem}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.progress{height:8px;margin:14px 0;border-radius:999px;background:var(--surface2);overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--dark),var(--green))}.project-card dl{display:grid;grid-template-columns:85px 1fr;gap:9px;font-size:.84rem}.project-card dt{color:var(--muted)}.project-card dd{margin:0}.stack{display:grid;gap:13px;max-width:900px}.next{padding:11px;border-radius:12px;background:var(--surface2)}.accent-high{border-left:5px solid var(--orange)}.accent-medium{border-left:5px solid var(--yellow)}.accent-low{border-left:5px solid var(--green)}
.notes{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.note{display:flex;justify-content:space-between;gap:8px;padding:8px;border-radius:10px;background:var(--surface2);font-size:.84rem}.note-form{display:grid;gap:7px}.note-form button{justify-self:start;min-height:34px;background:var(--green);color:#fff;border-color:var(--green)}
.form-card,.auth-card{max-width:720px;margin:30px auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid>div{display:grid;gap:6px}.form-grid>div:has(textarea),.form-actions{grid-column:1/-1}label{font-size:.84rem;color:var(--muted);font-weight:650}input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);font:inherit}textarea{resize:vertical}.errorlist{color:var(--red)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .full{grid-column:1/-1}.import-form{display:grid;gap:10px;margin-top:16px}.audit-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.audit-list span{color:var(--muted);font-size:.8rem}.messages{display:grid;gap:7px;margin:10px 0}.message{padding:11px 13px;border-radius:12px;background:#dcefe5;color:var(--dark)}.message.error{background:#f7dddd;color:var(--red)}
.analysis-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin-bottom:18px}.analysis-card p{color:var(--muted);line-height:1.5}.analysis-form{display:grid;gap:10px}.analysis-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.analysis-footer small{color:var(--muted)}.analysis-status{grid-column:1/-1;padding:12px;border-radius:12px;background:var(--surface2);font-size:.86rem}.analysis-status p{margin:7px 0 0}.suggestion-stack{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button-row form{margin:0}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:repeat(5,270px)}}@media(max-width:700px){.app-shell{padding:9px}.brand small{display:none}.topbar{top:5px}.dashboard-grid,.project-grid,.settings-grid,.form-grid,.analysis-card,.suggestion-stack{grid-template-columns:1fr}.span-2,.settings-grid .full,.form-grid>div:has(textarea),.form-actions,.analysis-status{grid-column:1}.analysis-footer{align-items:stretch;flex-direction:column}.page-head{align-items:flex-start}.hero{border-radius:22px}.project-card dl{grid-template-columns:74px 1fr}}