:root{--bg:#0b0f14;--panel:#121822;--border:#1f2a3a;--text:#e6edf3;--muted:#9aa4b2;--accent:#7c5cff;--accent-glow:#7c5cff4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top,#7c5cff26,transparent 40%),var(--bg);font-family:Segoe UI,Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0e141ee6;flex-direction:column;gap:24px;padding:32px 24px;display:flex}.brand{text-transform:uppercase;letter-spacing:.08em;font-size:18px;font-weight:700}.nav{flex-direction:column;gap:12px;display:flex}.nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;padding:10px 14px;transition:all .2s}.nav a:hover{color:var(--text);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);background:#7c5cff1a}.main{padding:40px 56px}.header{flex-direction:column;gap:8px;margin-bottom:32px;display:flex}.header h1{font-size:32px}.header p{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 10px 30px #0003}.card h3{font-size:16px}.card p{color:var(--muted);font-size:14px}.badge{background:#7c5cff26;border:1px solid #7c5cff66;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.section{flex-direction:column;gap:12px;margin-top:32px;display:flex}.panel{border:1px solid var(--border);background:#121822cc;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex}.panel.form{gap:16px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.field{color:var(--muted);flex-direction:column;gap:8px;font-size:13px;display:flex}.input{color:var(--text);border:1px solid var(--border);background:#0a0e14e6;border-radius:10px;padding:10px 12px;font-size:14px}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #7c5cff33}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{color:#fff;cursor:pointer;background:var(--accent);border:none;border-radius:10px;padding:10px 16px;font-weight:600}.button:hover{box-shadow:0 8px 20px var(--accent-glow)}.button.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.button.danger{color:#ff9b9b;background:0 0;border:1px solid #ff565666}.status{border:1px solid #0000;border-radius:10px;padding:8px 12px;font-size:13px}.status.error{color:#ff9b9b;background:#ff565614;border-color:#ff565666}.status.success{color:#6ee7b7;background:#58d68d14;border-color:#58d68d66}.muted{color:var(--muted);font-size:13px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.profile-grid span{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.table{border-collapse:collapse;width:100%;font-size:13px}.table th,.table td{text-align:right;border-bottom:1px solid var(--border);padding:10px 12px}.table th{color:var(--muted);font-weight:500}.pill{border:1px solid var(--border);background:#0e131ce6;border-radius:999px;padding:4px 10px;font-size:12px}.pill.ok{color:#6ee7b7;border-color:#6ee7b766}.pill.warn{color:#fbbf24;border-color:#fbbf2473}.pill.bad{color:#ff9b9b;border-color:#ff565680}.notice{color:var(--muted);border:1px dashed #7c5cff80;border-radius:12px;padding:12px 16px;font-size:13px}.secret{color:var(--text);border:1px solid var(--border);background:#0a0e14e6;border-radius:12px;padding:12px 14px;font-size:13px;overflow-x:auto}.secret code{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:block}.toggle{color:var(--muted);border:1px solid var(--border);background:#12182259;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:inline-flex}.toggle input{accent-color:var(--accent)}.linkCard{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.linkCard:hover{border-color:#7c5cff99;transform:translateY(-2px);box-shadow:0 14px 40px #00000059}
