:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0a0f17;--surface:#111925;--surface-2:#162131;--surface-3:#1b293b;--line:#27364a;--line-soft:#202d3e;--muted:#93a0b4;--text:#e8edf5;--blue:#67afe8;--blue-strong:#2f85c6;--green:#56c596;--amber:#e3b341;--red:#ea7777;background:#0a0f17;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 80% -20%, #1a2a40 0, transparent 34%), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}a{color:var(--blue)}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1722f0;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:24px;min-height:74px;padding:12px 24px;display:grid;position:sticky;top:0}.brand{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{color:#07101a;letter-spacing:.04em;background:linear-gradient(145deg,#67afe8,#367fba);border-radius:12px;place-items:center;width:42px;height:42px;font-size:13px;font-weight:900;display:grid;box-shadow:0 9px 24px #2b7dbb47}.brand>span:last-child{gap:2px;display:grid}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:11px}.topbar-status{align-items:center;gap:14px;display:flex}.completion-chip{color:#b7c6d7;background:#142437;border:1px solid #2d4660;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:inline-flex}.completion-chip b{color:var(--blue)}.save-state{color:var(--muted);font-size:11px}.top-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface-2);min-height:36px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 13px;font-size:12px;font-weight:700;transition:all .15s}.btn:hover:not(:disabled){background:#1c2b3d;border-color:#3b5875;transform:translateY(-1px)}.btn:disabled{opacity:.38;cursor:default}.btn-ghost{background:0 0}.btn-primary{color:#07111b;background:#5da9e2;border-color:#5da9e2}.btn-primary:hover:not(:disabled){background:#77b8e8}.btn-danger{color:#f08d8d;background:0 0;border-color:#593038}.workspace-layout{grid-template-columns:282px minmax(0,1fr);min-height:calc(100vh - 74px);display:grid}.sidebar{border-right:1px solid var(--line-soft);background:#0b111ac2;flex-direction:column;height:calc(100vh - 74px);padding:30px 18px 20px 24px;display:flex;position:sticky;top:74px}.stepper{gap:8px;display:grid}.step{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:32px 1fr;align-items:center;gap:11px;width:100%;padding:11px 12px;display:grid}.step:hover{background:#121c29}.step-active{background:#172230;border-color:#2b4158}.step-number{color:#69afe5;background:#172b3e;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.step-active .step-number{background:var(--blue);color:#09121b}.step-done:not(.step-active) .step-number{color:#72d4ab;background:#17362e}.step>span:last-child{gap:3px;display:grid}.step strong{font-size:13px}.step small{color:var(--muted);font-size:11px}.sidebar-note{border:1px solid var(--line-soft);background:#0f1722;border-radius:10px;gap:4px;margin-top:auto;padding:14px;display:grid}.sidebar-note strong{color:#b9c8d9;font-size:11px}.sidebar-note span{color:#76869b;font-size:10px}.main-content{width:100%;max-width:1240px;margin:0 auto;padding:38px 40px 52px}.panel{border:1px solid var(--line);background:linear-gradient(#151f2dfa,#111925fa);border-radius:16px;max-width:920px;margin:0 auto;padding:28px;box-shadow:0 20px 50px #00000029}.panel-wide{max-width:1080px}.panel-heading{margin-bottom:26px}.panel-heading>span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.panel-heading h1{letter-spacing:-.025em;margin:7px 0 8px;font-size:clamp(22px,3vw,29px);line-height:1.18}.panel-heading p{max-width:760px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.field{color:#c8d2df;align-content:start;gap:7px;font-size:12px;font-weight:700;display:grid}.field-wide{grid-column:1/-1}.field-required:after{content:" *";color:#ef8989}.field small,.toggle-card small{color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}input,textarea,select{width:100%;color:var(--text);background:#0d1520;border:1px solid #28384a;border-radius:9px;outline:none;transition:all .15s}input,select{min-height:40px;padding:0 11px}textarea{resize:vertical;padding:10px 11px;line-height:1.5}input::placeholder,textarea::placeholder{color:#536276}input:focus,textarea:focus,select:focus{border-color:#5ba7df;box-shadow:0 0 0 3px #5ba7df1c}.role-grid{gap:10px;display:grid}.role-field{border:1px solid var(--line-soft);background:#111b28;border-radius:11px;grid-template-columns:minmax(220px,.85fr) 1.15fr;align-items:center;gap:20px;padding:12px 14px;display:grid}.role-field>span{gap:4px;display:grid}.role-field strong{font-size:12px}.role-field small{color:var(--muted);font-size:10px}.standard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.standard-card{border:1px solid var(--line);background:#101926;border-radius:13px;transition:all .16s;overflow:hidden}.standard-card-selected{border-color:var(--standard-accent);box-shadow:inset 3px 0 0 var(--standard-accent)}.standard-select{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:22px minmax(0,1fr);gap:10px;width:100%;padding:15px;display:grid}.standard-check{color:#07111b;background:#0a111a;border:1px solid #42536a;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:900;display:grid}.standard-card-selected .standard-check{border-color:var(--standard-accent);background:var(--standard-accent)}.standard-card-body{gap:5px;min-width:0;display:grid}.standard-reference{color:var(--standard-accent);font-size:12px;font-weight:800}.standard-card-body strong{font-size:13px}.standard-card-body small{color:var(--muted);font-size:10px;line-height:1.45}.standard-card footer{border-top:1px solid var(--line-soft);color:#7f8ea1;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;font-size:9px;display:flex}.badge-ok,.badge-warn{border-radius:999px;padding:3px 6px}.badge-ok{color:#72cfaa;background:#14342b}.badge-warn{color:#e1b65b;background:#3a2d17}.scope-section{border-top:1px solid var(--line-soft);margin-top:28px;padding-top:24px}.section-title{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.section-title>span{font-size:13px;font-weight:800}.section-title small{color:var(--muted);font-size:10px}.pack-tabs{gap:7px;padding-bottom:16px;display:flex;overflow-x:auto}.pack-tab{border:1px solid var(--line);cursor:pointer;background:#101925;border-radius:9px;flex:none;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;min-width:100px;min-height:38px;padding:0 10px;display:grid}.pack-tab>span{border-radius:50%;width:7px;height:7px}.pack-tab b{font-size:11px}.pack-tab small{color:var(--muted);font-size:9px}.pack-tab-active{background:#1a2939;border-color:#4b6d8a}.pack-heading{border:1px solid var(--line-soft);background:#0f1824;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:15px;display:grid}.pack-icon{color:#07111b;border-radius:9px;place-items:center;min-width:48px;height:42px;padding:0 10px;font-size:11px;font-weight:900;display:grid}.pack-heading>span:nth-child(2){gap:3px;display:grid}.pack-heading strong{font-size:13px}.pack-heading small{color:var(--muted);font-size:10px}.pack-heading a{font-size:10px;text-decoration:none}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.question-grid>.field:has(textarea){grid-column:span 1}.toggle-card{border:1px solid var(--line-soft);cursor:pointer;background:#101925;border-radius:11px;grid-template-columns:auto auto 1fr;align-items:center;gap:11px;min-height:86px;padding:14px;display:grid}.toggle-card input{opacity:0;pointer-events:none;position:absolute}.toggle-ui{background:#2b394b;border-radius:999px;width:36px;height:20px;transition:all .16s;position:relative}.toggle-ui:after{content:"";background:#94a3b5;border-radius:50%;width:14px;height:14px;transition:all .16s;position:absolute;top:3px;left:3px}.toggle-card input:checked+.toggle-ui{background:#2f7fae}.toggle-card input:checked+.toggle-ui:after{background:#d7f0ff;left:19px}.toggle-card>span:last-child{gap:4px;display:grid}.toggle-card strong{font-size:12px;line-height:1.4}.empty-state{color:var(--muted);text-align:center;border:1px dashed #35475b;border-radius:12px;padding:50px;font-size:12px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line-soft);background:#101925;border-radius:12px;gap:5px;padding:18px;display:grid}.metric-card b{color:#c6d5e6;font-size:26px}.metric-card span{color:var(--muted);font-size:10px}.metric-primary{background:#13283a;border-color:#325878}.metric-primary b{color:var(--blue)}.review-layout{grid-template-columns:1.05fr .95fr;gap:16px;margin-top:18px;display:grid}.review-section{border:1px solid var(--line-soft);background:#101925;border-radius:12px;padding:17px}.progress-list{gap:13px;display:grid}.progress-row{color:var(--muted);grid-template-columns:minmax(155px,1fr) 140px 34px;align-items:center;gap:10px;font-size:10px;display:grid}.progress-label{align-items:center;gap:8px;min-width:0;display:flex}.progress-label i{border-radius:50%;flex:none;width:8px;height:8px}.progress-label b{color:#c5d0de;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.progress-track{background:#283547;border-radius:99px;height:6px;overflow:hidden}.progress-track i{border-radius:inherit;height:100%;display:block}.action-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.action-list li{border-left:3px solid var(--amber);background:#1d1b17;border-radius:6px;gap:3px;padding:9px 10px;display:grid}.action-list b{color:#e8d8b4;font-size:10px}.action-list span{color:#a99d88;font-size:9px}.action-list .action-good{border-left-color:var(--green);background:#13231e}.action-list .action-good b{color:#a8dfc8}.action-list .action-good span{color:#7ca895}.review-callout{background:#132539;border:1px solid #2e4d68;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;padding:17px;display:flex}.review-callout>span{gap:4px;display:grid}.review-callout strong{font-size:12px}.review-callout small{color:#99aec2;font-size:10px;line-height:1.5}.page-actions{justify-content:space-between;align-items:center;gap:18px;max-width:1080px;margin:14px auto 0;display:flex}.page-actions>span{color:var(--muted);font-size:10px}.toast{z-index:50;color:#dce9f4;background:#182b3c;border:1px solid #43637f;border-radius:10px;max-width:360px;padding:12px 15px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #00000052}.save-state-ready{color:#77cfa7}.save-state-saving,.save-state-checking{color:#89bce8}.save-state-offline,.save-state-conflict{color:#e8b66c}.login-shell{background:radial-gradient(circle at 20% 10%, #3876a62e, transparent 34%), radial-gradient(circle at 85% 80%, #47a07e1f, transparent 30%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:#141e2bf5;border-radius:18px;width:min(440px,100%);padding:34px;box-shadow:0 24px 70px #00000061}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-brand b{font-size:15px}.eyebrow{color:var(--blue);letter-spacing:.12em;font-size:10px;font-weight:800}.login-panel h1{letter-spacing:-.035em;margin:10px 0 8px;font-size:28px}.login-panel>p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.6}.login-panel form{gap:16px;display:grid}.login-error{color:#f0a3b2;background:#2b171d;border:1px solid #723d47;border-radius:8px;padding:10px 12px;font-size:11px}.login-submit{width:100%;min-height:42px;margin-top:4px}.server-unavailable h1{max-width:360px}@media (width<=1080px){.topbar{grid-template-columns:1fr auto}.topbar-status{display:none}.workspace-layout{grid-template-columns:235px minmax(0,1fr)}.main-content{padding:28px 24px 48px}.summary-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:1fr}}@media (width<=760px){.topbar{grid-template-columns:1fr;gap:12px;position:static}.top-actions{padding-bottom:2px;overflow-x:auto}.workspace-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line-soft);width:100%;height:auto;padding:12px;position:static}.stepper{grid-template-columns:repeat(5,minmax(82px,1fr));overflow-x:auto}.step{text-align:center;grid-template-columns:1fr;justify-items:center;min-width:82px;padding:8px}.step>span:last-child small,.sidebar-note{display:none}.main-content{padding:18px 12px 36px}.panel{border-radius:13px;padding:19px}.form-grid,.question-grid,.standard-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.role-field{grid-template-columns:1fr;gap:8px}.pack-heading{grid-template-columns:auto 1fr}.pack-heading a{grid-column:1/-1}.summary-grid{grid-template-columns:1fr 1fr}.progress-row{grid-template-columns:1fr 90px 30px}.review-callout{flex-direction:column;align-items:stretch}}@media (width<=440px){.summary-grid{grid-template-columns:1fr}.page-actions>span{display:none}.top-actions .btn{flex:none}}
