:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18302d;background:#f4f6f5;font-size:14px;line-height:1.5;--green:#176750;--line:#dbe4df;--muted:#657a72}*{box-sizing:border-box}body{margin:0}.shell{display:flex;min-height:100vh}aside{width:235px;background:#102e27;color:#e1ede7;display:flex;flex-direction:column;padding:34px 22px;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;color:inherit;text-decoration:none;font-size:25px;font-weight:700;gap:10px;letter-spacing:-1px}.brand small{font-size:11px;letter-spacing:1px;background:#294d41;padding:3px 6px;border-radius:4px}.brandmark{border:1px solid #769b87;border-radius:10px;display:grid;place-items:center;width:38px;height:38px;font-size:23px}.workspace{font-size:9px;letter-spacing:1.7px;color:#90b6a4;margin:46px 0 14px}nav{display:grid;gap:5px}nav button{border:0;text-align:left;background:transparent;color:#bed3c8;padding:12px 14px;font-size:14px}nav button.active{background:#244c3d;color:white}nav button:hover{background:#244c3d}.sidebar-note{margin-top:auto;padding-top:60px;color:#b8cec2;font-size:12px}.sidebar-note p{color:#86a696;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a0d6b3;margin-right:6px}main{margin-left:235px;padding:38px 46px 24px;max-width:1600px;width:calc(100% - 235px)}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:8px 0}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px}h3{font-size:15px;margin:0 0 8px}.actions{display:flex;gap:10px;align-items:center}.badge{font-size:10px;font-weight:700;letter-spacing:1px;color:#866422;background:#f6ecd6;padding:7px 10px;border-radius:5px}.notice{border:1px solid #cee0d5;background:#eaf2ed;padding:14px 18px;border-radius:8px;margin-bottom:26px;font-size:12px;color:#446456}.notice strong{color:#214c3d;margin-right:6px}.card{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:22px}.muted,p.help{color:var(--muted);font-size:12px}.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;padding:18px 0}.intro h2{font-size:34px;line-height:1.2;max-width:390px}.intro p{max-width:420px;color:var(--muted)}.steps{display:grid;gap:15px;margin-top:26px}.steps div{display:flex;gap:12px;align-items:center}.step{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:26px;height:26px;color:var(--green);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.stat strong{display:block;font-size:29px;font-weight:600;line-height:1.4}.stat span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid .card{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:600;color:#405c51}input,textarea,select{display:block;width:100%;margin:6px 0 0;padding:10px 11px;border:1px solid #cbd9d1;border-radius:6px;background:#fbfcfb;font:inherit;color:#18302d}textarea{min-height:95px;resize:vertical}textarea.code{font:12px/1.6 Consolas,monospace;min-height:220px}input[type=checkbox]{display:inline;width:auto;margin-right:8px}.checks{display:flex;flex-wrap:wrap;gap:16px;padding:10px 0}.checks label{font-weight:400}button{font:inherit;border:1px solid #cbd9d1;border-radius:6px;background:white;color:#294f40;padding:9px 14px;cursor:pointer}button.primary{background:var(--green);color:white;border-color:var(--green)}button.small{padding:5px 10px;font-size:12px}button.danger{color:#a0392b}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#f7f9f7}td,th{padding:12px;border-bottom:1px solid #e6ece7;vertical-align:top}td strong{font-size:13px}.tag{display:inline-block;background:#eaf3ed;color:#296047;padding:3px 7px;border-radius:5px;font-size:10px}.tag.off{background:#f1e9e6;color:#984638}code{font-family:Consolas,monospace;font-size:12px}pre{background:#132f27;color:#d5e7dd;padding:18px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 Consolas,monospace;max-height:450px;overflow:auto}.empty{padding:28px 16px;text-align:center;color:var(--muted)}#alert{padding:12px 16px;border:1px solid #d3dfd6;background:#e8f4ec;border-radius:7px;margin-bottom:18px;overflow-wrap:anywhere}#alert.error{background:#fff0eb;border-color:#eac7ba;color:#8e3426}footer{display:flex;justify-content:space-between;margin-top:40px;font-size:10px;color:#82968b;border-top:1px solid var(--line);padding-top:18px}.key-reveal{border:1px solid #c8ddcf;padding:18px;background:#edf7f0;border-radius:8px;margin:15px 0;overflow-wrap:anywhere}.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.metric-label{font-size:10px;letter-spacing:1px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1000px){main{padding:26px;width:calc(100% - 195px);margin-left:195px}aside{width:195px;padding:25px 15px}.stats{grid-template-columns:1fr 1fr}.intro,.grid{grid-template-columns:1fr}.intro h2{font-size:28px}}@media(max-width:650px){.shell{display:block}aside{position:static;width:auto;padding:20px}.workspace,.sidebar-note{display:none}nav{display:flex;flex-wrap:wrap;margin-top:16px;gap:3px}nav button{padding:7px;font-size:12px}main{margin:0;width:100%;padding:20px}header{align-items:flex-start}h1{font-size:24px}.actions{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}footer span{display:none}.card{padding:20px}}
