:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0b1020;--card-bg:#1d243ac7;--card-border:#ffffff14;--text-main:#f7f9ff;--text-muted:#98a2c4;--brand:#52ffd8;--brand-soft:#52ffd82e;--danger:#ff8a9a}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 20% 20%,#13345f 0%,transparent 50%),radial-gradient(circle at 80% 10%,#1c2952 0%,transparent 45%),linear-gradient(120deg,var(--bg-base)0%,#080c17 55%,#0b1230 100%);min-height:100%;color:var(--text-main);margin:0;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.route-transition{min-height:100vh;position:relative}.route-transition:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 120%,#52ffd81f,#0000 55%);animation:.55s ease-out both page-veil;position:fixed;inset:0}.route-transition .page{animation:.52s both page-surface}.route-transition .background-glow{animation:.72s cubic-bezier(.2,.65,.3,.95) both glow-bloom}.route-transition .glow-right{animation-delay:80ms}.route-transition .dashboard-panel>*,.route-transition .panel>section,.route-transition .panel>div{animation:.45s both content-fade}.route-transition .dashboard-panel>:first-child,.route-transition .panel>section:first-child,.route-transition .panel>div:first-child{animation-delay:40ms}.route-transition .dashboard-panel>:nth-child(2),.route-transition .panel>section:nth-child(2),.route-transition .panel>div:nth-child(2){animation-delay:.1s}.route-transition .dashboard-panel>:nth-child(3),.route-transition .panel>section:nth-child(3),.route-transition .panel>div:nth-child(3){animation-delay:.16s}.route-transition .dashboard-panel>:nth-child(4),.route-transition .panel>section:nth-child(4),.route-transition .panel>div:nth-child(4){animation-delay:.22s}.route-transition .dashboard-panel>:nth-child(5),.route-transition .panel>section:nth-child(5),.route-transition .panel>div:nth-child(5){animation-delay:.28s}.route-transition .dashboard-panel>:nth-child(6),.route-transition .panel>section:nth-child(6),.route-transition .panel>div:nth-child(6){animation-delay:.34s}.page{min-height:100vh;position:relative;overflow:hidden}.background-glow{filter:blur(90px);z-index:0;border-radius:50%;width:340px;height:340px;position:absolute}.glow-left{background:#10ffc533;top:-80px;left:-120px}.glow-right{background:#7052ff42;bottom:-120px;right:-120px}.content{z-index:1;grid-template-columns:minmax(300px,460px);justify-content:center;gap:48px;max-width:1180px;min-height:100vh;margin:0 auto;padding:74px 20px 114px;display:grid;position:relative}.panel{gap:14px;display:grid}.top-logo{z-index:2;background:#fffffff2;border-radius:12px;width:fit-content;padding:7px 10px;position:absolute;top:22px;left:22px;box-shadow:0 6px 20px #00000047}.mobile-app-client .top-logo,.mobile-app-client .details-logo,.mobile-app-client .dashboard-logout-btn{display:none!important}.dashboard-logout-btn{z-index:12;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827e0;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;transition:transform .2s,border-color .2s,background .2s;display:inline-flex;position:fixed;top:22px;right:22px}.dashboard-logout-btn:hover{background:#1c121af0;border-color:#ff8a9a57;transform:translateY(-1px)}.dashboard-logout-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ff8a9a29}.auth-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;padding:20px 16px}.auth-card h1{text-align:center;margin:0 0 14px;font-size:clamp(1rem,3.8vw,1.3rem);line-height:1.35}.mobile-app-auth-page .content{grid-template-columns:minmax(300px,420px);place-content:center;align-items:center;gap:0;max-width:none;padding:24px 14px}.mobile-app-auth-page .panel{width:min(420px,100%)}.mobile-app-auth-hero{text-align:center;align-items:center;min-height:64px;margin-bottom:14px;display:grid}.mobile-app-auth-hero p{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.15rem,5.8vw,1.6rem);font-weight:800;line-height:1.2}.mobile-app-auth-page .hero-copy{display:none}.auth-mode{background:#ffffff0a;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;padding:3px;display:grid;position:relative}.mode-indicator{background:#ffffff24;border-radius:10px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .25s;position:absolute;top:3px}.mode-indicator.left{transform:translate(0)}.mode-indicator.right{transform:translate(100%)}.mode-btn{z-index:1;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 6px;transition:all .25s;position:relative}.mode-btn.active{color:var(--text-main)}.auth-body{animation:.28s fade-slide}.phone-field{height:48px;color:var(--text-muted);border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:flex}.phone-field input{width:100%;color:var(--text-main);background:0 0;border:0;outline:none}.phone-field input::placeholder{color:#98a2c4e0}.submit-btn{color:#0b1433;cursor:pointer;background:linear-gradient(90deg,#53ffd9 0%,#38e6ff 100%);border:0;border-radius:14px;width:100%;padding:13px 12px;font-weight:700;transition:transform .25s,box-shadow .25s}.submit-btn:hover{box-shadow:0 10px 30px var(--brand-soft);transform:translateY(-1px)}.minor-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.minor-actions button{color:var(--text-main);cursor:pointer;background:#ffffff14;border:0;border-radius:10px;padding:8px 10px;transition:opacity .25s}.minor-actions button:disabled{opacity:.45;cursor:not-allowed}.error-text{color:var(--danger);margin:10px 2px 0;font-size:.9rem}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-card{border:1px solid var(--card-border);color:var(--text-main);text-align:left;cursor:pointer;background:#171e30e0;border-radius:16px;gap:10px;padding:14px 10px;transition:border-color .25s,transform .25s;display:grid}.quick-card:hover,.link-card:hover{border-color:#52ffd859;transform:translateY(-2px)}.quick-card span{font-size:.9rem;line-height:1.3}.links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.link-card{border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;background:#141b2ceb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:border-color .25s,transform .25s;display:flex}.left{text-align:left;align-items:center;gap:9px;display:inline-flex}.left span{font-size:.92rem;line-height:1.2}.arrow{color:var(--text-muted)}.hero-copy{display:none}.animated-phrase{animation:.45s phrase-fade}.dashboard-content{grid-template-columns:minmax(340px,820px);justify-content:center}.dashboard-panel.large{gap:18px}.subscriber-chip{color:#d2fff7;cursor:pointer;text-align:left;appearance:none;background:#52ffd817;border:1px solid #52ffd83d;border-radius:999px;outline:none;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.9rem;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.subscriber-chip:hover{background:#52ffd824;border-color:#52ffd861;transform:translateY(-1px)}.subscriber-chip:focus-visible{border-color:#52ffd87a;box-shadow:0 0 0 3px #52ffd824}.name-alert{vertical-align:middle;color:#ff5f72;cursor:pointer;background:0 0;border:0;margin-left:7px;padding:0;animation:1.45s ease-in-out infinite name-alert-pulse;display:inline-flex;position:relative}.name-alert svg{filter:drop-shadow(0 0 8px #ff5f7273)}.name-alert:after{content:"";border:1px solid #ff5f7280;border-radius:999px;animation:1.45s ease-out infinite name-alert-ring;position:absolute;inset:-4px}.missing-name-modal{max-width:520px}.large-balance{border-radius:22px;padding:24px 22px}.large-balance h2{margin:10px 0 18px;font-size:clamp(2rem,6vw,2.7rem)}.large-usage .usage-card{border-radius:18px;padding:18px}.large-usage{grid-template-columns:repeat(4,minmax(0,1fr))}.large-usage .usage-card p{font-size:1rem}.large-usage .usage-card strong{font-size:1.45rem}.usage-note{color:var(--text-muted);font-size:.86rem}.tariff-usage-card{background:linear-gradient(170deg,#52ffd826,#3850ff1c);border-color:#52ffd840}.large-quick-grid .quick-card{border-radius:18px;padding:20px 16px}.large-quick-grid .quick-card span{font-size:1rem}.news-section{gap:10px;display:grid}.news-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.news-section a{text-decoration:none}.news-head a{color:var(--brand);text-decoration:none}.news-head.standalone h1{margin:0;font-size:1.5rem}.news-head h2{margin:0;font-size:1.2rem}.news-head span{color:var(--text-muted);font-size:.9rem}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.news-list{gap:10px;display:grid}.news-row{border:1px solid var(--card-border);color:var(--text-main);background:#131a2aed;border-radius:16px;grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px;padding:10px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.news-row:hover{border-color:#52ffd847;transform:translateY(-2px)}.news-tile{border:1px solid var(--card-border);color:var(--text-main);text-align:left;cursor:pointer;background:#131a2aed;border-radius:16px;gap:9px;padding:10px;transition:transform .2s,border-color .2s;display:grid}.news-tile:hover{border-color:#52ffd847;transform:translateY(-2px)}.news-thumb{border-radius:12px;place-items:center;width:100%;height:86px;font-size:1.45rem;display:grid;overflow:hidden}.news-thumb-image{object-fit:cover;width:100%;height:100%;display:block}.news-thumb.teal{background:linear-gradient(150deg,#52ffd84d,#2382b466)}.news-thumb.blue{background:linear-gradient(150deg,#2eb6ff4d,#4479ff59)}.news-thumb.violet{background:linear-gradient(150deg,#9f73ff4d,#ff67b259)}.news-copy{gap:6px;display:grid}.news-tag{width:fit-content;color:var(--text-muted);border:1px solid #ffffff1a;border-radius:999px;padding:3px 8px;font-size:.75rem}.news-copy strong{font-size:.95rem;line-height:1.3}.news-copy p{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.35}.news-copy small{color:var(--text-muted);font-size:.78rem}.article-overlay{z-index:13;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070b15b3;place-items:center;padding:20px 14px 90px;display:grid;position:fixed;inset:0}.article-modal{background:#111725f7;border:1px solid #ffffff1f;border-radius:20px;gap:10px;width:min(680px,100%);padding:16px;display:grid}.article-head{justify-content:space-between;align-items:center;display:flex}.article-head button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.article-modal h3{margin:0;font-size:1.25rem}.article-text{gap:8px;display:grid}.article-text p{color:#d9e3f9;margin:0;line-height:1.45}.inline-link{color:#86ffe3;text-underline-offset:2px;text-decoration:underline}.inline-link:hover{color:#b8ffee}.topup-modal{width:min(420px,100%)}.topup-recommended{color:#d9e3f9;margin:0;font-size:.95rem;line-height:1.4}.topup-recommended.muted{color:var(--text-muted)}.topup-recommended strong{color:#7dffb0}.topup-field{gap:6px;margin-top:4px;display:grid}.topup-field span{color:var(--text-muted);font-size:.82rem}.topup-field input{color:#f2f6ff;background:#0a0e1ae6;border:1px solid #ffffff1f;border-radius:12px;padding:11px 12px;font-size:1.05rem;font-weight:600}.topup-field input:focus{border-color:#52ffd873;outline:none}.topup-field input:disabled{opacity:.55}.topup-presets{flex-wrap:wrap;gap:8px;display:flex}.topup-preset-chip{color:#e8eeff;cursor:pointer;background:#3d486259;border:1px solid #ffffff24;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}.topup-preset-chip:hover:not(:disabled){background:#52ffd81f;border-color:#52ffd866}.topup-preset-chip:disabled{opacity:.5;cursor:not-allowed}.topup-error{margin:0}.topup-submit{margin-top:6px}.topup-hint{color:var(--text-muted);margin:0;font-size:.78rem;line-height:1.35}.app-download-modal{width:min(460px,100%)}.app-download-grid{gap:10px;display:grid}.app-store-btn{color:#eef4ff;cursor:pointer;text-align:left;background:#141b2ceb;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.app-store-btn:hover{border-color:#52ffd857}.app-store-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.app-store-icon.ios{background:#ffffff1f}.app-store-icon.android{color:#7dffce;background:#52ffd82e}.app-store-copy{gap:2px;display:grid}.app-store-copy strong{font-size:.95rem}.app-store-copy small{color:var(--text-muted);font-size:.78rem}.payment-result-page{place-items:start center;min-height:100vh;padding:92px 16px 40px;display:grid}.payment-result-card{background:#111725f2;border:1px solid #ffffff1f;border-radius:20px;gap:12px;width:min(520px,100%);padding:18px;display:grid}.payment-result-card p{color:var(--text-muted);margin:0;line-height:1.4}.payment-result-title{margin:0;font-size:clamp(1.2rem,4vw,1.6rem)}.payment-result-icon{border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.payment-result-icon.success{color:#86ffb6;background:#3ecf8e33}.payment-result-icon.fail{color:#ffb3c0;background:#ff6c8433}.payment-result-actions{gap:8px;display:grid}.result-link-btn{color:#f0f5ff;background:#242d43e6;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;padding:10px 12px;text-decoration:none;display:inline-flex}.result-link-btn.primary{color:#0b1433;background:linear-gradient(90deg,#53ffd9 0%,#38e6ff 100%);border:0}.article-page{background:#111725f2;border:1px solid #ffffff1a;border-radius:20px;gap:10px;width:min(760px,100%);margin:0 auto;padding:16px;display:grid}.article-page h1{margin:0;font-size:clamp(1.35rem,3.8vw,2rem);line-height:1.2}.article-page-head{justify-content:space-between;align-items:center;display:flex}.article-back-link{color:var(--text-muted);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.article-date{color:var(--text-muted);margin:0}.article-hero{border-radius:14px;place-items:center;height:160px;font-size:3rem;display:grid;overflow:hidden}.article-hero-image{object-fit:cover;width:100%;height:100%;display:block}.article-hero.teal{background:linear-gradient(150deg,#52ffd84d,#2382b466)}.article-hero.blue{background:linear-gradient(150deg,#2eb6ff4d,#4479ff59)}.article-hero.violet{background:linear-gradient(150deg,#9f73ff4d,#ff67b259)}.tariff-card{background:#121828db;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden}.tariff-trigger{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.tariff-title{align-items:center;gap:8px;font-weight:600;display:inline-flex}.tariff-chevron{color:var(--text-muted);transition:transform .25s}.tariff-chevron.open{transform:rotate(180deg)}.tariff-details{border-top:1px solid #ffffff14;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px;animation:.3s fade-slide;display:grid}.tariff-details p{color:var(--text-muted);margin:12px 0 6px;font-size:.9rem}.tariff-details strong{font-size:1.06rem}.details-head h1{margin:4px 0 0;font-size:clamp(1.35rem,4vw,1.9rem)}.details-controls{gap:10px;display:grid}.control-group{flex-wrap:wrap;gap:8px;display:flex}.control-chip{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;padding:7px 12px;transition:all .2s}.control-chip.active{color:#edfffa;background:#52ffd829;border-color:#52ffd859}.details-chart-card{background:#121828e6;border:1px solid #ffffff24;border-radius:22px;padding:18px}.details-chart-head h2{margin:0;font-size:1.1rem}.details-chart-head p{color:var(--text-muted);margin:5px 0 0}.chart-wrapper{border-top:1px solid #ffffff14;margin-top:16px;padding-top:14px}.line-chart{width:100%;height:auto;display:block}.chart-axis{stroke:#ffffff29;stroke-width:1px}.chart-path{fill:none;stroke:url(#mixuChartStroke);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#091228;stroke:#53ffd9;stroke-width:2px;transition:all .2s}.chart-dot.active{fill:#53ffd9;stroke:#b4ffef}.chart-label-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.chart-day-btn{color:var(--text-muted);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;padding:6px 0;transition:all .2s}.chart-day-btn.active{color:#eafff8;background:#52ffd829;border-color:#52ffd859}.details-table{background:#121828db;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden}.details-table-head,.details-row{grid-template-columns:minmax(160px,1.4fr) 1fr 1fr 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.details-table-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #ffffff14;font-size:.82rem}.details-table-body{display:grid}.details-row{border-bottom:1px solid #ffffff0f}.details-row:last-child{border-bottom:0}.details-row strong{font-size:1.02rem}.bottom-nav{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1522e6;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(96vw,720px);padding:6px;display:grid;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--text-muted);border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.bottom-nav-item.active{color:var(--text-main);background:#52ffd824}.details-logo{z-index:3;background:#fffffff2;border-radius:11px;width:fit-content;padding:6px 10px;position:absolute;top:18px;left:22px}.details-screen{width:100%;max-width:720px;margin:0 auto}.details-mobile-head h1{color:var(--text-muted);margin:3px 0 0;font-size:1.05rem;font-weight:500}.details-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.details-tab{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 2px 10px;font-size:1.08rem;font-weight:600}.details-tab.active{color:var(--text-main);border-color:#e74f9d}.details-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.details-topline strong{font-size:clamp(1.5rem,5vw,2rem)}.period-trigger{color:var(--text-main);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:clamp(1.35rem,5vw,1.8rem);font-weight:700;display:inline-flex}.details-progress{background:#ffffff14;border-radius:999px;height:9px;display:flex;overflow:hidden}.details-progress-calls{background:linear-gradient(90deg,#2eb6ff 0%,#1699ed 100%)}.details-progress-intercity{background:linear-gradient(90deg,#ff67b2 0%,#df4f98 100%)}.details-progress-internet{background:linear-gradient(90deg,#52ffd8 0%,#24d8b4 100%)}.details-tags{flex-wrap:wrap;gap:8px;display:flex}.details-tags span{color:#d7deef;background:#242e43eb;border:1px solid #ffffff14;border-radius:11px;align-items:center;gap:7px;padding:7px 10px;font-size:.92rem;display:inline-flex}.dot{border-radius:50%;width:7px;height:7px}.dot.calls{background:#2eb6ff}.dot.sms{background:#ff67b2}.dot.internet{background:#52ffd8}.dot.topup{background:#3ecf8e}.details-controls.compact{gap:0}.details-list{gap:12px;display:grid}.details-list-update{color:var(--text-muted);justify-content:space-between;gap:10px;font-size:.9rem;display:flex}.info-text{color:var(--text-muted);margin:0}.skeleton-topline{align-items:center}.skeleton{background:#ffffff14;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:1.3s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-pill{border-radius:999px;width:148px;height:28px;display:block}.skeleton-total{border-radius:12px;width:112px;height:26px;display:block}.skeleton-progress{padding:0}.skeleton-bar{background:#ffffff14;border-radius:999px;width:100%}.skeleton-chip{border-radius:11px;width:124px;height:34px;display:block}.date-group{gap:8px;display:grid}.date-label{text-transform:uppercase;letter-spacing:.03em;color:#d9deec;margin:0;font-weight:600}.history-row{background:#121828d9;border:1px solid #ffffff14;border-radius:16px;grid-template-columns:44px minmax(0,1fr) minmax(120px,180px);align-items:center;gap:10px;padding:11px;display:grid}.skeleton-history-row{min-height:86px}.history-row--topup .history-icon{color:#b8ffd9;background:#2eb67838}.history-row--topup .history-side strong{color:#7dffb0}.history-icon{color:#d6e4ff;background:#3d486285;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.skeleton-icon{border-radius:14px;width:42px;height:42px}.history-main{gap:3px;display:grid}.history-main strong{font-size:1rem}.history-main p,.history-main span{color:var(--text-muted);margin:0;font-size:.88rem}.history-side{text-align:right;gap:3px;display:grid}.history-side strong{font-size:1.18rem}.history-side span{color:var(--text-muted);font-size:.86rem}.skeleton-line{border-radius:999px;display:block}.skeleton-line-title{width:70%;height:18px}.skeleton-line-text{width:100%;height:12px}.skeleton-line-text.short{width:62%}.skeleton-line-price{width:84px;height:18px;margin-left:auto}.skeleton-line-side{width:110px;height:12px;margin-left:auto}.donut-card{gap:14px;display:grid}.donut-wrap{width:190px;height:190px;margin:0 auto;position:relative}.donut-chart{width:100%;height:100%}.donut-bg{fill:none;stroke:#ffffff1a;stroke-width:14px}.donut-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center strong{font-size:1.8rem}.donut-center span{color:var(--text-muted)}.traffic-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.traffic-card{background:#141b2ceb;border:1px solid #ffffff14;border-radius:14px;gap:4px;padding:10px;display:grid}.traffic-card p{color:var(--text-muted);margin:0;font-size:.88rem}.traffic-card strong{font-size:1.06rem}.traffic-card span{color:var(--text-muted);font-size:.84rem}.traffic-card-head{color:var(--text-main);justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.traffic-card-title{align-items:center;gap:7px;display:inline-flex}.traffic-bar{background:#ffffff14;border-radius:999px;width:100%;height:8px;overflow:hidden}.traffic-bar span{border-radius:inherit;height:100%;display:block}.traffic-card-skeleton{min-height:120px}.skeleton-donut-wrap{place-items:center;display:grid}.skeleton-donut{border-radius:50%;width:190px;height:190px}.period-overlay{z-index:12;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080c16b8;align-items:end;display:grid;position:fixed;inset:0}.period-sheet{background:#0b0f18;border-top:1px solid #ffffff14;border-top-left-radius:26px;border-top-right-radius:26px;padding:16px 14px 20px}.period-sheet-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.period-sheet-head h2{margin:0;font-size:2rem}.period-sheet-head button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.period-sheet-list{gap:8px;margin-bottom:14px;display:grid}.period-item{color:var(--text-main);text-align:left;cursor:pointer;background:#181f31e6;border:0;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 11px;display:grid}.custom-period-card{background:#181f31e6;border:1px solid #ffffff14;border-radius:18px;gap:12px;padding:14px;display:grid}.custom-period-card strong{font-size:1rem}.custom-period-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.custom-period-field{color:var(--text-muted);gap:6px;font-size:.88rem;display:grid}.custom-period-field input{width:100%;min-height:44px;color:var(--text-main);background:#0e121ceb;border:1px solid #ffffff1a;border-radius:12px;padding:0 12px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.period-item-icon{color:#d9e8ff;background:#4f5d8059;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.support-block{background:#121828db;border:1px solid #ffffff1c;border-radius:18px;gap:10px;padding:12px;display:grid}.support-block-head{align-items:center;gap:7px;display:inline-flex}.support-block-head h2{margin:0;font-size:1.05rem}.support-faq-list{gap:8px;display:grid}.support-faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.support-faq-item .support-row-btn{background:0 0;border:0;border-radius:0}.support-faq-answer{color:#dce6ffe0;margin:0;padding:0 12px 12px;font-size:.92rem;line-height:1.45}.support-row-btn{color:var(--text-main);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.support-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.support-help-card{color:var(--text-main);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-items:start;gap:8px;padding:12px;text-decoration:none;display:grid}.support-help-card:disabled{opacity:.6;cursor:wait}.support-social-grid{gap:8px;display:grid}.support-social-card{color:var(--text-main);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-decoration:none;transition:transform .2s,border-color .2s;display:grid}.support-social-card:hover{border-color:#52ffd857;transform:translateY(-1px)}.support-social-icon{width:40px;height:40px;color:var(--brand);background:#52ffd81f;border-radius:12px;place-items:center;display:grid}.support-modal{width:min(460px,100%)}.support-modal .article-head h3{margin:0}.mandatory-password-modal{width:min(460px,100%)}.support-form{gap:10px;display:grid}.support-chat-modal{width:min(760px,100%)}.support-chat-feed{background:#0b1220e6;border:1px solid #ffffff14;border-radius:14px;align-content:start;gap:8px;min-height:min(52vh,520px);max-height:min(52vh,520px);padding:12px;display:grid;overflow:auto}.support-chat-bubble{background:#222c42bf;border:1px solid #ffffff1a;border-radius:12px;max-width:min(88%,520px);padding:8px 11px}.support-chat-bubble p{color:#e7eeff;white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.35}.support-chat-author{color:#cfdaf5c7;margin-bottom:4px;font-size:12px;display:inline-block}.support-chat-bubble.mine{background:#184a4b8c;border-color:#52ffd847;margin-left:auto}.support-chat-bubble.operator{margin-right:auto}.support-chat-form{gap:8px;display:grid}.support-chat-file-input{display:none}.support-chat-form textarea{resize:vertical;color:#f2f6ff;background:#0a0e1aeb;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-height:74px;padding:10px 12px}.support-chat-form-actions{gap:8px;display:flex}.support-chat-form-actions .submit-btn{flex:1;width:auto}.support-chat-attach-btn{color:#e8f0ff;cursor:pointer;background:#121b2ceb;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-weight:600;display:inline-flex}.support-chat-attach-btn:disabled{opacity:.6;cursor:not-allowed}.support-chat-attachment{border:1px solid #ffffff2e;border-radius:10px;max-width:min(280px,100%);margin-top:8px;display:block}.support-chat-file-link{color:#9ce5ff;margin-top:8px;text-decoration:underline;display:inline-block}.toast-message{z-index:14;color:#eafff8;background:#101f24f2;border:1px solid #52ffd857;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;animation:.28s toast-in;display:inline-flex;position:fixed;bottom:88px;right:16px;box-shadow:0 10px 28px #00000047}.copy-toast{z-index:20;text-align:center;color:#f2fffb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1321f0;border:1px solid #52ffd84d;border-radius:18px;min-width:min(320px,100vw - 32px);padding:14px 18px;animation:.25s copy-toast-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 48px #00000057}.loading-screen{z-index:1;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.loading-card{border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#141c2fe6;border-radius:24px;gap:10px;width:min(440px,100%);padding:26px 22px;display:grid}.loading-card h2{margin:4px 0 0}.loading-card p{color:var(--text-muted);margin:0}.loader-ring{border:3px solid #ffffff29;border-top-color:var(--brand);border-radius:50%;width:52px;height:52px;margin:0 auto 4px;animation:1s linear infinite spin}.loading-skeleton{background:linear-gradient(90deg,#ffffff14,#ffffff38,#ffffff14) 0 0/200% 100%;border-radius:999px;height:12px;margin-top:4px;animation:1.2s infinite shimmer}.loading-skeleton.short{justify-self:center;width:72%}.loading-screen.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e1b99;position:absolute;inset:0}.dashboard-auth-loading{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070a12eb;position:fixed}.dashboard-panel{gap:12px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:2px;display:flex}.dashboard-header h1{margin:2px 0 0;font-size:clamp(1.2rem,3.8vw,1.6rem)}.kicker{color:var(--text-muted);margin:0;font-size:.88rem}.status-pill{color:var(--brand);background:#52ffd81f;border:1px solid #52ffd83d;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;display:inline-flex}.status-pill.blocked{color:#ffc3cc;background:#ff708524;border-color:#ff70855c}.balance-card{background:linear-gradient(160deg,#52ffd83d,#3850ff1f);border:1px solid #52ffd833;border-radius:18px;padding:16px}.balance-card.negative-balance{background:linear-gradient(160deg,#ff6c843d,#821a3433);border-color:#ff6c8459}.balance-card p{color:var(--text-muted);margin:0}.balance-card h2{margin:8px 0 14px;font-size:clamp(1.7rem,6vw,2.1rem)}.balance-card button{color:#0b1433;cursor:pointer;background:linear-gradient(90deg,#53ffd9 0%,#38e6ff 100%);border:0;border-radius:11px;align-items:center;gap:7px;padding:9px 12px;font-weight:700;display:inline-flex}.balance-card button:disabled{opacity:.45;cursor:not-allowed}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-card{border:1px solid var(--card-border);background:#141b2ceb;border-radius:14px;gap:7px;margin:0;padding:12px;display:grid}.usage-card p{color:var(--text-muted);margin:0;font-size:.9rem}.usage-card strong{font-size:1.15rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes phrase-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes content-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-surface{0%{opacity:.92}to{opacity:1}}@keyframes page-veil{0%{opacity:.24}to{opacity:0}}@keyframes glow-bloom{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes copy-toast-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes name-alert-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.08)}60%{transform:scale(.98)}}@keyframes name-alert-ring{0%{opacity:.75;transform:scale(.8)}70%{opacity:.15}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.route-transition:after,.route-transition .page,.route-transition .background-glow,.route-transition .dashboard-panel>*,.route-transition .panel>section,.route-transition .panel>div{animation:none}}@media (min-width:1024px){.content{grid-template-columns:minmax(340px,470px) minmax(290px,1fr);justify-content:space-between;align-items:center;gap:76px}.content.dashboard-content{grid-template-columns:minmax(420px,900px);justify-content:center;gap:0}.hero-copy{letter-spacing:-.02em;max-width:540px;font-size:clamp(2.1rem,5vw,4rem);font-weight:800;line-height:1.05;display:block}.hero-copy p{text-wrap:balance;margin:0}.mobile-app-auth-page .content{grid-template-columns:minmax(340px,420px);place-content:center;align-items:center;gap:0}}@media (max-width:640px){.top-logo{top:14px;left:14px}.dashboard-logout-btn{padding:9px 11px;top:14px;right:14px}.content{padding:62px 14px 106px}.auth-card{padding:16px 12px}.quick-grid{grid-template-columns:1fr}.app-store-btn{padding:10px}.news-grid,.news-row,.support-help-grid,.links-grid,.usage-grid,.large-usage,.tariff-details{grid-template-columns:1fr}.details-table-head,.details-row{grid-template-columns:1fr;gap:6px}.chart-label-row{grid-template-columns:repeat(4,minmax(0,1fr))}.subscriber-chip{border-radius:14px;justify-content:center;width:100%}.details-logo{top:14px;left:14px}.details-tabs{gap:4px}.details-tab{font-size:.95rem}.details-list-update{font-size:.8rem}.history-row{grid-template-columns:38px minmax(0,1fr)}.history-side{text-align:left;grid-column:1/-1;margin-left:48px}.toast-message{justify-content:center;bottom:78px;left:8px;right:8px}.traffic-cards{grid-template-columns:1fr}.bottom-nav{width:calc(100vw - 16px);bottom:10px}.bottom-nav-item{gap:5px;padding:9px 6px;font-size:.72rem}}