*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark}html,body,#web-root{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#0b0b14;color:#ffffffeb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;position:relative}body:before{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-2;background:radial-gradient(40% 38% at 22% 28%,rgba(110,91,255,.55),transparent 60%),radial-gradient(46% 42% at 80% 20%,rgba(91,200,255,.5),transparent 62%),radial-gradient(50% 46% at 30% 88%,rgba(255,111,181,.45),transparent 64%),radial-gradient(42% 40% at 88% 78%,rgba(125,220,200,.4),transparent 60%);animation:drift 32s ease-in-out infinite,hueShift 20s ease-in-out infinite alternate;will-change:transform,filter;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(120% 80% at 50% 0%,transparent 0%,rgba(11,11,20,.55) 70%,rgba(11,11,20,.85) 100%);pointer-events:none}@keyframes drift{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(3%,-4%) rotate(9deg) scale(1.06)}40%{transform:translate(-2%,2%) rotate(-5deg) scale(1.02)}60%{transform:translate(4%,1%) rotate(12deg) scale(1.07)}80%{transform:translate(-3%,-3%) rotate(-8deg) scale(1.03)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes hueShift{0%{filter:blur(70px) saturate(1.2) hue-rotate(0deg) brightness(1)}25%{filter:blur(65px) saturate(1.6) hue-rotate(22deg) brightness(1.08)}50%{filter:blur(72px) saturate(1.9) hue-rotate(40deg) brightness(.95)}75%{filter:blur(68px) saturate(1.5) hue-rotate(-12deg) brightness(1.05)}to{filter:blur(70px) saturate(1.2) hue-rotate(0deg) brightness(1)}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.ant-card{background:#ffffff0f!important;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.11)!important;border-radius:20px!important;box-shadow:0 4px 24px #00000047!important}.ant-modal-content{background:#12121ee6!important;backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6);border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;box-shadow:0 20px 60px #00000080!important}.ant-modal-header{background:transparent!important}.ant-btn-primary{background:linear-gradient(135deg,#7c9cff,#b47cff)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 4px 16px #7c9cff47!important;color:#fff!important}.ant-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8facff,#c28eff)!important;box-shadow:0 6px 20px #7c9cff66!important}.ant-btn-primary:disabled{opacity:.4;background:#ffffff1a!important;box-shadow:none!important}.ant-tag{border-radius:999px!important;padding:2px 10px}.ant-tag-success{background:#4ecba829!important;border-color:#4ecba861!important;color:#4ecba8!important}.ant-tag-error{background:#ff8a8a29!important;border-color:#ff8a8a61!important;color:#ff8a8a!important}.ant-tag-warning{background:#ffd47929!important;border-color:#ffd47961!important;color:#ffd479!important}.ant-tag-processing{background:#7c9cff29!important;border-color:#7c9cff61!important;color:#9db8ff!important}.ant-menu-dark .ant-menu-item-selected{background:#7c9cff24!important}.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon,.ant-menu-dark .ant-menu-item-selected .ant-menu-title-content{color:#9db8ff!important}.ant-alert{border-radius:14px!important}.chip-row-wrap{overflow:hidden}.chip-row{display:flex;gap:8px;flex-wrap:wrap;padding:2px 0 10px}.plan-chip{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(255,255,255,.13);background:#ffffff12;color:#ffffff9e;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .16s ease;outline:none}.plan-chip:hover{border-color:#7c9cff66;background:#7c9cff1a;color:#ffffffe0}.plan-chip.active{background:#7c9cff2e;border-color:#7c9cff85;color:#fff;box-shadow:0 0 0 1px #7c9cff33}.tariff-scroll-wrap{overflow:hidden;animation:fadeIn .2s ease}.tariff-scroll{display:flex;gap:12px;flex-wrap:wrap;padding:4px 0 16px}.tariff-card{flex:0 0 auto;min-width:140px;max-width:200px;min-height:140px;display:flex;flex-direction:column;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 14px 14px;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;position:relative;overflow:hidden}.tariff-card:hover{border-color:#7c9cff59;background:#7c9cff14}.tariff-card.selected{border-color:#7c9cffa6;background:#7c9cff1f;box-shadow:0 0 0 1px #7c9cff40,0 8px 24px #7c9cff33}.tariff-card.selected:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#7c9cff,#b47cff);border-radius:18px 18px 0 0}.tariff-card__name{font-size:15px;font-weight:700;color:#fff;line-height:1.2;flex:1}.tariff-card__price-row{margin-top:12px}.tariff-card__price{font-size:20px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-.5px}.tariff-card.selected .tariff-card__price{color:#9db8ff}.tariff-card__price-orig{font-size:12px;color:#ffffff52;text-decoration:line-through;margin-bottom:2px}.tariff-card__currency{font-size:12px;color:#fff6;font-weight:500;margin-top:2px}.tariff-card__check{position:absolute;bottom:12px;right:12px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#7c9cff,#b47cff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}.tariff-hint{text-align:center;padding:32px 0;color:#ffffff52;font-size:14px;animation:fadeIn .2s ease}.sub-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 24px #00000047}.sub-card__header{padding:18px 22px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}.sub-card__tariff{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.2px}.sub-card__days-row{padding:20px 22px 0;display:flex;align-items:baseline;gap:8px}.sub-card__days-num{font-size:60px;font-weight:800;color:#fff;line-height:1;letter-spacing:-3px}.sub-card__days-label{font-size:16px;color:#ffffff6b;font-weight:500;padding-bottom:8px}.sub-card__progress{padding:14px 22px 0}.sub-card__stats{display:flex;gap:0;padding:14px 0 4px;margin:0 16px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.sub-card__stat{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;padding:12px 8px}.sub-card__stat+.sub-card__stat{border-left:1px solid rgba(255,255,255,.07)}.sub-card__stat-val{font-size:18px;font-weight:700;color:#fff;line-height:1.2}.sub-card__stat-label{font-size:11px;color:#ffffff5c;font-weight:500;margin-top:4px;text-align:center;text-transform:uppercase;letter-spacing:.4px}.device-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:16px;margin-bottom:10px;display:flex;align-items:flex-start;gap:14px}.device-card__icon{width:42px;height:42px;border-radius:12px;background:#7c9cff1f;border:1px solid rgba(124,156,255,.22);display:flex;align-items:center;justify-content:center;color:#9db8ff;font-size:18px;flex-shrink:0}.device-card__body{flex:1;min-width:0}.device-card__name{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.device-card__meta{font-size:12px;color:#ffffff61;line-height:1.4}.device-card__actions{flex-shrink:0;align-self:center}