:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #273549;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--green: #16a34a;--amber: #d97706;--red: #dc2626;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:#60a5fa}.nav{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.nav .brand{font-weight:800;font-size:18px;color:var(--text);text-decoration:none}.nav a.brand:hover{color:var(--text)}.nav .brand span{color:#60a5fa}.nav .spacer{flex:1}.nav a{color:var(--muted);text-decoration:none}.nav a.active,.nav a:hover{color:var(--text)}.container{max-width:880px;margin:0 auto;padding:24px}.container.wide{max-width:1100px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}h1{font-size:24px;margin:0 0 8px}h2{font-size:18px;margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:13px}label{display:block;font-size:14px;margin:14px 0 6px;font-weight:600}input[type=text],input[type=email],input[type=password]{width:100%;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}input:focus{outline:2px solid var(--primary);border-color:var(--primary)}select.cps-select{width:100%;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--panel-2);border:1px solid var(--border)}.btn.secondary:hover{background:var(--border)}.btn.danger{background:var(--red)}.btn-row{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.error{color:#fca5a5;background:#45181c;border:1px solid #7f1d1d;padding:10px 12px;border-radius:8px;margin:12px 0;font-size:14px}.success{color:#bbf7d0;background:#14331f;border:1px solid #166534;padding:10px 12px;border-radius:8px;margin:12px 0;font-size:14px}.option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;cursor:pointer;background:var(--panel-2)}.option:hover{border-color:var(--primary)}.option.selected{border-color:var(--primary);background:#1e3a5f}.option input{margin-top:3px}.option .opt-label{font-weight:500;font-size:14px}.help{font-size:13px;color:var(--muted);margin:4px 0 12px}.progress{display:flex;gap:6px;margin-bottom:20px}.progress .dot{flex:1;height:6px;border-radius:3px;background:var(--border)}.progress .dot.done{background:var(--primary)}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700}.badge.default{background:#1e3a5f;color:#93c5fd}.badge.important-class-i{background:#3b2f12;color:#fcd34d}.badge.important-class-ii{background:#422006;color:#fdba74}.badge.critical{background:#450a0a;color:#fca5a5}.badge.out{background:#334155;color:var(--muted)}ul.clean{padding-left:20px}ul.clean li{margin-bottom:8px}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;margin-bottom:10px;background:var(--panel-2)}.list-item .grow{flex:1}.dates{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.date-pill{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px}.date-pill strong{display:block;color:#93c5fd}.stepper{margin:8px 0}.step{display:flex;gap:14px}.step-rail{display:flex;flex-direction:column;align-items:center}.step-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--muted);background:var(--panel);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}.step-line{width:2px;flex:1;background:var(--border);margin:4px 0;min-height:14px}.step-body{flex:1;margin-bottom:14px!important}.center{text-align:center;padding:60px 20px}.spinner{color:var(--muted)}@media (max-width: 720px){.nav{flex-wrap:wrap;gap:8px 12px;padding:10px 14px;row-gap:8px}.nav .spacer{flex-basis:100%;height:0}.nav .brand{font-size:16px}.container{padding:16px}h1{font-size:21px}.card{padding:16px}.list-item{flex-wrap:wrap}.list-item .grow{flex-basis:100%}.btn,.btn.secondary{flex:1 1 auto;justify-content:center}.container [style*="1fr 1fr"],.container [style*="minmax(0,1fr) minmax(0,1fr)"],.container [style*="minmax(0, 1fr) minmax(0, 1fr)"]{grid-template-columns:1fr!important}}.help-hero{margin-bottom:18px}.help-hero h1{margin:0 0 4px}.help-layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:32px;align-items:start}.help-toc{position:sticky;top:80px}.help-toc-title{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:10px}.help-toc nav{display:flex;flex-direction:column;border-left:1px solid var(--border)}.help-toc a{color:var(--muted);text-decoration:none;font-size:13px;line-height:1.35;padding:6px 0 6px 14px;margin-left:-1px;border-left:2px solid transparent;transition:color .12s ease,border-color .12s ease}.help-toc a:hover{color:var(--text)}.help-toc a.active{color:#93c5fd;border-left-color:var(--primary);font-weight:600}.help-toc-meta{margin-top:16px;padding-left:14px;font-size:12px;color:var(--muted)}.help-content{color:var(--text);line-height:1.72;font-size:15px}.help-content>:first-child{margin-top:0}.help-content h1{display:none}.help-content h2{font-size:20px;font-weight:800;margin:34px 0 14px;scroll-margin-top:80px}.help-content h2:after{content:"";display:block;height:1px;background:var(--border);margin-top:12px}.help-content h3{font-size:15.5px;font-weight:700;margin:24px 0 8px;color:#93c5fd}.help-content p{margin:12px 0}.help-content ul,.help-content ol{margin:12px 0;padding-left:22px}.help-content li{margin:7px 0}.help-content li::marker{color:var(--muted)}.help-content strong{color:#fff;font-weight:600}.help-content code{background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:13px}.help-content hr{border:none;border-top:1px solid var(--border);margin:26px 0}.help-content a{color:#60a5fa}.help-content .note{display:block;background:#2563eb14;border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:8px;padding:10px 14px;margin:16px 0;color:var(--muted);font-size:13.5px;font-style:normal}.help-footer{margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--muted);font-size:14px}.help-footer a{color:#60a5fa}@media (max-width: 860px){.help-layout{grid-template-columns:1fr;gap:16px}.help-toc{position:static}.help-toc nav{flex-direction:row;flex-wrap:wrap;gap:8px;border-left:none}.help-toc a{border:1px solid var(--border);border-radius:999px;padding:5px 12px;margin-left:0}.help-toc a.active{border-color:var(--primary)}}.req-guide{border-left:2px solid var(--border);padding-left:12px;margin:0 0 12px}.req-help{color:var(--muted);font-size:13px;line-height:1.55}.req-examples{margin-top:10px}.req-examples-title{text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700;color:var(--muted);margin-bottom:6px}.req-example{display:flex;gap:9px;align-items:flex-start;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 11px;margin:6px 0;font-size:13px;line-height:1.5;color:var(--text)}.req-example-icon{font-size:16px;line-height:1.4;flex-shrink:0}.req-example strong{color:#93c5fd;font-weight:600}
