*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#0b1220;color:#f8fafc}.top{background:#111827;border-bottom:1px solid #334155;padding:16px 28px;display:flex;gap:18px;align-items:center}.top img{width:38px;height:38px}.top a{color:#93c5fd;text-decoration:none;margin-left:10px}.wrap{max-width:1200px;margin:24px auto;padding:0 18px}.card{background:#111827;border:1px solid #334155;border-radius:16px;padding:18px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.sys{background:#0f172a;border:1px solid #334155;border-radius:14px;padding:14px}.muted{color:#94a3b8}.btn{border:0;border-radius:10px;padding:10px 14px;background:#38bdf8;color:#00111f;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.btn.gray{background:#e2e8f0}.btn.danger{background:#ef4444;color:white}.inp,select,textarea{width:100%;background:#020617;color:#fff;border:1px solid #334155;border-radius:10px;padding:10px;margin:6px 0}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #334155;padding:8px;text-align:left}.totp{font-size:32px;letter-spacing:8px;background:#e2e8f0;color:#0f172a;border-radius:14px;padding:12px;text-align:center;font-weight:900;cursor:pointer}.ok{background:#064e3b;border:1px solid #10b981;color:#d1fae5;padding:10px;border-radius:10px}.err{background:#7f1d1d;border:1px solid #ef4444;color:#fee2e2;padding:10px;border-radius:10px}