:root{--bg:#070d1a;--panel:#f6f8fc;--panel2:#eef2f9;--border:#d8deea;--text:#141923;--muted:#586174;--muted2:#727c91;--accent:#0d1b34;--accent2:#1e3156;--accentText:#fff;--warn:#9a2f2f;--ok:#1f6f3b;--radius:18px;--radius2:13px;--shadow:0 14px 34px #040b1c24;--shadow2:0 18px 42px #040b1c2e;--max:1180px}*{box-sizing:border-box}html,body{height:100%}body{color:#f4f7ff;background:radial-gradient(1200px 700px at 12% -15%,#56d2ff1f,#0000 58%),radial-gradient(800px 500px at 95% -10%,#ffb8661f,#0000 62%),linear-gradient(#0a1225,#060b16);margin:0;font-family:Space Grotesk,Manrope,Avenir Next,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.topbar{z-index:50;background:#060c18bd;border-bottom:1px solid #92afea38;position:sticky;top:0}.topbar .btn{color:#121827;background:#f6f8fc;border-color:#cad4e5}.topbar .btn:hover{background:#e9eef8}.topbar .btn.ghost{color:#111;background:#f2f4f8;border-color:#cfd6e2}.topbar-inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:14px;margin:0 auto;padding:14px 18px;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:17px;font-weight:750}.brand .tag{color:#b2bfdc;font-size:12px}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;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:10px 13px;font-size:13px;font-weight:650;transition:transform 50ms,background .2s,border-color .2s,opacity .2s}.btn:hover{background:#ecf1f9;border-color:#becadb}.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:#ffffff52}.btn.ghost:hover{background:#ffffff1f}.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:26px 18px 56px}.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-radius:var(--radius);color:#131926;box-shadow:var(--shadow2);background:linear-gradient(140deg,#f6f8fc 0%,#edf2fa 100%);border:1px solid #d4ddeb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px;display:flex}.hero h1{letter-spacing:-.03em;color:#111827;margin:0;font-size:clamp(26px,2.6vw,34px)}.hero p{color:#586174;max-width:760px;margin:8px 0 0;font-size:14px;line-height:1.52}.hero-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pill{color:#1b2434;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cfd8e7;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:650}.escape{border-radius:var(--radius);color:#141b2a;background:linear-gradient(135deg,#f7f9fd 0%,#eef3fb 100%);border:1px solid #d3dceb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-top:14px;padding:17px;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{width:min(560px,100%);color:var(--text);background:#fff;border:1px solid #cfd8e6;border-radius:999px;outline:none;padding:13px 15px;font-size:14px}.input:focus{border-color:#9cb1d1;box-shadow:0 0 0 3px #6495ed2e}.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-radius:var(--radius);color:#111;background:linear-gradient(160deg,#f8faff 0%,#eef3fb 100%);border:1px solid #d4dceb;flex-direction:column;min-height:210px;padding:17px 17px 15px;display:flex;box-shadow:0 8px 24px #07122814}.card:hover{border-color:#bac9df;transform:translateY(-1px);box-shadow:0 14px 28px #0712281f}.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:#182236;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ccd6e6;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:650;transition:background .2s,border-color .2s,transform 50ms,box-shadow .2s}.chip:hover{background:#eef3fb;border-color:#b8c8df;box-shadow:0 0 0 2px #89a8db33}.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-radius:var(--radius);color:#111;box-shadow:var(--shadow2);background:linear-gradient(160deg,#f7f9fd 0%,#edf2fa 100%);border:1px solid #d3dceb;padding:20px}.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-radius:var(--radius);background:var(--panel2);color:#111;border:1px solid #d3ddeb;padding:15px}.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 #d9e0ee;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}@media (max-width:860px){.topbar-inner{flex-direction:column;align-items:flex-start}.nav-actions{justify-content:flex-start;width:100%}.auth-status{text-align:left;max-width:none}.hero{padding:18px 16px}.container{padding:20px 14px 48px}}.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}.badge.busy{color:#1a4f99;border-color:#bbd3f5}.badge.busy .dot{background:#1a4f99;animation:.8s linear infinite ld-spin}@keyframes ld-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}