:root{font-family:Inter,Segoe UI,Roboto,sans-serif;color:#f2f5f9;background:#090b10;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--app-vh: 100dvh;--bottom-nav-height: 74px}*{box-sizing:border-box}body{margin:0;background:#05070c;min-height:100vh;overflow-x:hidden}html,#root{overflow-x:hidden;width:100%}html,body,#root{min-height:var(--app-vh)}a{color:#60a5fa}.app-shell{max-width:430px;min-height:var(--app-vh);margin:0 auto;padding:0 14px calc(var(--bottom-nav-height) + 22px + var(--safe-bottom));position:relative;isolation:isolate}.app-bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none;display:block}.app-bg-video{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.56)}.app-bg-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05070c40,#05070cb3 60%,#05070ceb)}.app-content{position:relative;z-index:1;padding-top:calc(16px + var(--safe-top))}@media(max-width:640px){body{background-color:#05070c}.app-shell{max-width:100%;width:100%;padding:0 0 calc(var(--bottom-nav-height) + 18px + var(--safe-bottom))}.app-content{padding-top:calc(14px + var(--safe-top))}.panel,.plan-selector{width:100%}.bottom-nav{width:calc(100vw - 4px);border-radius:12px}.range-input::-webkit-slider-thumb{box-shadow:0 1px 4px #00000047}.range-input::-moz-range-thumb{box-shadow:0 1px 4px #00000047}}.brand-title{font-size:1.18rem;font-weight:600}.brand-subtitle{color:#9ba6bd;font-size:.85rem}.stack{display:grid;gap:12px}.collapsed-list{display:grid;gap:10px}.collapsed-item{display:grid;gap:8px}.collapsed-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#181c23f5,#0c0f15f5);box-shadow:inset 0 0 0 1px #a6aebf33,inset 0 1px #ffffff08;padding:13px 14px;color:#f3f6fb;font-size:1rem;font-weight:600}.collapsed-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-arrow{font-size:1.35rem;color:#e7ecf7cc;transform:rotate(0);transition:transform .18s ease}.collapsed-trigger.open .collapsed-arrow{transform:rotate(90deg)}.collapsed-content{display:grid;gap:10px}.collapsed-open-shell{position:relative}.panel-toggle-corner{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:#0e121aeb;color:#dfe5f2;font-size:1.1rem;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:2}.panel{border-radius:16px;padding:14px;background:#0e1119d6;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px #a6aebf33,inset 0 1px #ffffff0a}.panel.with-subblock{position:relative;overflow:hidden}.panel.with-subblock:before{content:"";position:absolute;inset:52px 10px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#1a1d24f2,#101217f5);box-shadow:inset 0 0 0 1px #a6aebf3d,inset 0 1px #ffffff0a;pointer-events:none}.panel.with-subblock>*{position:relative;z-index:1}.panel.with-subblock>:not(.section-title){padding-left:12px;padding-right:12px}.panel.with-subblock>:last-child{padding-bottom:12px}.hero{border-color:#4299e159}.panel h2,.panel h3{margin-top:0;font-weight:600}.section-title{margin-top:0;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:700}.section-title-icon{display:inline-flex;align-items:center;justify-content:center;color:#a4aeca}.muted{color:#8f9cb4;font-size:.9rem}.card-row,.ticket-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.card-row:last-child,.ticket-row:last-child{border-bottom:none}form{display:grid;gap:10px}label{display:grid;gap:6px;font-size:.9rem}input,textarea,select{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#070a11e6;color:#f5f8ff;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6}button{border:none;border-radius:12px;background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;padding:10px 14px;font-weight:600;cursor:pointer}button:disabled{opacity:.7;cursor:wait}button.ghost{background:#ffffff1a}button.collapsed-trigger{border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#181c23f5,#0c0f15f5);color:#f3f6fb}.form-error{color:#fda4af;font-size:.9rem}.bottom-nav{position:fixed;left:50%;bottom:calc(12px + var(--safe-bottom));transform:translate(-50%);width:min(470px,calc(100vw - 8px));display:grid;grid-template-columns:repeat(var(--nav-items, 4),minmax(0,1fr));gap:4px;padding:8px 8px 10px;border-radius:16px;background:#090c13f7;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;justify-items:center}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#9ba5bb;text-decoration:none;font-size:.73rem;line-height:1;padding:8px 4px;border-radius:11px;min-height:54px;transition:background-color .18s ease,color .18s ease}.bottom-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}.bottom-nav-text{font-weight:600;font-size:.72rem}.bottom-nav-link.active{color:#fff;background:#2563eb3d}.bottom-nav-link.active .bottom-nav-icon{color:#7eb0ff}.login-screen{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(420px,100%);border-radius:18px;padding:20px;background:#0b0e16f2;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08}.login-card h1{margin-top:0}.inline-form{display:flex;gap:8px}.inline-form input,.inline-form select{flex:1}.field-group{display:grid;gap:6px}.field-group>span{font-size:.86rem;color:#a6b1c9}.styled-select{appearance:none;background:linear-gradient(180deg,#0a0d14fa,#080b11fa);border:1px solid rgba(255,255,255,.14)}.custom-picker{position:relative}.custom-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#0a0d14fa,#080b11fa);color:#f5f8ff;padding:10px 12px}.custom-picker-trigger.open{border-color:#3b82f6b3}.custom-picker-arrow{color:#a8b5cc;font-size:.9rem}.custom-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:4px;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#080b11fa;box-shadow:0 10px 26px #0000006b}.custom-picker-menu-up{top:auto;bottom:calc(100% + 6px)}.custom-picker-option{text-align:left;padding:9px 10px;border-radius:9px;border:1px solid transparent;background:#ffffff05;color:#e8edf8;font-size:.92rem}.custom-picker-option.active{border-color:#60a5fa8c;background:#2563eb38}.table-wrap{margin-top:10px;display:grid;gap:8px}.table-row{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;display:grid;gap:6px;box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08}.content-card{align-content:start;overflow:hidden;word-break:break-word}.content-thumb{width:min(100%,320px);border-radius:12px;border:1px solid rgba(255,255,255,.14);display:block}a.content-open-link{display:inline-flex;width:80%;margin-inline:auto;justify-content:center;align-items:center;text-decoration:none;padding:10px 12px;border-radius:12px;color:#f5f8ff}.user-row{width:100%;text-align:left;color:#f2f5f9;background:#10131be6;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08}.user-row.active{border-color:#60a5fa8c;background:#121c2ceb}.user-detail-card{margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(96,165,250,.25);background:#080d16b3;display:grid;gap:10px;box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08}.user-detail-grid{display:grid;gap:8px}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.actions-row button{padding:8px 10px;font-size:.82rem}.plan-selector{display:grid;gap:14px;padding:14px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#1a1d24f2,#101217f5);box-shadow:inset 0 0 0 1px #a6aebf3d,inset 0 1px #ffffff0a}.status-showcase{display:grid;gap:10px;background:linear-gradient(180deg,#12151df2,#0a0d14f5)}.status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.status-plan{display:flex;align-items:center;gap:10px}.status-plan-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#4338ca2e;border:1px solid rgba(167,139,250,.4);color:#d8e2f4}.status-plan-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.status-plan-title{font-size:1.08rem;font-weight:700;color:#f7f9ff}.status-plan-state{margin-top:2px;color:#d7deed;font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:8px}.status-state-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:0 0 auto}.status-state-dot.active{background:#3bd883}.status-state-dot.warning{background:#f0bd44}.status-state-dot.danger{background:#ef5b5b}.status-state-dot.neutral{background:#8390a8}.status-until{text-align:right;display:grid;gap:2px}.status-until span{color:#9ea9c1;font-size:.8rem}.status-until b{color:#eaf0fb;font-size:.98rem}.status-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.status-metric-item{border-radius:12px;border:1px solid rgba(255,255,255,.06);background:#11151ee6;box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08;padding:8px 9px;display:grid;justify-items:center;gap:2px}.status-metric-icon{width:18px;height:18px;color:#c5d0e4;display:inline-flex;align-items:center;justify-content:center}.status-metric-icon svg{width:100%;height:100%}.status-metric-item b{font-size:.9rem;color:#f4f7fd}.status-metric-item small{color:#9aa6be;font-size:.74rem}.status-left-card{border-radius:13px;border:1px solid rgba(255,255,255,.06);background:#0e121aeb;box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.status-left-card span{color:#d6dceb;font-weight:600}.status-left-card b{color:#fff;font-size:1.26rem}.status-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-actions-row.single{grid-template-columns:1fr}.status-action-btn{width:80%;min-height:44px;padding:11px 12px;font-size:.93rem;font-weight:600;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;margin-inline:auto;display:block}.status-action-btn-primary{background:linear-gradient(90deg,#2563eb,#3b82f6);color:#fff;border:none}.status-main-btn{width:80%;min-height:44px;padding:11px 12px;font-size:.93rem;font-weight:600;color:#f2f5f9;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;box-shadow:none;margin-inline:auto;display:block}.status-copy-btn,.status-help-btn{width:80%;min-height:44px;padding:11px 12px;font-size:.93rem;font-weight:600;border:1px solid rgba(255,255,255,.14);margin-inline:auto;display:block}.status-copy-notice{color:#96f5b0;font-size:.84rem;text-align:center}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-inline-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.btn-inline-icon svg{width:100%;height:100%}.vpn-modal-overlay{position:fixed;inset:0;z-index:75;background:#04060bad;display:grid;place-items:center;padding:12px}.vpn-modal{width:min(430px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0f121afa,#0a0c12fa);box-shadow:inset 0 0 0 1px #a6aebf33,inset 0 1px #ffffff0a,0 16px 40px #00000080;padding:14px;display:grid;gap:10px}.vpn-modal h3,.vpn-modal-lead{margin:0}.vpn-field{display:grid;gap:6px}.vpn-field span{font-size:.88rem;color:#abb5cb}.vpn-app-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vpn-app-btn{border:1px solid rgba(255,255,255,.1)}.vpn-app-btn.active{border-color:#60a5fa8c;background:#2563eb3d;color:#fff}.vpn-download-btn{width:60%;min-width:190px;margin-inline:auto;display:block}.vpn-connection-box{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0a0d14b3;box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08;padding:10px;display:grid;gap:8px}.vpn-connection-title{font-size:.85rem;color:#afbad0}.vpn-connection-box code{white-space:pre-wrap;word-break:break-all;font-size:.8rem;color:#e6ecf8}.vpn-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.support-help-open-btn{width:60%;min-width:190px;margin-inline:auto;display:block}.empty-state{text-align:center}.empty-content{min-height:120px;display:grid;place-items:center}.admin-page .inline-form>button,.admin-page form>button,.admin-page .actions-row>button{width:80%;margin-inline:auto;display:block}.admin-page .inline-form>.admin-find-btn{width:25%;min-width:88px;margin-inline:0}.profile-center-btn,.support-submit-btn,.plan-pay-btn{width:80%;margin-inline:auto;display:block}.plan-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.plan-current-title{font-size:1.02rem;font-weight:600;color:#f3f6fa}.plan-current-rate{color:#9aa6be;font-size:.86rem}.plan-selector input[type=range]{width:100%}.range-shell{--percent: 0%;--thumb-size: 24px;--track-height: 4px;--track-color: rgb(40, 44, 52);--progress-color: #0b7dff;position:relative;padding:6px 12px}.range-track-wrap{position:relative;height:var(--thumb-size)}.range-track-wrap .track,.range-track-wrap .progress{position:absolute;top:50%;left:0;height:var(--track-height);transform:translateY(-50%);border-radius:999px}.range-track-wrap .track{width:100%;background:var(--track-color)}.range-track-wrap .progress{width:var(--percent);background:var(--progress-color)}.thumbs{position:absolute;inset:6px 12px auto;height:var(--thumb-size)}.range-input{-webkit-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:var(--thumb-size);margin:0;padding:0;background:transparent;outline:none;border:0;cursor:pointer}.range-input::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;height:var(--track-height);background:transparent}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);border-radius:50%;border:2px solid rgb(236,237,238);background:#ecedee;box-shadow:0 2px 8px #00000059}.range-input::-moz-range-track{height:var(--track-height);border:0;background:transparent}.range-input::-moz-range-progress{height:var(--track-height);background:transparent}.range-input::-moz-range-thumb{-moz-appearance:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;border:2px solid rgb(236,237,238);background:#ecedee;box-shadow:0 2px 8px #00000059}.range-input:focus{outline:none}.range-input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #0b7dff59,0 2px 8px #00000059}.range-input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #0b7dff59,0 2px 8px #00000059}.slider-block{display:grid;gap:10px;padding:4px 0 2px;border-radius:0;border:none;background:transparent}.slider-head{display:flex;justify-content:space-between;gap:8px;font-size:1rem;color:#f0f3f8;font-weight:600}.slider-head span:last-child{font-size:.88rem;font-weight:700;color:#eceff4;background:#272c37bf;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 11px}.slider-scale{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;color:#ebeff675;font-size:1.02rem;font-weight:600}.slider-scale span{min-width:22px;text-align:center;transition:color .15s ease,opacity .15s ease}.slider-scale span.active{color:#eaf0f9;opacity:1}.plan-selector-marks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-chip{min-height:40px;padding:8px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.04);background:#2a2f37;color:#aeb7c8;font-size:.95rem;font-weight:600}.plan-chip.active{background:#353b45;border-color:#ffffff17;color:#f1f4fa}.plan-summary{border:1px solid rgba(52,211,153,.35);border-radius:12px;padding:10px 12px;background:#07141185}.plan-summary-price{font-size:1.3rem;font-weight:700;color:#34d399}.plan-benefits h3{margin:0 0 8px;font-size:.98rem;color:#ecf0f7;font-weight:600}.plan-benefits ul{margin:0;padding-left:17px;display:grid;gap:4px;color:#dce1ea;font-size:.94rem}.plan-pay-btn{margin-top:2px;font-weight:600;border-radius:11px}.profile-card{display:grid;gap:12px}.profile-top{display:flex;align-items:center;gap:10px}.tg-avatar{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(180deg,#2a8df8,#2078e5);border:2px solid rgba(255,255,255,.15);overflow:hidden}.tg-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tg-avatar span{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-head{display:grid;gap:2px}.profile-title{font-size:1.08rem;font-weight:700}.profile-subtitle{color:#a2adc4;font-size:.93rem}.profile-meta{display:grid;gap:8px}.profile-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.profile-meta-row:last-child{border-bottom:none}.ref-link-box{display:grid;gap:8px;padding:10px;border-radius:12px;background:#090c1399;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px #a6aebf2e,inset 0 1px #ffffff08}.ref-stats{display:grid;gap:8px;margin:10px 0 12px}.ref-stat-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#0c0f168f;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px #a6aebf29,inset 0 1px #ffffff08}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}