@import url('./account-layout.css');
.sidebar>div{min-width:0}.workspace-main{min-width:0}.hero-text h1{overflow-wrap:anywhere}.plan-option span{min-width:0}.plan-option strong{white-space:nowrap}
.profile-summary>div{min-width:0}.profile-summary b{overflow-wrap:anywhere}.scroll-table table{min-width:620px}.checkout-summary .hint{margin-top:16px}
.telegram-panel{grid-column:1/-1}.telegram-code{margin:18px 0;padding:16px 18px;border:1px solid #8e5dfc55;border-radius:13px;background:#130d2a;display:grid;gap:5px}.telegram-code small{color:var(--muted);font-size:11px}.telegram-code b{font-size:25px;letter-spacing:.14em;color:#c7aeff}.inline-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:760px){.sidebar>div:not(.sidebar-bottom){width:100%;flex-basis:100%}.side-nav{max-width:100%}}
:root{--ink:#f5f3ff;--muted:#aaa7be;--line:#9d88ff30;--purple:#aa81ff;--soft:#251b42;--paper:#100e27;--green:#65d5b0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#080819;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #ad83ff;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3vw,46px);letter-spacing:-.055em;line-height:1.12}h2{font-size:21px;letter-spacing:-.035em}h3{font-size:16px}p{line-height:1.6}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--purple)}.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:750;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;background:var(--purple);width:35px;height:35px;border-radius:12px;color:white;font-size:21px}.brand small{color:var(--muted);font-size:9px;letter-spacing:.12em;display:block;margin-top:4px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:13px 19px;background:var(--purple);color:white;font-size:13px;font-weight:600;min-height:44px;transition:background .2s,transform .2s}.button:hover{background:#8951ff;transform:translateY(-1px)}.button.secondary{background:#111027;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.text{background:none;color:var(--muted);padding:8px}.button.small{padding:9px 13px;font-size:12px;min-height:38px}.full{width:100%}.panel{background:#111027;border:1px solid var(--line);border-radius:19px;padding:25px}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.panel-top h2{margin:0}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--soft);color:#c9afff;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:600;white-space:nowrap}.pill.good{background:#15352e;color:#7be6ba}.pill.warn{background:#342a17;color:#f1cf87}.pill.bad{background:#351827;color:#ff98af}.avatar{width:39px;height:39px;border-radius:13px;background:#2d1b4f;color:#c3a2ff;display:grid;place-items:center;font-size:14px;font-weight:700;flex-shrink:0}.field{display:grid;gap:8px;font-size:12px;font-weight:600;margin-bottom:18px}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid #3b3158;background:#0b0b20;color:var(--ink);padding:13px 14px;border-radius:10px;outline:none;font-weight:400;transition:border-color .2s,box-shadow .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:#9870ef;box-shadow:0 0 0 3px #8951ff20}.field input:read-only{color:var(--muted);background:#14112a}.field textarea{resize:vertical;min-height:115px;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.message{border-radius:12px;padding:13px 16px;line-height:1.55;font-size:13px;background:#26203a;color:#d2c1ef;margin-bottom:20px}.message.error{background:#351827;color:#ffa2b5}.message.success{background:#12352d;color:#85e5bc}[hidden]{display:none!important}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0}.check input{accent-color:var(--purple);margin-top:4px}.check a{text-decoration:underline}.empty{padding:35px 14px;text-align:center}.empty-symbol{display:grid;place-items:center;width:55px;height:55px;margin:0 auto 17px;border:1px solid #514072;background:#1a1532;border-radius:18px;color:#b897f0;font-size:26px}.empty h3{margin-bottom:8px}.empty p{font-size:13px;max-width:330px;margin:0 auto 20px;color:var(--muted)}.subtle-link{font-size:12px;color:var(--purple)}.money{white-space:nowrap;font-variant-numeric:tabular-nums}.detail{font-size:12px;color:var(--muted);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.scroll-table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:500;padding:0 12px 14px}td{border-top:1px solid var(--line);padding:18px 12px;vertical-align:middle}td small{display:block;color:var(--muted);font-size:10px;margin-top:5px}details summary{cursor:pointer;font-weight:600}details p{max-width:380px;margin:10px 0 0;font-size:12px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.section-view{animation:enter .35s ease both}.skeleton{padding:40px 0;color:var(--muted)}.spin{display:inline-block;width:13px;height:13px;border:2px solid #4d3a70;border-top-color:var(--purple);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.footer-note{display:flex;justify-content:space-between;gap:15px;color:#8f88a8;font-size:10px;margin-top:30px;padding:12px 0}select,input{accent-color:var(--purple)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:560px){.form-grid{grid-template-columns:1fr;gap:0}.panel{padding:20px}.panel-top{align-items:flex-start}.footer-note{flex-wrap:wrap}}

/* Shared visual language with the main VoidBots site. */
:root{color-scheme:dark;font-family:Arial,sans-serif}
body{background:radial-gradient(ellipse 85% 55% at 60% 0,#20134d 0,transparent 70%),#080819;background-attachment:fixed}
.brand-mark,.button:not(.secondary):not(.text){background:linear-gradient(110deg,#7633fa,#9850ff 65%,#456dff);color:#fff;box-shadow:0 5px 22px #753bfa30,inset 0 1px 0 #ffffff24}
.button:not(.secondary):not(.text):hover{box-shadow:0 7px 28px #8951ff50;filter:brightness(1.1)}
.panel,.metric{background:linear-gradient(135deg,#15112cde,#0d0d22f5);box-shadow:0 14px 40px #02021130,inset 0 1px 0 #c19bff05}
.sidebar{background:linear-gradient(180deg,#100d25,#080817)}
.side-nav a.active{box-shadow:inset 3px 0 0 #a066ff,0 0 20px #753bfa0d}
.overview-hero{border:1px solid #875bec50;box-shadow:0 0 45px #713ae018;background-image:linear-gradient(90deg,#0b091933,transparent 70%),url("../profile-cover-dark.png")}
.overview-hero h1{color:#fff;text-shadow:0 2px 25px #06061470}
.auth-art{border-right:1px solid var(--line);background-position:90% center}
@media(max-width:760px){.auth-art{background-position:75% 50%}}
.auth-tabs button{color:#aaa7be}.auth-tabs button.active{color:#c9a9ff}
.message{border:1px solid #9d88ff26}.message.error{border-color:#ff678833}.message.success{border-color:#56dba733}
.field input:-webkit-autofill{-webkit-text-fill-color:#f5f3ff;box-shadow:0 0 0 100px #15102c inset}