:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--surface:#fff;--surface-2:#eef4f2;--ink:#182026;--muted:#65717c;--line:#d9e0e5;--accent:#0f766e;--accent-2:#9a5b13;--danger:#b42318;--ok:#16803c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f7fbfb;background:#172026;flex-direction:column;align-self:start;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{color:#172026;background:#f2c36b;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.nav{gap:4px;display:grid}.nav a,.mode-switch a{color:#dfe8e8;border-radius:6px;align-items:center;gap:10px;min-height:36px;padding:8px 10px;display:flex}.nav a:hover,.nav a.active,.mode-switch a:hover,.mode-switch a.active{background:#ffffff14}.nav a.active,.mode-switch a.active{color:#fff;font-weight:700}.view-card{background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;gap:4px;padding:12px;display:grid}.view-card .eyebrow{color:#f2c36b;margin:0}.view-card small{color:#b8c8c8;overflow-wrap:anywhere}.view-card.compact{gap:8px}.user-control{justify-content:flex-start;display:flex}.workspace-switcher{gap:6px;display:grid}.workspace-switcher select{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;width:100%;padding:10px}.mode-switch{border-bottom:1px solid #ffffff24;gap:6px;padding-bottom:12px;display:grid}.main{width:100%;max-width:1320px;padding:22px;overflow:auto}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.title h1{margin:0;font-size:28px}.title p{color:var(--muted);margin:6px 0 0}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:36px;padding:0 12px;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.grid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.page-stack{gap:12px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-heading h2{margin:0}.panel-heading p{margin:4px 0 0}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.metric{gap:8px;display:grid}.metric strong{font-size:28px}.metric span,.muted{color:var(--muted)}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.status{background:var(--surface-2);min-height:24px;color:var(--accent);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.status.warn{color:var(--accent-2);background:#fff4df}.status.danger{color:var(--danger);background:#ffe7e3}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.goal-hero{grid-template-columns:1fr;gap:18px;margin-bottom:12px;display:grid}.goal-hero h2{margin:0 0 10px;font-size:30px;line-height:1.12}.goal-hero p{line-height:1.55}.goal-principles,.stack,.clean-list,.phase-list{gap:10px;display:grid}.goal-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.principle{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px;font-weight:700;display:flex}.clean-list,.phase-list{color:var(--muted);margin:0;padding-left:20px;line-height:1.45}.stack p{margin:0;line-height:1.5}.stack.compact p{align-items:flex-start;gap:8px;display:flex}.goal-loop{grid-column:span 6;align-content:start;gap:8px;display:grid}.goal-loop h2{margin:0}@media (min-width:1500px){.goal-hero{grid-template-columns:minmax(0,1fr) 320px}.goal-principles{grid-template-columns:1fr}.goal-loop{grid-column:span 3}}.icon-btn{justify-content:center;min-width:36px;padding:0}.setup-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.setup-tabs a{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.setup-tabs a.active{border-color:var(--accent);color:var(--accent);background:#edf8f5;font-weight:700}.setup-section{margin-top:4px}.wizard-header{margin-bottom:16px}.wizard-progress-label{color:var(--muted);margin:0 0 10px;font-size:.92rem}.wizard-stepper{flex-wrap:wrap;gap:8px;display:flex}.wizard-step{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.92rem;display:inline-flex}.wizard-step.active{border-color:var(--accent);color:var(--accent);background:#edf8f5;font-weight:700}.wizard-step.done{color:var(--text)}.wizard-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.wizard-nav-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.wizard-hint{margin-top:8px;font-size:.92rem}.setup-banner{margin-bottom:14px}.checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checklist li{align-items:center;gap:10px;display:flex}.checklist li.done{color:var(--muted)}.checklist a{color:var(--accent);font-weight:700}.issue-status,.empty-state{justify-content:space-between;align-items:center;gap:16px;display:flex}.issue-stage{align-content:start;gap:8px;display:grid}.public-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.public-nav{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.public-nav a{color:var(--muted)}.auth-page{place-items:center;gap:24px;min-height:calc(100vh - 72px);padding:24px;display:grid}.auth-layout .auth-page{grid-template-columns:minmax(0,420px)}.auth-intro{text-align:center;max-width:420px}.auth-intro h1{margin:8px 0}.auth-card-shell{width:min(100%,420px)}.auth-card-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:14px;padding:24px;display:grid;box-shadow:0 10px 30px #1820260f}.auth-form{gap:10px;display:grid}.auth-label{font-size:14px;font-weight:600}.auth-error{color:var(--danger);margin:0;font-size:14px}.auth-footnote{margin:0;font-size:13px}.auth-header{border-bottom:1px solid var(--line)}.sidebar-signout{color:#dfe8e8;background:0 0;border:1px solid #ffffff1f;justify-content:center;width:100%}.sidebar-signout:hover{background:#ffffff14}.user-control{margin-top:8px}.auth-card{box-shadow:none!important;border:1px solid var(--line)!important}.auth-card-title{font-size:24px!important}.auth-card-subtitle{color:var(--muted)!important}.auth-submit{justify-content:center;width:100%}.auth-link{color:var(--accent)!important}.auth-input{border:1px solid var(--line)!important}.auth-divider-line{background:var(--line)!important}.auth-divider-text{color:var(--muted)!important}.status.ok{color:var(--ok);background:#e8f7ed}.flash{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;margin-bottom:14px;padding:12px 14px}.flash.success{color:var(--ok);background:#edf8f1;border-color:#b7e3c5}.issue-stage.active-stage{border-color:var(--accent);background:#edf8f5}.compact-table td{vertical-align:top}.form-grid{gap:10px;display:grid}.compact-form{margin-top:14px}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-form{align-items:center;gap:8px;display:flex}.compact-input{min-width:130px;padding:8px}.input,.textarea{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;padding:10px}.workspace-list{gap:8px;display:grid}.workspace-row{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px;display:grid}.workspace-row.active{border-color:var(--accent);background:#edf8f5}.workspace-icon{background:var(--surface-2);width:34px;height:34px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.workspace-row small{color:var(--muted)}.workspace-stats,.integration-grid{flex-wrap:wrap;gap:8px;display:flex}.workspace-hero{background:#fbfcfd;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.workspace-hero h2{margin:0 0 6px;font-size:24px}.workspace-hero-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.workspace-map{align-content:start}.area-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.area-tile{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;align-content:start;gap:8px;min-height:116px;padding:12px;display:grid}.area-tile svg{color:var(--accent)}.area-tile span{color:var(--muted);font-size:13px;line-height:1.35}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.integration-tile{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.public-page{min-height:100vh}.hero{color:#fff;background-color:#0000;background-image:linear-gradient(#102026b8,#10202685),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:70vh;padding:40px 24px;display:grid}.hero-inner{max-width:880px}.hero h1{margin:0 0 14px;font-size:54px}.hero p{max-width:720px;font-size:20px;line-height:1.5}.public-band{padding:24px}@media (max-width:1100px){.shell{grid-template-columns:210px minmax(0,1fr)}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;overflow-y:visible}.span-3,.span-4,.span-6,.span-8,.span-12{grid-column:span 12}.goal-hero,.goal-principles,.form-row,.form-row.three,.integration-grid,.area-grid,.workspace-row{grid-template-columns:1fr}.workspace-hero{display:grid}.workspace-hero-stats{justify-content:flex-start}.hero h1{font-size:38px}}
