:root{--bg:#0b1020;--panel:#e9edf4;--panel2:#e3e7f0;--border:#e2e2e6;--text:#111;--muted:#55585f;--muted2:#70737c;--accent:#111;--accent2:#2b2f36;--accentText:#fff;--warn:#9b2c2c;--ok:#1f6f3b;--radius:16px;--radius2:12px;--shadow:0 10px 30px #0000000f;--shadow2:0 12px 34px #00000014;--max:1180px}*{box-sizing:border-box}html,body{height:100%}body{color:#f2f6ff;background:radial-gradient(1200px 700px at 20% -10%,#27e0ff14,#0000 60%),linear-gradient(#0b1020,#060914);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.topbar{z-index:50;background:#080c18b3;border-bottom:1px solid #7896dc26;position:sticky;top:0}.topbar .btn{color:#111;background:#f2f4f8;border-color:#cfd6e2}.topbar .btn:hover{background:#e8ecf3}.topbar .btn.ghost{color:#111;background:#f2f4f8;border-color:#cfd6e2}.topbar-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:14px 16px;display:flex}.brand{flex-direction:column;line-height:1.1;display:flex}.brand-row{align-items:center;gap:10px;display:flex}.brand-logo{object-fit:contain;width:28px;height:28px}.brand .name{letter-spacing:-.02em;font-size:16px;font-weight:750}.brand .tag{color:#a9b3d1;font-size:12px}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.auth-block{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.auth-status{color:#a9b3d1;text-align:right;max-width:220px;font-size:12px}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:650;transition:transform 50ms,background .2s,border-color .2s,opacity .2s}.btn:hover{background:var(--panel)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accentText);border-color:var(--accent)}.btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}.btn.ghost{color:#f2f6ff;background:0 0;border-color:#ffffff40}.btn.ghost:hover{background:#ffffff14}.btn.danger{color:var(--warn);background:#fff;border-color:#f1caca}.btn.danger:hover{background:#fff4f4;border-color:#efbaba}.container{max-width:var(--max);margin:0 auto;padding:22px 16px 40px}.crumbs{color:#a9b3d1;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.crumbs .btn.ghost{color:#f2f6ff;border-color:#ffffff40}.crumb{align-items:center;gap:8px;display:flex}.crumb .dot{background:#fff;border-radius:99px;width:4px;height:4px}.hero{border:1px solid var(--border);border-radius:var(--radius);color:#111;box-shadow:var(--shadow);background:#e9edf4;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px;display:flex}.hero h1{letter-spacing:-.03em;color:#111;margin:0;font-size:26px}.hero p{color:#55585f;max-width:760px;margin:8px 0 0;line-height:1.45}.hero-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{color:#111;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d9dde5;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650}.escape{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:#111;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:14px;padding:16px;display:flex}.escape strong{font-size:14px;display:block}.escape p{color:#55585f;max-width:720px;margin:6px 0 0;font-size:14px;line-height:1.4}.searchbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.input{border:1px solid var(--border);width:min(560px,100%);color:var(--text);background:#fff;border-radius:999px;outline:none;padding:12px 14px;font-size:14px}.input:focus{border-color:#b5b5be}.hint{color:var(--muted2);font-size:12px}.grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px;margin-top:18px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:#111;flex-direction:column;min-height:210px;padding:16px 16px 14px;display:flex;box-shadow:0 1px #00000005}.card h3{letter-spacing:-.01em;color:#111;margin:0;font-size:16px}.card p{color:#55585f;flex:none;margin:8px 0 0;font-size:13px;line-height:1.4}.chiprow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{color:#111;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d9dde5;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,transform 50ms}.chip:hover{background:#f3f5f9;border-color:#cfd6e2}.chip:active{transform:translateY(1px)}.card .footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.card .small{color:#70737c;font-size:12px}.linkbtn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:750}.linkbtn:hover{background:var(--panel)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:#111;box-shadow:var(--shadow);padding:18px}.panel h2{letter-spacing:-.02em;margin:0;font-size:20px}.sub{color:#55585f;max-width:900px;margin:8px 0 0;font-size:14px;line-height:1.45}.two{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px;display:grid}@media (max-width:920px){.two{grid-template-columns:1fr}}.box{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel2);color:#111;padding:14px}.box h3{color:var(--text);letter-spacing:-.01em;margin:0;font-size:14px}.box ul{color:#55585f;margin:10px 0 0;padding-left:18px;font-size:14px;line-height:1.5}.box li{margin:6px 0}.callout{background:var(--panel);color:#111;border-radius:var(--radius);border:1px solid #e7e7ee;padding:14px}.callout .title{font-size:13px;font-weight:800}.callout p{color:#55585f;margin:8px 0 0;font-size:13px;line-height:1.45}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.divider{background:#d9dde5;height:1px;margin:14px 0}.note{color:#55585f;font-size:13px}.badge{color:#111;background:#fff;border:1px solid #d9dde5;border-radius:999px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:700;display:inline-flex}.badge .dot{background:#111;border-radius:99px;width:6px;height:6px}.badge.ok{color:#1f6f3b;border-color:#cbe4d2}.badge.ok .dot{background:#1f6f3b}.badge.warn{color:#9b2c2c;border-color:#f0c7c7}.badge.warn .dot{background:#9b2c2c}.checklist{flex-direction:column;gap:8px;display:flex}.check{align-items:flex-start;gap:10px;display:flex}.check input{margin-top:2px}.check .ct{color:var(--muted);flex-direction:column;gap:2px;font-size:13px;display:flex}.field{border:1px solid var(--border);background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px}.field:focus{border-color:#b5b5be}.textarea{resize:vertical;min-height:120px}.summary{grid-template-columns:1.2fr .8fr;gap:14px;margin-top:16px;display:grid}@media (max-width:920px){.summary{grid-template-columns:1fr}}.toast{color:#fff;max-width:360px;box-shadow:var(--shadow2);z-index:9999;background:#111;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.4;display:none;position:fixed;bottom:16px;right:16px}