:root{color-scheme:dark;--bg:#000910;--card:#041524;--blue:#075bff;--cyan:#00d4ff;--line:#07324f;--muted:#a4b7d9;--text:#f3f6ff}*{box-sizing:border-box}body{margin:0;background:#000811;color:var(--text);font:14px Tahoma,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:white;border:1px solid #0087ff;border-radius:10px;background:linear-gradient(135deg,#00cfff,#0759ff 80%);padding:11px 18px;box-shadow:inset 0 1px 6px #44dfff55,0 3px 13px #0059ff3d}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #67e0ff;outline-offset:3px}.ghost{background:linear-gradient(145deg,#092342,#02101f);border-color:#125485;box-shadow:none;color:#d1e1ff}.text-button{border:0;background:none;box-shadow:none;padding:4px;color:var(--cyan)}p{color:var(--muted);line-height:1.85;margin:8px 0}h1,h2,h3{margin:0;color:white}h2{font-size:19px}h3{font-size:15px}a{color:var(--cyan);text-decoration:none}label{display:block;color:#d6e4fc;margin:14px 0 4px}input,textarea,select{width:100%;border:1px solid var(--line);background:linear-gradient(120deg,#071b31,#03101e);color:white;border-radius:9px;padding:12px;margin:5px 0;outline:none}input:focus,textarea:focus,select:focus{border-color:#0796ff;box-shadow:0 0 0 2px #008aff20}textarea{min-height:100px;resize:vertical}input[type=date],input[type=datetime-local]{direction:ltr}small{color:var(--muted)}.card{border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#061a2c,#020e19);padding:18px;margin:14px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:flex;align-items:center;gap:14px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #078ac1;color:#8effe6;background:#004f4b66;border-radius:8px;padding:5px 10px;font-size:11px;white-space:nowrap}.badge.progress{background:linear-gradient(120deg,#0094ff,#0646ff);color:white;border-color:#137aff;box-shadow:0 0 12px #006bff35}.badge.pending{color:#ffd69c;background:#53412444;border-color:#78572f}.badge.off{background:#2a3545;color:#b1bed0;border-color:#405269}.badge.danger{background:#46131b;color:#ff9097;border-color:#954252}.ref-art{position:relative;display:inline-block;flex-shrink:0;overflow:hidden;border-radius:12px;vertical-align:middle}.ref-art img{position:absolute;max-width:none;pointer-events:none}.product-image{object-fit:contain;border-radius:13px;flex-shrink:0}.icon-button{border:0;padding:6px;background:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;color:#c9dcf8}.neon{color:var(--cyan)}.mini-app{position:relative;max-width:420px;min-height:100dvh;margin:0 auto;padding:22px 16px 95px;background:radial-gradient(ellipse at 50% 0%,#00152970,transparent 48%),#000910}.mini-body{background:radial-gradient(ellipse at center,#002555,#000811 70%)}.screen-title{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;direction:ltr;margin:0 0 25px;min-height:32px}.screen-title h1{text-align:center;direction:rtl;font-size:20px;font-weight:700}.screen-title .icon-button{color:#00d9ff}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;display:flex;direction:ltr;justify-content:space-around;padding:11px 5px max(12px,env(safe-area-inset-bottom));background:#000b14f2;border-top:1px solid #113147;backdrop-filter:blur(12px)}.bottom-nav button{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;flex:1;padding:0;background:none;border:0;border-radius:0;box-shadow:none;color:#c4d1e8;font-size:11px;direction:rtl}.bottom-nav button.active{color:#8be8ff}.bottom-nav button.active svg{fill:#0a5bff55;filter:drop-shadow(0 0 5px #00baff) drop-shadow(0 0 3px #004cff)}.greeting{display:flex;align-items:center;direction:ltr;gap:13px;margin:7px 0 25px}.greeting-copy{direction:rtl;flex:1}.greeting h1{font-size:17px}.greeting p{font-size:12px;margin:4px 0}.avatar{width:52px;height:52px;display:grid;place-items:center;background:#073351;border:1px solid #3899e6;border-radius:50%;font-weight:700;color:#9feaff;flex-shrink:0}.greeting .icon-button{position:relative}.notification-dot{position:absolute;right:5px;top:3px;width:8px;height:8px;background:#ff344a;border-radius:50%;border:1px solid #080c14}.wallet-card{position:relative;margin:0 0 18px;padding:17px 14px 12px;border:1px solid #125bff;border-radius:13px;background:radial-gradient(ellipse at top left,#075aff,#021342 70%);box-shadow:inset 0 0 22px #0636bd70,0 3px 14px #0029ff22}.wallet-card .wallet-body{display:flex;align-items:center;direction:ltr;gap:17px}.wallet-info{direction:rtl;flex:1;text-align:center}.wallet-info p{font-size:13px;margin:0}.balance{font-size:27px;font-weight:700;letter-spacing:1px;direction:rtl;margin:5px 0}.currency{font-size:12px;color:#c3d1f3}.wallet-add{padding:5px;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;box-shadow:0 0 18px #008cff;flex-shrink:0}.primary-wide{width:100%;padding:13px;margin-top:17px;font-size:16px;font-weight:700;background:linear-gradient(125deg,#00d8ff,#0785ff 65%,#0043ff);box-shadow:inset 0 0 9px #3ae3ff80,0 0 15px #0068ff4d}.channel-banner{position:relative;overflow:hidden;display:flex;align-items:center;direction:ltr;padding:16px 10px;border:1px solid #3b58ff;border-radius:14px;background:radial-gradient(ellipse at top left,#9b4cff,#4524d6 35%,#021040 78%);box-shadow:inset 0 0 22px #433aff5c;margin:20px 0}.channel-copy{position:relative;direction:rtl;flex:1;padding:8px}.channel-copy h2{font-size:24px}.channel-copy p{font-size:15px;color:white}.channel-copy button{margin-top:8px;font-size:12px;border-radius:20px;padding:8px 21px}.home-note{color:#94a9cb;font-size:12px;padding:0 4px}.section-heading{margin:24px 0 12px;font-size:17px}.search-box{position:relative;direction:ltr;display:flex;align-items:center;gap:8px;background:linear-gradient(120deg,#0a203d,#041529);border:1px solid #103250;border-radius:10px;padding:10px 13px;margin:0 0 16px}.search-box input{direction:rtl;text-align:left;border:0;background:none;margin:0;padding:0;box-shadow:none;font-size:12px}.category-tile{display:flex;direction:ltr;text-align:left;align-items:center;gap:14px;width:100%;min-height:124px;padding:14px;border:1px solid #165aff;border-radius:14px;margin:13px 0;background:radial-gradient(ellipse at top left,#006cff,#022171 42%,#000b24 90%);box-shadow:inset 0 0 12px #275fff4a}.category-tile.telegram{background:radial-gradient(ellipse at top left,#00c2ff,#034cdf 36%,#100341 90%)}.category-tile.vpn{background:radial-gradient(ellipse at top left,#00d2da,#005a83 40%,#00111e 90%);border-color:#02b1d8}.category-copy{direction:rtl;text-align:right;flex:1}.category-copy h3{font-size:17px}.category-copy p{font-size:12px;margin-top:9px}.category-tile>svg{color:#b3d8ff;flex-shrink:0}.product-row,.plan-row{display:flex;direction:ltr;align-items:center;gap:15px;width:100%;padding:13px;border:1px solid #0c2e49;border-radius:12px;margin:7px 0;background:linear-gradient(120deg,#062238,#020d17);box-shadow:none;text-align:left}.product-copy{flex:1;direction:rtl;text-align:left}.product-copy h3{font-size:16px;font-family:Tahoma,Arial}.product-copy p{font-size:12px;margin:5px 0}.product-row svg,.plan-row svg{flex-shrink:0;color:#9fb2c7}.plan-row .product-copy{text-align:right}.product-hero{text-align:center;padding:9px 10px 18px}.product-hero h2{font-size:24px;margin:12px 0 5px;font-family:Arial,Tahoma}.product-hero p{font-size:13px}.plan-hero{position:relative;text-align:center;overflow:hidden;padding:10px 0 4px}.plan-hero>.ref-art,.plan-hero>.product-image{position:relative;z-index:1}.plan-hero h2{font:700 25px Arial,Tahoma;margin:12px 0}.plan-subtitle{color:var(--cyan);font-size:16px}.plan-description{font-size:14px;text-align:center;white-space:pre-line}.benefits{list-style:none;margin:15px 0;padding:0}.benefits li{display:flex;align-items:flex-start;gap:12px;margin:16px 0;color:#d4e0f5;line-height:1.8;font-size:14px}.check-circle{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;background:linear-gradient(140deg,#00cfff,#032ea4);border:1px solid #0badff;border-radius:50%;box-shadow:0 0 10px #004cff44}.buy-card{text-align:center;border-color:#086398}.buy-card p{font-size:13px}.price{font-size:27px;font-weight:bold;margin:9px 0}.buy-card .primary-wide{margin-top:12px}.checkout-product{display:flex;direction:ltr;align-items:center;gap:18px;border-color:#105abe;box-shadow:inset 0 0 17px #042a9955}.checkout-copy{direction:rtl;flex:1}.payment-option{width:100%;display:flex;align-items:center;gap:15px;text-align:right;border:1px solid #0b2b4b;background:linear-gradient(120deg,#062447,#000e1c);box-shadow:none;margin:10px 0;padding:14px;border-radius:12px}.payment-option.selected{border-color:#057dff;box-shadow:inset 0 0 15px #0062ff22}.payment-option .payment-copy{flex:1}.payment-option p{font-size:12px}.radio-dot{width:23px;height:23px;border-radius:50%;border:1px solid #5b83ba;display:grid;place-items:center}.selected .radio-dot{background:linear-gradient(140deg,#00d9ff,#0358ff);border-color:#0ac7ff}.order-tabs,.notification-tabs{display:flex;gap:8px;margin:0 0 17px}.order-tabs button,.notification-tabs button{flex:1;font-size:13px;border-color:#0a3655;background:#06192c;box-shadow:none;padding:11px 6px}.order-tabs button.active,.notification-tabs button.active{background:linear-gradient(140deg,#00d4ff,#0754ff);border-color:#1488ff;box-shadow:0 0 12px #0865ff55}.order-card{display:flex;direction:ltr;align-items:center;gap:16px;min-height:115px}.order-copy{direction:rtl;flex:1;text-align:left}.order-copy h3{font-size:15px;margin-bottom:9px}.order-copy p{font-size:12px}.empty{text-align:center;color:#839bbe;padding:48px 15px}.empty svg{color:#145a7a;margin-bottom:10px}.transaction-card{display:flex;align-items:center;gap:15px;padding:16px}.transaction-copy{flex:1}.transaction-copy p{font-size:12px}.transaction-value{color:#00e5bb;font-size:12px;text-align:left;direction:rtl}.transaction-value.debit{color:#ff646e}.transaction-value small{display:block;margin-top:8px;color:#9aaed0}.profile-hero{text-align:center;position:relative;overflow:hidden;padding:8px 0 20px;margin:0 -16px}.profile-hero .landscape{position:absolute;bottom:0;left:0;right:0;opacity:.6;pointer-events:none}.profile-hero .avatar{position:relative;width:85px;height:85px;margin:18px auto 14px;font-size:22px;border:2px solid #3d86ba;z-index:1}.profile-hero h2,.profile-hero p{position:relative;z-index:1}.profile-hero p{font-size:13px;margin:4px}.menu-list{border:1px solid #07324b;border-radius:13px;overflow:hidden;background:linear-gradient(120deg,#041929,#010a12);margin:20px 0}.menu-item{display:flex;align-items:center;width:100%;gap:14px;padding:16px 13px;border:0;border-bottom:1px solid #0a2537;background:none;border-radius:0;box-shadow:none;font-size:14px;text-align:right}.menu-item:last-child{border-bottom:0}.menu-item span{flex:1}.menu-item .chevron{margin-right:auto;color:#87a2bb}.switch{width:37px;height:21px;background:#19445d;border:1px solid #245b7c;border-radius:20px;position:relative;flex:0 0 auto!important}.switch.on{background:linear-gradient(110deg,#04dbff,#0651ff)}.switch:after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:white}.switch.on:after{left:18px}.notification-card{display:flex;align-items:flex-start;gap:14px}.notification-card p{font-size:12px}.notification-time{display:block;color:#96afca;font-size:10px;margin-top:8px}.loading-screen{position:fixed;z-index:30;inset:0;max-width:420px;margin:auto;background:#000812;overflow:hidden}.loading-screen #loading-art{position:absolute;left:50%;top:7%;transform:translateX(-50%);width:100%;display:flex;justify-content:center}.loading-bottom{position:absolute;bottom:12%;left:0;right:0;text-align:center;background:linear-gradient(transparent,#000812 35%);padding:50px 15px 0}.loading-bottom h2{font-size:22px;margin:19px 0 8px}.loading-bottom p{font-size:13px}.loading-bottom strong{display:block;color:#66c5ff;letter-spacing:4px;font:700 15px Arial;margin-top:14px}.loader{width:63px;height:63px;margin:auto;border:5px solid #032548;border-top-color:#00cbff;border-left-color:#2320ff;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #003cff22}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;z-index:50;bottom:90px;left:50%;transform:translateX(-50%);max-width:390px;width:calc(100% - 40px);padding:14px 18px;background:#052143f5;border:1px solid #077bba;border-radius:12px;box-shadow:0 4px 20px #000;text-align:center;line-height:1.8;display:none;font-size:13px}[hidden]{display:none!important}.banner-image{width:100%;object-fit:cover;border-radius:10px;margin-bottom:12px}.discount-card{display:block;width:100%;text-align:right;margin:12px 0;border-color:#19458a;background:linear-gradient(120deg,#082665,#030c27)}.notice{font-size:12px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.asset-preview{width:100%;height:140px;object-fit:contain;background:#00101f;border-radius:9px}.table-image{width:36px;height:36px;object-fit:contain}.bar{height:9px;background:linear-gradient(90deg,#008bff,#8bebff);border-radius:3px;margin:8px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{border:1px solid #0b2c44;text-align:right;padding:12px;color:#d6e4ff;font-size:12px}th{background:#061b33;font-weight:400;color:#b3c9eb}td{background:#00101c;max-width:240px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere}

.channel-copy h2{font-size:21px;line-height:1.6}.category-copy h3{font-size:16px;line-height:1.6}.category-tile{min-height:118px}.category-copy p{font-size:11px}.channel-banner{min-height:170px}.category-tile .ref-art{border-radius:18px}.metric-icon svg{filter:drop-shadow(0 0 7px #00d9ff)}

.plan-screen .screen-title{margin-bottom:16px}.plan-screen .plan-hero{padding:6px 0 0}.plan-screen .plan-hero h2{margin:8px 0}.plan-screen .plan-hero p{margin:5px 0}.plan-screen .plan-description{padding:13px;margin:11px 0}.plan-screen .benefits li{margin:12px 0;direction:ltr}.benefits li>span:last-child{flex:1;direction:rtl;text-align:right}.plan-screen .buy-card{padding:12px;margin:12px 0}.plan-screen .price{margin:5px 0}.plan-screen .buy-card .primary-wide{margin-top:8px}.category-generic{display:grid;place-items:center;color:#a7c2f0;border-radius:16px;background:radial-gradient(ellipse at top left,#2e3e5e,#091224);border:1px solid #34425b}

.customer-form label:first-child{margin-top:0}.customer-form input,.customer-form select{font-size:14px}.customer-form p{font-size:11px;margin-top:15px}
.account-access{margin-top:22px;border-color:#087fff;background:linear-gradient(145deg,#071e36,#030e18);box-shadow:0 0 26px #007cff18}.account-access-header{display:flex;align-items:center;gap:14px;color:#71cfff;margin-bottom:22px}.account-access label{display:block;color:#9eb1c9;font-size:12px;margin:18px 0 8px}.credential-row{display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid #174766;border-radius:12px;background:#03111d}.credential-row b{overflow-wrap:anywhere;user-select:text;font:15px monospace;text-align:left}.credential-row button{padding:10px;border:1px solid #126eb2;background:#07345a;color:#8ddaff;border-radius:9px}.twofactor{margin-top:24px;padding-top:20px;border-top:1px solid #174766}.twofactor>p,.twofactor small{font-size:13px;line-height:1.9;color:#b3c5de}.twofactor small{display:block;margin:12px 0}.otp-display{text-align:center;padding:24px 10px}.otp-display strong{display:block;font:34px monospace;letter-spacing:8px;color:#a1edff;margin:20px 0}.otp-ring{--remaining:100%;width:80px;height:80px;border-radius:50%;padding:6px;background:conic-gradient(#08d9ff var(--remaining),#142b40 0);margin:auto;transition:background .2s}.otp-ring span{display:grid;place-items:center;width:100%;height:100%;background:#061624;border-radius:50%;color:#09d9ff}.otp-warning{color:#8bbed4;font-size:13px}.ending .otp-ring{background:conic-gradient(#ffab50 var(--remaining),#142b40 0);animation:otp-alarm 1s infinite}.ending .otp-warning{color:#ffbb75}@keyframes otp-alarm{50%{box-shadow:0 0 18px #ff943b66}}@media(prefers-reduced-motion:reduce){.ending .otp-ring{animation:none}}

/* High-resolution artwork shared by customer and admin views. */
.crystal-art{display:inline-block;flex-shrink:0;vertical-align:middle;background-image:url('/crystal-assets.png');background-repeat:no-repeat;background-size:300% 200%;border-radius:18%;overflow:hidden}
.crystal-0{background-position:0 0}.crystal-1{background-position:50% 0}.crystal-2{background-position:100% 0}.crystal-3{background-position:0 100%}.crystal-4{background-position:50% 100%}.crystal-5{background-position:100% 100%}