:root{--bg: #050816;--text: #f4f6fb;--muted: #8b93a7;--border: rgba(255, 255, 255, .1);--danger: #f87171;--grad: linear-gradient(135deg, #6c5ce7, #a855f7);--font: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:linear-gradient(165deg,#050816c7,#080c2480,#050816d9),radial-gradient(700px 400px at 80% -10%,rgba(108,92,231,.28),transparent 55%),url(/xpanel-bg.png);background-size:cover,auto,cover;background-position:center;background-attachment:fixed}.wrap{min-height:100%;display:grid;place-items:center;padding:1.5rem}.card{width:min(420px,100%);padding:1.75rem;border-radius:22px;border:1px solid var(--border);background:linear-gradient(165deg,#161c3ae6,#0a0e20f2);box-shadow:0 18px 50px #00000073,0 0 40px #6c5ce733}.brand{font-weight:700;font-size:1.35rem;letter-spacing:-.02em;margin-bottom:1.25rem;display:flex;align-items:center;gap:.65rem}.brand-img{width:40px;height:40px;border-radius:12px;object-fit:cover}.brand span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}textarea{width:100%;min-height:120px;resize:vertical;border-radius:14px;border:1px solid var(--border);background:#050816b3;color:var(--text);padding:.85rem 1rem;font:.85rem/1.45 ui-monospace,JetBrains Mono,monospace;outline:none}textarea:focus{border-color:#6c5ce7b3;box-shadow:0 0 0 3px #6c5ce738}button{margin-top:.9rem;width:100%;border:none;border-radius:999px;padding:.75rem 1rem;font:600 .95rem var(--font);color:#fff;background:var(--grad);cursor:pointer;box-shadow:0 10px 28px #6c5ce759}button:disabled{opacity:.5;cursor:not-allowed}.err{margin-top:.75rem;color:var(--danger);font-size:.88rem;text-align:center}