:root{color-scheme:dark;--bg: #12070c;--panel: rgba(18, 10, 14, .88);--panel-strong: rgba(28, 12, 20, .96);--panel-black: rgba(11, 8, 10, .96);--line: rgba(255, 59, 114, .22);--line-strong: rgba(255, 59, 114, .48);--text: #f7d8e3;--muted: #c7a5b2;--accent: #ff3b72;--accent-soft: #ff9eb9;--success: #7de4b0;--shadow: 0 28px 70px rgba(0, 0, 0, .4);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;font-family:Segoe UI,Arial Narrow,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:linear-gradient(rgba(255,55,108,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,55,108,.08) 1px,transparent 1px),linear-gradient(145deg,rgba(255,59,114,.06),transparent 30%,transparent 68%,rgba(255,59,114,.04)),radial-gradient(circle at top,rgba(111,18,43,.5),transparent 35%),linear-gradient(180deg,#220911fa,#0c060a);background-size:44px 44px,44px 44px,auto,auto,auto;color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,summary{font:inherit}button,input,textarea{transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease,opacity .22s ease}button:active{transform:scale(.985)}.screen-state{min-height:100vh;display:grid;place-items:center;padding:24px;font-size:24px}.screen-state.error{color:var(--accent-soft)}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;width:100%}.sidebar{border-right:1px solid var(--line);background:#080407db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:24px;display:flex;flex-direction:column;gap:22px}.brand-kicker,.section-chip,.hero-chip,.panel-label{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.brand-title{margin-top:16px;font-size:40px;font-weight:800;letter-spacing:.03em}.brand-subtitle,.muted-line{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.muted-line.spacious{letter-spacing:.06em;text-transform:none}.glass-card{background:linear-gradient(180deg,rgba(37,15,24,.92),var(--panel));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 35%);pointer-events:none}.glass-card:after{content:"";position:absolute;top:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,rgba(255,59,114,.18),transparent 58%),linear-gradient(180deg,rgba(255,59,114,.22),transparent);clip-path:polygon(100% 0,0 0,100% 100%);pointer-events:none;opacity:.8}.menu{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}.menu-item,.tab-button,.primary-button,.ghost-button,.period-button,.preset-button,.icon-button{border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;border-radius:var(--radius-sm)}.menu-item{display:inline-flex;align-items:center;text-align:left;width:auto;max-width:100%;padding:16px 22px;font-size:17px;min-height:56px;position:relative;background:#11090d9e}.menu-item-text{display:inline-flex;align-items:center}.menu-item:hover,.tab-button:hover,.ghost-button:hover,.period-button:hover,.preset-button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.menu-item.active,.tab-button.active,.subscription-card.selected,.plan-card.featured,.period-button.active,.preset-button.active{background:#780e2b59;border-color:var(--accent);box-shadow:0 0 0 1px #ff3b722e inset}.menu-item.active:before{content:"";position:absolute;left:10px;top:50%;width:6px;height:6px;border-radius:999px;background:var(--accent);transform:translateY(-50%);box-shadow:0 0 12px #ff3b728c}.profile-card{margin-top:auto;padding:18px}.profile-name{font-size:24px;font-weight:700;margin:10px 0 6px}.content{padding:40px;min-width:0}.content>*{width:100%;max-width:1080px}.hero h1,.content-section h2{margin:14px 0 8px;font-size:clamp(40px,7vw,88px);line-height:.95;text-shadow:0 10px 28px rgba(255,59,114,.18);text-align:center;letter-spacing:.02em}.hero p,.content-section p,.dashboard-main p,.balance-card p,.support-card p,.trial-banner p,.guide-list li,.feature-list li,.plan-card p,.ticket-message p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.65}.dashboard-card,.subscription-card,.balance-card,.support-card,.accordion details,.guide-card,.plan-card,.order-row,.modal-card{animation:fadeUp .32s ease}.hero{position:relative;padding:8px 0 14px}.hero:after{content:"";position:absolute;inset:-40px -20px auto auto;width:280px;height:280px;background:radial-gradient(circle,rgba(255,59,114,.16),transparent 68%);pointer-events:none;filter:blur(10px)}.dashboard-card{margin-top:28px;padding:24px;background:linear-gradient(180deg,#180a0ff5,#0a080afa)}.dashboard-topline{display:flex;justify-content:space-between;gap:16px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.dashboard-grid,.balance-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.dashboard-grid{grid-template-columns:2fr 1fr 1fr}.dashboard-main,.dashboard-stat{padding:22px;border:1px solid var(--line);background:#0a080af5;border-radius:var(--radius-md)}.dashboard-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.dashboard-main h2{font-size:34px;margin:14px 0}.stat-value,.balance-value{font-size:clamp(34px,6vw,52px);font-weight:800;margin-top:14px}.trial-banner{margin-top:20px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#2b0b15bd,#18090ee6);border-radius:var(--radius-md);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.trial-banner.used{border-color:#7de4b038;background:#122c2133}.primary-button,.ghost-button{padding:14px 18px;white-space:nowrap}.primary-button{background:linear-gradient(135deg,#ff2d6a,#ff5a86);border-color:#ff5a86e6;color:#fff;font-weight:700;box-shadow:0 12px 28px #ff3b723d;position:relative;overflow:hidden}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #ff3b7247}.primary-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 42%);pointer-events:none}.primary-button.secondary,.ghost-button{background:#11090db8;color:var(--text);box-shadow:none}.primary-button:disabled{opacity:.65;cursor:wait}.inline-message{margin-top:18px;border:1px solid rgba(125,228,176,.3);background:#122c2147;border-radius:var(--radius-md);padding:14px 16px;color:var(--success)}.inline-message.error{border-color:#ff3b7266;background:#4a0c1e59;color:var(--accent-soft)}.content-section,.device-section,.admin-block,.orders-block{display:grid;gap:26px}.subscription-grid,.support-layout,.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.subscription-card,.balance-card,.support-card,.guide-card,.plan-card{padding:24px;min-width:0;background:linear-gradient(180deg,#1e0c14f0,#0f090cfa);box-shadow:var(--shadow),0 0 0 1px #ff3b720f inset}.plan-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.plan-card:after{content:"";position:absolute;inset:auto -40px -50px auto;width:180px;height:180px;background:radial-gradient(circle,rgba(255,59,114,.18),transparent 70%);pointer-events:none}.plan-card.featured{box-shadow:var(--shadow),0 0 0 1px #ff3b7229 inset,0 0 34px #ff3b722e}.plan-ribbon{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:14px;border:1px solid rgba(255,90,134,.45);border-radius:999px;background:#ff3b721f;color:var(--accent-soft);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.subscription-card.empty{grid-column:1 / -1}.subscription-card p,.balance-card p,.support-card p{margin:0}.subscription-head,.device-header,.guide-topline,.plan-top,.modal-header,.topup-highlight{display:flex;align-items:center;justify-content:space-between;gap:12px}.subscription-head h3,.support-card h3,.guide-topline h4,.plan-top h3,.modal-card h3{margin:0;font-size:28px}.action-row,.tab-row,.period-row,.preset-row{display:flex;flex-wrap:wrap;gap:10px}.section-chip{justify-self:start;text-align:left}.status-pill,.stars-badge,.price-badge{border:1px solid var(--line);padding:7px 12px;text-transform:uppercase;font-size:11px;letter-spacing:.16em;border-radius:999px}.status-pill.active,.status-pill.paid{border-color:#7de4b073;color:var(--success)}.status-pill.pending{border-color:#ff9eb973;color:var(--accent-soft)}.status-pill.failed,.status-pill.refunded,.status-pill.closed{border-color:#ff9eb94d;color:var(--accent-soft)}.subscription-card,.balance-card,.support-card,.order-row,.accordion details{border-color:#ff3b7247}.stars-badge,.price-badge{border-color:#ff3b7266;color:var(--accent-soft);background:#780e2b2e}.stars-badge.large{font-size:14px;padding:10px 14px}.plan-specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.plan-specs span,.period-button,.preset-button,.topup-highlight{border:1px solid var(--line);background:#0d090be6;border-radius:var(--radius-md)}.plan-specs span{padding:10px 12px;color:var(--accent-soft);width:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px}.feature-list,.guide-list{margin:18px 0 0;padding-left:22px}.period-button,.preset-button{padding:12px 14px;min-width:92px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;position:relative;overflow:hidden}.period-button:before,.preset-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,59,114,.08),transparent 46%);opacity:0;transition:opacity .22s ease;pointer-events:none}.period-button:hover:before,.preset-button:hover:before,.period-button.active:before,.preset-button.active:before{opacity:1}.preset-button{min-width:96px}.plan-card .period-row{justify-content:flex-start}.plan-card .period-button{flex:0 0 auto;width:auto;min-width:0;max-width:100%;align-items:flex-start}.plan-action-row{width:100%;display:flex;justify-content:flex-end}.plan-buy-button{display:inline-flex;justify-content:center;width:auto;min-width:140px;max-width:100%;align-self:flex-end;margin-left:auto;margin-right:0}.device-section .action-row,.device-section .tab-row{justify-content:flex-start;align-items:center}.device-section .ghost-button,.device-section .primary-button.secondary,.device-section .tab-button{width:auto;flex:0 0 auto}.device-section .tab-button{min-width:0;padding-inline:16px;white-space:nowrap}.guide-card{gap:16px;display:grid;background:linear-gradient(180deg,#271118f5,#150b0ffa)}.guide-card .ghost-button,.guide-card .primary-button.secondary{align-self:flex-start}.guide-card .primary-button.secondary{width:auto;min-width:fit-content;max-width:100%;justify-content:center;clip-path:none;border-radius:16px}.device-section .action-row .ghost-button,.device-section .action-row .primary-button.secondary,.guide-card .ghost-button,.guide-card .primary-button.secondary{min-width:0;width:auto;padding-inline:18px}.bottom-dock{display:none}.support-form{display:grid;gap:12px;margin-top:16px}.support-form.compact{margin-top:18px}.input-group{display:grid;gap:8px}.form-input,.form-textarea{width:100%;border:1px solid var(--line);background:#0c080ae0;color:var(--text);border-radius:var(--radius-md);padding:14px 16px;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff3b7224}.amount-input{font-size:28px;font-weight:800}.form-textarea{min-height:110px;resize:vertical}.tickets-column,.orders-list,.accordion{display:grid;gap:12px}.ticket-thread{display:grid;gap:10px;margin-top:16px}.ticket-message{border:1px solid var(--line);background:#100a0db8;border-radius:var(--radius-md);padding:12px 14px}.ticket-message p{margin:10px 0 0}.order-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;margin-top:2px;background:linear-gradient(180deg,#120a0df5,#0a080afa)}.order-row.empty{justify-content:flex-start;color:var(--muted)}.order-title{font-size:18px;font-weight:700}.order-meta,.admin-order-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.accordion details{padding:18px 20px}.accordion summary{cursor:pointer;font-size:22px;font-weight:700}.accordion details[open]{border-color:var(--line-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080407b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;z-index:30;overflow-y:auto}.modal-card{width:min(560px,100%);padding:24px;animation:modalIn .26s ease;max-height:calc(100vh - 40px);overflow-y:auto;background:linear-gradient(180deg,#200d15fa,#0f090cfc)}.icon-button{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;padding:0;background:#100a0dc2;color:transparent;position:relative}.icon-button:before{content:"×";color:var(--text);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:26px;line-height:1}.icon-button:hover{transform:translateY(-1px);border-color:var(--line-strong)}.topup-highlight{margin-top:18px;padding:16px 18px}.modal-note{margin:10px 0 0;max-width:360px;color:var(--muted);font-size:15px;line-height:1.55}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1100px){.dashboard-grid,.balance-hero-grid{grid-template-columns:1fr}}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:15;border-right:none;border-bottom:1px solid var(--line);padding:12px 12px 10px;gap:10px;background:linear-gradient(180deg,#29131dfa,#170b10f2)}.brand-title{font-size:24px;margin-top:4px}.brand-subtitle{font-size:10px}.menu,.profile-card{display:none}.content{padding:16px 12px 118px}.content>*{max-width:620px;margin-inline:auto}.subscription-grid,.support-layout,.plan-grid{grid-template-columns:1fr}.hero h1,.content-section h2{font-size:clamp(34px,10.5vw,52px);line-height:.96;text-align:left;max-width:10ch}.hero{padding-top:4px}.hero p,.content-section p,.dashboard-main p,.balance-card p,.support-card p,.trial-banner p,.guide-list li,.feature-list li,.plan-card p,.ticket-message p{font-size:16px;line-height:1.6}.dashboard-card,.subscription-card,.balance-card,.support-card,.guide-card,.plan-card,.modal-card{padding:18px;border-radius:24px}.dashboard-card,.balance-card,.support-card,.guide-card,.plan-card,.subscription-card,.modal-card,.order-row,.accordion details{background:linear-gradient(180deg,#170b10fa,#0a080afa)}.dashboard-topline{margin-inline:-18px;margin-top:-18px;padding:10px 16px;background:#5d0e263d;border-bottom:1px solid rgba(255,59,114,.18)}.dashboard-main,.dashboard-stat,.balance-card,.support-card,.guide-card,.subscription-card,.order-row,.accordion details{box-shadow:inset 0 0 0 1px #ff3b720f,0 18px 36px #0000003d}.dashboard-main h2{max-width:9ch}.subscription-card,.balance-card,.support-card{gap:14px;display:grid}.dashboard-main,.dashboard-stat{padding:16px}.dashboard-main h2,.subscription-head h3,.support-card h3,.guide-topline h4,.plan-top h3,.modal-card h3{font-size:24px}.balance-value,.stat-value{font-size:clamp(30px,10vw,42px)}.menu-item{padding:13px 18px;font-size:16px;min-height:54px}.plan-ribbon,.status-pill,.stars-badge,.price-badge{font-size:11px;padding:8px 11px}.status-pill,.price-badge{border-radius:10px}.plan-top,.subscription-head,.guide-topline,.device-header{align-items:flex-start}.plan-specs span{padding:10px 12px;font-size:14px;border-radius:999px;width:auto;max-width:100%}.period-row,.preset-row,.action-row{width:100%}.period-button,.preset-button{flex:0 0 auto;min-width:0;width:auto;padding:12px 13px;border-radius:16px}.plan-card .period-button{flex:0 0 auto;width:auto}.primary-button,.ghost-button{width:100%;justify-content:center;text-align:center;white-space:normal;border-radius:16px}.primary-button{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.ghost-button{border-radius:14px}.plan-buy-button{width:auto;min-width:132px;align-self:flex-end;margin-left:auto;margin-right:0;padding-inline:24px}.subscription-card .primary-button,.balance-card .primary-button{width:auto;min-width:180px;justify-self:start}.tab-button{flex:1 1 auto;min-width:0;padding:10px 12px;font-size:14px;border-radius:14px}.device-section .tab-button,.device-section .ghost-button,.device-section .primary-button.secondary{width:auto;flex:0 0 auto;max-width:100%}.device-section .action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.device-section .action-row .ghost-button,.device-section .action-row .primary-button.secondary{width:auto;min-width:0;min-height:48px;padding:12px 14px;clip-path:none;border-radius:16px;justify-self:start}.form-input,.form-textarea{padding:13px 15px;font-size:16px}.amount-input{font-size:26px}.modal-overlay{padding:10px 8px 14px;align-items:start}.modal-card{width:min(100%,440px);max-height:calc(100vh - 24px)}.trial-banner,.device-header,.guide-topline,.plan-top,.order-row,.modal-header,.topup-highlight{flex-direction:column;align-items:flex-start}.order-meta,.admin-order-actions{width:100%;gap:8px}.bottom-dock{display:block;position:fixed;left:10px;right:10px;bottom:14px;z-index:20;padding:10px 12px 12px;border:1px solid rgba(255,59,114,.34);border-radius:30px;background:#0a080cf5;box-shadow:0 20px 50px #00000073,0 0 0 1px #ff3b721a inset}.bottom-dock:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:999px;border:1px solid rgba(255,59,114,.08);pointer-events:none}.bottom-dock-label{margin-bottom:10px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:10px;opacity:.82}.bottom-dock-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.dock-item{display:grid;justify-items:center;gap:6px;padding:11px 6px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:#f7d8e385;cursor:pointer}.dock-item.active{color:var(--accent-soft);border-color:#ff3b7261;background:radial-gradient(circle at top,#780e2b6b,#260b13eb);box-shadow:0 0 0 1px #ff3b721f inset,0 10px 22px #ff3b721f}.dock-icon{font-size:18px;line-height:1}.dock-text{font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}}@media (max-width: 560px){.sidebar{padding:10px 10px 8px}.content{padding:12px 8px 110px}.content>*{max-width:392px}.brand-title{font-size:22px}.hero h1,.content-section h2{font-size:clamp(32px,10.5vw,42px)}.dashboard-topline{margin-inline:-16px;margin-top:-16px;padding:9px 14px}.brand-kicker,.section-chip,.hero-chip,.panel-label,.muted-line{font-size:10px;letter-spacing:.14em}.dashboard-card,.subscription-card,.balance-card,.support-card,.guide-card,.plan-card,.modal-card,.order-row{padding:16px;border-radius:22px;width:calc(100% - 8px);margin-inline:auto}.dashboard-main,.dashboard-stat,.trial-banner{padding:14px}.subscription-head h3,.support-card h3,.guide-topline h4,.plan-top h3,.modal-card h3,.dashboard-main h2{font-size:22px}.hero p,.content-section p,.dashboard-main p,.balance-card p,.support-card p,.trial-banner p,.guide-list li,.feature-list li,.plan-card p,.ticket-message p,.modal-note{font-size:15px;line-height:1.55}.menu-item{padding:12px 16px;font-size:15px;min-height:52px}.hero-chip,.section-chip{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid rgba(255,59,114,.24);background:#580e2633;border-radius:8px 2px}.subscription-card .primary-button,.balance-card .primary-button{min-width:156px}.period-button,.preset-button{flex-basis:auto;width:auto;padding:12px}.plan-card .period-button{flex-basis:auto;width:auto;max-width:100%}.topup-highlight,.modal-header,.action-row{width:100%}.plan-buy-button{width:auto;min-width:124px;align-self:flex-end;margin-left:auto;margin-right:0}.device-section .action-row,.device-section .tab-row{gap:8px}.device-section .action-row{grid-template-columns:repeat(2,minmax(0,max-content));justify-content:start}.device-section .tab-button,.device-section .action-row .ghost-button,.device-section .action-row .primary-button.secondary,.guide-card .ghost-button,.guide-card .primary-button.secondary{padding-inline:14px}.device-section .action-row .ghost-button,.device-section .action-row .primary-button.secondary{min-height:44px;padding:10px 14px}.guide-card .primary-button.secondary{width:auto;min-width:fit-content;min-height:44px;padding:10px 14px;clip-path:none;border-radius:16px}.plan-specs{gap:8px}.plan-specs span{font-size:13px;padding:9px 11px}.order-title{font-size:17px}.feature-list,.guide-list{padding-left:18px}.balance-value,.stat-value{font-size:34px}.bottom-dock{left:6px;right:6px;bottom:8px;padding:8px 10px 10px;border-radius:26px}.bottom-dock-inner{gap:4px}.dock-item{padding:9px 4px 8px;border-radius:999px}.dock-icon{font-size:16px}.dock-text{font-size:9px}.icon-button{width:38px;height:38px}.brand{padding-right:10px}}