:root{--nv:#0f172a;--nv2:#1e293b;--ac:#2563eb;--ac2:#1d4ed8;--tx:#e2e8f0;--mut:#94a3b8}
body{padding-top:64px!important}
header{top:64px!important}
.bar{position:fixed;top:0;left:0;right:0;height:64px;z-index:99999;background:var(--nv);color:var(--tx);display:flex;align-items:center;gap:18px;padding:0 24px;box-shadow:0 2px 14px rgba(0,0,0,.25);font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}
.bar a{color:var(--tx);text-decoration:none}
.bar .brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.bar .brand b{color:#60a5fa}
.bar .back{border:1px solid #334155;background:transparent;color:var(--tx);padding:8px 14px;border-radius:8px;cursor:pointer;font:inherit}
.bar .back:hover{background:var(--nv2)}
.bar nav{display:flex;gap:4px;margin-left:12px;flex:1}
.bar nav a{padding:8px 12px;border-radius:8px;color:var(--mut)}
.bar nav a:hover,.bar nav a.on{color:#fff;background:var(--nv2)}
.bar .act{display:flex;align-items:center;gap:10px}
.bar .btn{padding:8px 16px;border-radius:8px;font-weight:600;border:1px solid #334155}
.bar .btn.p{background:var(--ac);border-color:var(--ac);color:#fff}.bar .btn.p:hover{background:var(--ac2)}
.bar .cart{position:relative;padding:8px 10px}
.bar .cart i{position:absolute;top:0;right:-2px;background:#ef4444;color:#fff;font-style:normal;font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.bar .menu{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--nv);color:#fff;padding:12px 20px;border-radius:10px;z-index:100000;font-family:system-ui,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.foot{background:var(--nv);color:var(--mut);text-align:center;padding:22px;font:13px system-ui,sans-serif}
.foot a{color:var(--tx);text-decoration:none;margin:0 8px}
.auth{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:24px;background:#f1f5f9;font-family:'Inter',system-ui,sans-serif}
.card{background:#fff;width:100%;max-width:420px;padding:36px;border-radius:16px;box-shadow:0 10px 40px rgba(15,23,42,.1);color:#0f172a}
.card h1{font-size:26px;margin-bottom:6px}.card p.s{color:#64748b;margin-bottom:22px;font-size:14px}
.card label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}
.card input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}
.card input:focus{outline:2px solid #93c5fd;border-color:var(--ac)}
.card button.go{width:100%;margin-top:22px;padding:13px;border:0;border-radius:10px;background:var(--ac);color:#fff;font:600 15px inherit;cursor:pointer}
.card button.go:hover{background:var(--ac2)}
.card .msg{margin-top:14px;font-size:13px;min-height:18px;color:#dc2626}.card .msg.ok{color:#16a34a}
.card .alt{margin-top:18px;text-align:center;font-size:14px;color:#64748b}.card .alt a{color:var(--ac);font-weight:600;text-decoration:none}
.doc{max-width:760px;margin:0 auto;padding:48px 24px;font:16px/1.7 'Inter',system-ui,sans-serif;color:#0f172a}.doc h1{margin-bottom:16px}.doc h2{margin:24px 0 8px;font-size:18px}
html{scroll-padding-top:76px;-webkit-text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
body.is-home>header,body.is-home header{display:none!important}
.bar{min-width:0}.bar .brand{white-space:nowrap}
.bar .act{margin-left:auto}
@media(max-width:1024px){
 .bar{padding:0 14px;gap:10px}
 .bar nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--nv);flex-direction:column;gap:2px;padding:10px 14px 16px;margin:0;box-shadow:0 12px 24px rgba(0,0,0,.3)}
 .bar nav.open{display:flex}
 .bar nav a{padding:12px 14px;font-size:15px}
 .bar .menu{display:block;order:3}
 .bar .hide-m{display:none}
 .bar .btn{padding:8px 12px;font-size:13px}
 .bar .brand{font-size:18px}
}