.auth-wrap{min-height:100dvh;padding:var(--gutter);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--shadow-2);padding:2rem}.auth-card h1{font-size:var(--t-xl);margin-bottom:.25rem}.auth-card .sub{color:var(--text-muted);font-size:var(--t-sm);margin-bottom:1.5rem}.field{margin-bottom:1rem;display:block}.field label{font-size:var(--t-sm);color:var(--text-muted);margin-bottom:.35rem;display:block}.field input{border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--bg-raised);width:100%;color:var(--text);font-size:var(--t-base);padding:.7rem .9rem}.field input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38e1c826}.auth-card .btn-primary{justify-content:center;width:100%;margin-top:.5rem}.msg{font-size:var(--t-sm);border-radius:var(--r-sm);margin-bottom:1rem;padding:.6rem .8rem}.msg.err{color:#fca5a5;background:#f871711f}.msg.ok{color:#86efac;background:#4ade801f}.auth-foot{font-size:var(--t-sm);color:var(--text-muted);text-align:center;margin-top:1.25rem}.auth-foot a{color:var(--accent)}.dash{max-width:var(--maxw);padding:var(--gutter);margin:0 auto}.dash-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:1.5rem}.card h2{font-size:var(--t-lg);margin-bottom:1rem}.key-row{border-bottom:1px solid var(--hairline-soft);font-size:var(--t-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.key-row code{color:var(--accent)}.muted{color:var(--text-muted)}.raw-key{background:var(--abyss);border:1px dashed var(--accent);border-radius:var(--r-md);font-family:var(--font-mono);font-size:var(--t-sm);word-break:break-all;margin:.75rem 0;padding:.8rem}.tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.tab{border:1px solid var(--hairline);color:var(--text-muted);font-size:var(--t-xs);background:0 0;border-radius:999px;padding:.35rem .8rem}.tab.active{border-color:var(--accent);color:var(--accent)}pre.code{background:var(--abyss);border:1px solid var(--hairline);border-radius:var(--r-md);font-size:var(--t-sm);padding:1rem;line-height:1.5;overflow-x:auto}.usage-bar{background:var(--bg-raised);border-radius:999px;height:10px;margin:.5rem 0;overflow:hidden}.usage-bar>span{background:linear-gradient(90deg,var(--aqua-deep),var(--aqua));height:100%;display:block}