.authwrap{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:40px 16px;background:radial-gradient(ellipse at top,#2a2108 0,var(--bg) 65%)}
.authcard{width:100%;max-width:420px;background:var(--c);border:1px solid #2a2418;border-radius:14px;padding:32px;box-shadow:0 10px 40px #0008}
.authcard h1{color:var(--g);font-size:26px;margin:0 0 6px;text-align:center}.authcard .sub{color:var(--m);text-align:center;margin:0 0 22px;font-size:14px}
label{display:block;font-size:13px;color:var(--m);margin:14px 0 6px}
input{width:100%;padding:11px 12px;background:#0b0a08;border:1px solid #3a3222;border-radius:8px;color:var(--t);font:inherit}input:focus{outline:none;border-color:var(--g)}
.fbtn{width:100%;margin-top:20px;padding:12px;border:0;border-radius:8px;background:linear-gradient(#f3d27a,#c9971f);color:#111;font-weight:700;font-size:15px;cursor:pointer}.fbtn:disabled{opacity:.5;cursor:not-allowed}
.fbtn.ghost{background:none;border:1px solid var(--g);color:var(--g)}.fbtn.danger{background:#7a1d1d;color:#fff}
.msg{margin-top:14px;font-size:14px;min-height:20px}.msg.err{color:#ff8a7a}.msg.ok{color:#8fd68f}
.links{display:flex;justify-content:space-between;margin-top:16px;font-size:14px;flex-wrap:wrap;gap:8px}
.dash{display:flex;min-height:calc(100vh - 64px)}
.side{width:240px;flex:none;background:#100e0b;border-right:1px solid #2a2418;padding:20px 12px}
.side a{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;color:var(--t);text-decoration:none;font-size:15px;margin-bottom:2px}
.side a:hover{background:#1b1812}.side a.on{background:#2a2108;color:var(--g2);box-shadow:inset 3px 0 0 var(--g)}
.main{flex:1;padding:32px;max-width:1000px;min-width:0}.main h1{color:var(--g);margin:0 0 6px;font-size:28px}.main .sub{color:var(--m);margin:0 0 24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:20px}
.box{background:var(--c);border:1px solid #2a2418;border-radius:12px;padding:20px;margin-bottom:16px}.box h3{margin:0 0 10px}
.pill{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700}.pill.off{background:#3a1c1c;color:#ff9c8c}.pill.on{background:#1c3a1f;color:#9fe0a3}.pill.wait{background:#3a3218;color:var(--g2)}
.kv{display:flex;justify-content:space-between;border-bottom:1px solid #221e16;padding:8px 0;font-size:14px;gap:10px}.kv span:first-child{color:var(--m)}
.big{font-size:34px;font-weight:800;color:var(--g2)}.muted{color:var(--m);font-size:14px}
ol.steps2{padding-left:20px}ol.steps2 li{margin-bottom:10px}
.dfoot{border-top:1px solid #2a2418;padding:18px 32px;color:var(--m);font-size:12px;background:#0b0a08}
.mtoggle{display:none;background:none;border:1px solid #3a3222;color:var(--t);border-radius:6px;padding:4px 10px;cursor:pointer}
.userchip{color:var(--m);font-size:13px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel{display:none}.panel.on{display:block}
@media(max-width:860px){.dash{flex-direction:column}.side{width:100%;display:none;border-right:0;border-bottom:1px solid #2a2418}.side.open{display:block}.mtoggle{display:inline-block}.main{padding:20px 16px}.userchip{display:none}.dfoot{padding:16px}}
section.panel{padding:0}