.m-app,.m-login,.m-pin-screen{--bg:#080d17;--surface:#0f172a;--surface2:#111b2d;--surface3:#17243a;--text:#f8fafc;--muted:#a7b3c5;--faint:#738096;--line:#ffffff1d;--primary:#13afa8;--gold:#d7b773;--ink:#071a25;--shadow:0 18px 54px #0005;font-family:Cairo,Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100dvh;line-height:1.5}html[data-theme=light] .m-app,html[data-theme=light] .m-login,html[data-theme=light] .m-pin-screen{--bg:#f6f8fb;--surface:#fff;--surface2:#f8fafc;--surface3:#ecf3f5;--text:#0f172a;--muted:#64748b;--faint:#94a3b8;--line:#132b4029;--ink:#0a2830;--shadow:0 15px 42px #0f172a13}.m-app *,.m-login *,.m-pin-screen *{box-sizing:border-box}.m-app button,.m-login button,.m-pin-screen button{font-family:inherit;cursor:pointer}.m-app button:disabled,.m-login button:disabled{opacity:.48;cursor:not-allowed}.m-app input,.m-app textarea,.m-app select,.m-login input,.m-pin-screen input{font:inherit;background:var(--surface2);color:var(--text);border:1px solid var(--line);outline:none;border-radius:13px;padding:12px 14px;min-width:0}.m-app input:focus,.m-app textarea:focus,.m-app select:focus,.m-login input:focus,.m-pin-screen input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #13afa825}.m-app h1,.m-app h2,.m-app p,.m-login h1,.m-login h2,.m-login p{margin-top:0}.m-app h1,.m-app h2,.m-login h1,.m-login h2{letter-spacing:-.02em}.m-text{color:var(--primary);border:0;background:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:850}.m-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#0aa59d,#0b6879);color:#fff;box-shadow:0 8px 23px #08aba42e}.m-logo.large{width:88px;height:88px;border-radius:28px}.m-btn{border:1px solid transparent;border-radius:14px;min-height:43px;padding:10px 17px;background:linear-gradient(110deg,#0caaa2,#087f86);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:850;font-size:13px;box-shadow:0 9px 24px #0aa69f24}.m-btn:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.m-btn.m-outline{background:var(--surface2);border-color:var(--line);color:var(--text);box-shadow:none}.m-btn.wide{width:100%}.m-overline{font-size:11px;letter-spacing:.09em;font-weight:850;color:var(--primary)}.m-hint{color:var(--muted);font-size:12px;line-height:1.8}.m-spin{animation:mspin 1s linear infinite}@keyframes mspin{to{transform:rotate(360deg)}}.m-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 95%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.m-top-inner{max-width:1460px;margin:auto;height:70px;padding:0 28px;display:flex;align-items:center;gap:26px}.m-brand{border:0;background:none;color:var(--text);display:flex;align-items:center;gap:8px;white-space:nowrap}.m-brand strong{font:900 21px Cairo,sans-serif;letter-spacing:.02em}.m-brand small{font:800 9px Cairo,sans-serif;color:var(--gold);letter-spacing:.13em}.m-desktop-nav{display:flex;align-items:center;gap:4px;flex:1}.m-desktop-nav button{display:flex;align-items:center;gap:7px;padding:10px 11px;border:0;border-radius:12px;color:var(--muted);background:none;font-size:12px;font-weight:800;white-space:nowrap}.m-desktop-nav button.active,.m-desktop-nav button:hover{color:var(--primary);background:#12a9a61c}.m-top-actions{display:flex;align-items:center;gap:6px}.m-top-actions>button{min-width:35px;height:35px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:850}.m-top-actions .m-account{width:auto;padding:0 9px;gap:6px;color:var(--text)}.m-main{max-width:1380px;margin:0 auto;padding:28px 26px 100px;display:grid;gap:19px}.m-bottom-nav,.m-mobile-utility{display:none}.m-page-title small{color:var(--primary);font-weight:900;font-size:11px;letter-spacing:.1em}.m-page-title h1{font-size:clamp(25px,3vw,34px);font-weight:900;margin:3px 0 4px}.m-page-title p{color:var(--muted);font-size:13px;margin:0}.m-box{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow);min-width:0}.m-box-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.m-box-head h2{font-size:15px;margin:0;font-weight:900}.m-empty{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--faint);font-size:12px}.m-alert{display:flex;align-items:center;gap:8px;padding:12px 13px;margin-top:12px;border-radius:12px;font-size:12px;line-height:1.6}.m-alert.error{border:1px solid #d7666663;background:#d766661a;color:#ff8e8e}.m-alert.good{border:1px solid #0fae8b65;background:#0fae8b18;color:#44d2ac}.m-hero{min-height:220px;background:radial-gradient(circle at 76% 8%,#1a9b913b 0,transparent 42%),linear-gradient(120deg,#11273a,#0d1b2e 65%,#123b3d);border:1px solid #2777744f;border-radius:27px;color:#f8fafc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:35px 43px;gap:20px}.m-hero:after{content:"";position:absolute;inset:auto -15% -180px auto;width:520px;height:340px;border:2px solid #c6aa7350;border-radius:50%;transform:rotate(-28deg)}.m-hero>div:first-child{z-index:1}.m-hero h1{font-size:30px;margin:7px 0}.m-hero p{max-width:560px;color:#b3c9d0;font-size:13px}.m-hero-art{display:grid;place-items:center;color:#24c9bd;z-index:1;min-width:220px;gap:2px}.m-hero-art strong{font:900 31px Cairo,sans-serif;color:#fff;letter-spacing:.08em}.m-hero-art small{color:var(--gold);font-size:11px}.m-stat-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:14px}.m-stat{min-height:126px;background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:18px;display:grid;align-content:center;gap:4px;color:var(--primary)}.m-stat.main{background:linear-gradient(130deg,#0b7776,#0d4c58);color:#fff;border:0}.m-stat small{color:var(--muted);font-size:12px;font-weight:750}.m-stat.main small{color:#d1eeee}.m-stat strong{font-size:23px;color:var(--text);line-height:1.2}.m-stat.main strong{color:#fff}.m-stat em{font-size:13px;font-style:normal}.m-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:start}.m-service-list{display:grid;gap:10px}.m-service-list button{width:100%;border:1px solid var(--line);background:var(--surface2);border-radius:16px;min-height:85px;padding:12px;display:flex;align-items:center;gap:13px;color:var(--text);text-align:start}.m-service-list button:hover{border-color:var(--primary)}.m-service-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#13aaa523;color:var(--primary)}.m-service-list b{font-size:14px;flex:1}.m-service-list small{color:var(--muted);font-size:11px}.m-notice-list{display:grid;gap:10px}.m-notice-list article{display:flex;gap:11px;padding:12px;border-radius:13px;background:var(--surface2);color:var(--primary)}.m-notice-list b{color:var(--text);font-size:13px}.m-notice-list p{color:var(--muted);margin:2px 0 0;font-size:11px;white-space:pre-wrap}.m-operation-list{display:grid;gap:7px}.m-operation{width:100%;border:1px solid var(--line);background:var(--surface2);border-radius:14px;display:flex;align-items:center;gap:12px;padding:11px 13px;color:var(--text);text-align:start}.m-operation:hover{border-color:var(--primary)}.m-op-icon{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:#08a89b24;color:var(--primary)}.m-op-icon.activation_failed{color:#e46c6c;background:#e46c6c22}.m-op-info{min-width:0;flex:1}.m-op-info b,.m-op-info small,.m-op-end b{display:block}.m-op-info b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-op-info small{color:var(--muted);font-size:10px;margin-top:3px}.m-op-end{text-align:end;display:grid;justify-items:end;gap:3px;white-space:nowrap}.m-op-end b{font-size:12px}.m-badge{font-size:10px;font-weight:850;border-radius:20px;padding:3px 8px;background:#11ae921d;color:#25c49b;white-space:nowrap}.m-badge.activation_failed,.m-badge.rejected{color:#f17c7c;background:#e95b5b1b}.m-badge.review_required,.m-badge.processing,.m-badge.pending{color:#e0b66b;background:#e0b66b21}.m-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0}.m-tabs button{background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:11px 18px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:850;white-space:nowrap}.m-tabs button.active{background:#139f9b2d;color:var(--primary);border-color:#13aba67d}.m-recharge-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,.72fr);gap:17px;align-items:start}.m-recharge-grid>div:first-child{display:grid;gap:17px}.m-recharge-aside{position:sticky;top:88px}.m-step{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#16aaa326;color:var(--primary);font:900 11px Cairo}.m-input-row{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);color:var(--primary)}.m-input-row input{border:0!important;box-shadow:none!important;background:none!important;flex:1;width:100%;font-size:19px;letter-spacing:.04em;font-family:Arial,sans-serif;text-align:start}.m-input-row .m-btn{white-space:nowrap}.m-inline-history{margin-top:16px}.m-inline-history>span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.m-inline-history .m-operation{padding:7px}.m-inline-history .m-op-icon{width:31px;min-width:31px;height:31px}.m-offers{display:grid;gap:9px}.m-offer{display:flex;align-items:center;gap:12px;text-align:start;border:1px solid var(--line);border-radius:17px;padding:10px;background:var(--surface2);color:var(--text);width:100%}.m-offer.chosen{border-color:var(--primary);background:#0fa39e16}.m-offer-art{width:82px;min-width:82px;height:66px;border-radius:11px;background:linear-gradient(145deg,#0b817e,#093c53);color:#fff;display:grid;place-items:center;align-content:center;gap:1px}.m-offer-art b{font-size:9px}.m-offer-info{min-width:0;flex:1}.m-offer-info b,.m-offer-info small,.m-offer-info em,.m-offer-price b,.m-offer-price small{display:block}.m-offer-info b{font-size:13px}.m-offer-info small{font-size:10px;color:var(--muted)}.m-offer-info em{font-style:normal;color:var(--primary);font-size:10px;margin-top:5px}.m-offer-price{white-space:nowrap;text-align:end}.m-offer-price b{font-size:14px}.m-offer-price small{font-size:10px;color:var(--muted)}.m-mode-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.m-mode-grid button{border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:10px;padding:10px;font-size:11px;font-weight:850}.m-mode-grid button.active{color:var(--primary);border-color:var(--primary);background:#0b9f991d}.m-submit{margin-top:10px}.m-summary-line{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.m-summary-line span{color:var(--muted)}.m-summary-line b{text-align:end}.m-summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px}.m-summary-total strong{font-size:20px;color:var(--primary)}.m-form-field{display:grid;gap:7px;font-size:12px;font-weight:800;margin:9px 0}.m-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.m-product{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}.m-product-art{height:157px;background:radial-gradient(circle at 78% 13%,#b7ad7161,transparent 34%),linear-gradient(125deg,#075e66,#0d263a);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:#f7fafb}.m-product-art strong{font-size:23px;letter-spacing:.1em}.m-product-art span{font-size:11px;color:#e6ce93}.m-product-body{padding:17px}.m-product-body h2{font-size:15px;margin:11px 0 3px}.m-product-body p{font-size:11px;color:var(--muted);min-height:20px}.m-product-body>div{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.m-chip{display:inline-flex;color:var(--primary);background:#1caea326;border-radius:9px;padding:4px 8px;font-size:10px;font-weight:850}.m-filters{display:flex;gap:9px;margin-bottom:15px}.m-filters label{flex:1;display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding-inline:10px;color:var(--muted)}.m-filters label input{flex:1;border:0;background:none;box-shadow:none!important}.m-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;font-size:13px}.m-balance{background:linear-gradient(130deg,#096965,#0c4453);color:#fff;min-height:210px;border-radius:22px;padding:28px;display:grid;align-content:center;gap:8px}.m-balance span{color:#b9e4df;font-size:12px}.m-balance strong{font-size:31px}.m-balance strong small{font-size:16px}.m-balance p{color:#c6e7e3;margin:4px 0 0;font-size:12px}.m-stack{display:grid;gap:14px}.m-stack label,.m-preferences label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:800}.m-stack input,.m-stack select,.m-preferences select{width:100%}.m-stack .m-btn{justify-self:start}.m-ledger{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px}.m-ledger span{flex:1;color:var(--muted)}.m-ledger b{font-size:12px}.m-preferences{display:flex;gap:20px;align-items:end}.m-preferences button{border:1px solid var(--line);border-radius:12px;background:var(--surface2);color:var(--text);padding:12px;display:flex;align-items:center;gap:9px;font-size:12px}.m-preferences button span{color:var(--primary)}.m-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#03090ebd;display:flex;align-items:center;justify-content:center;padding:18px}.m-dialog{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:23px;width:min(560px,100%);max-height:90dvh;overflow:auto;padding:22px;box-shadow:0 30px 90px #0009}.m-dialog.compact{width:min(420px,100%)}.m-dialog>header{display:flex;align-items:center;justify-content:space-between;font-weight:900;border-bottom:1px solid var(--line);padding-bottom:13px}.m-dialog>header button{background:none;color:var(--muted);border:0}.m-dialog.compact h2{color:var(--primary)}.m-result{text-align:center;padding:18px 5px}.m-result>span{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#16ad9925;color:var(--primary)}.m-result.activation_failed>span{background:#d55c5c22;color:#ed8383}.m-result.review_required>span,.m-result.processing>span{background:#d9b26829;color:#e2bc7a}.m-result h2{font-size:19px;margin:10px 0 2px}.m-result p{color:var(--muted);font-size:12px;margin:0}.m-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--line);padding-top:14px}.m-detail-grid>div{background:var(--surface2);padding:10px;border-radius:11px;overflow-wrap:anywhere}.m-detail-grid small,.m-detail-grid b{display:block;font-size:11px}.m-detail-grid small{color:var(--muted);margin-bottom:4px}.m-voucher{background:#10a9a51b;border:1px dashed var(--primary);border-radius:14px;padding:13px;margin:14px 0}.m-voucher span,.m-voucher small{display:block;color:var(--muted);font-size:10px}.m-voucher strong{display:block;font:800 17px Arial;color:var(--text);letter-spacing:.08em;word-break:break-all;margin:6px 0}.m-at-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.m-at-row span{color:var(--muted)}.m-report{display:grid;gap:8px;margin-top:14px}.m-report textarea{min-height:80px}.m-dialog-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:17px}.m-toasts{position:fixed;bottom:30px;left:20px;z-index:120;display:grid;gap:7px}.m-toasts>div{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--primary);border-radius:12px;color:var(--text);padding:12px;font-size:12px}.m-toasts>div.error{border-color:#dc6868}.m-toasts button{border:0;background:none;color:var(--muted)}.m-login{display:grid;grid-template-columns:1fr 1fr;position:relative}.m-login-controls{position:absolute;top:20px;inset-inline-start:24px;display:flex;gap:7px;z-index:3}.m-login-controls button{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);display:grid;place-items:center;font-size:11px;font-weight:900}.m-login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 72% 28%,#15a99b44,transparent 32%),linear-gradient(140deg,#07262f,#123d46 60%,#052024);color:#fff}.m-login-brand:before,.m-login-brand:after{content:"";position:absolute;width:600px;height:200px;border:28px solid #d4ad6a48;border-radius:50%;transform:rotate(-28deg);right:-170px;bottom:-70px}.m-login-brand:after{border-color:#18aa9b38;bottom:70%;right:40%}.m-login-brand>*{position:relative;z-index:1}.m-login-brand h1{font-size:44px;letter-spacing:.12em;margin:10px 0 0}.m-login-brand p{font-size:16px;color:#d4b979}.m-login-badges{display:flex;gap:9px;margin-top:32px}.m-login-badges span{border:1px solid #ffffff50;border-radius:13px;padding:9px 13px;color:#d7e9e8;font-size:12px}.m-login-form{display:grid;place-items:center;padding:55px 25px}.m-login-form form{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:25px;padding:34px;box-shadow:var(--shadow)}.m-login-form form>.m-logo{margin:auto auto 14px}.m-login-form h2{text-align:center;font-size:27px;margin:3px 0}.m-login-form .m-overline{display:block;text-align:center}.m-login-form p{text-align:center;color:var(--muted);font-size:12px;margin-bottom:23px}.m-login-form label,.m-pin-card label{display:grid;gap:6px;font-weight:800;font-size:12px;margin:14px 0;color:var(--text)}.m-login-form input,.m-pin-card input{width:100%;height:48px}.m-pass{position:relative}.m-pass input{padding-inline-end:48px}.m-pass button{position:absolute;inset-inline-end:5px;top:5px;width:37px;height:37px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.m-login-footer{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:10px;margin-top:17px}.m-pin-screen{display:grid;place-items:center;padding:20px}.m-pin-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:23px;padding:30px;display:grid;gap:8px;text-align:center}.m-pin-icon{width:65px;height:65px;border-radius:19px;background:#11a8a72a;color:var(--primary);display:grid;place-items:center;margin:auto}.m-pin-card h2{margin:6px 0 0}.m-pin-card p{color:var(--muted);margin:0}.m-pin-card .m-text{justify-content:center;margin-top:5px}@media(max-width:1100px){.m-top-inner{gap:12px;padding:0 14px}.m-desktop-nav button{font-size:11px;padding:9px 6px}.m-brand small{display:none}.m-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.m-desktop-nav{display:none}.m-top-inner{height:60px}.m-top-actions{margin-inline-start:auto}.m-main{padding:18px 14px 105px}.m-bottom-nav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:5px 3px max(6px,env(safe-area-inset-bottom));justify-content:space-around}.m-bottom-nav button{border:0;background:none;color:var(--muted);display:grid;justify-items:center;gap:2px;padding:6px 4px;font-size:9px;font-weight:800}.m-bottom-nav button.active{color:var(--primary)}.m-mobile-utility{display:flex;align-items:center;gap:8px;background:var(--surface2);padding:8px 16px;font-size:11px;color:var(--muted)}.m-mobile-utility b{color:var(--primary);margin-inline-start:auto}.m-mobile-utility button{border:0;background:none;color:var(--primary)}.m-recharge-grid{grid-template-columns:1fr}.m-recharge-aside{position:static}.m-stat-grid{grid-template-columns:repeat(2,1fr)}.m-two-cols{grid-template-columns:1fr}}@media(max-width:620px){.m-top-actions .m-account span,.m-top-actions .m-account svg:last-child{display:none}.m-top-actions .m-account{min-width:35px}.m-login{display:block}.m-login-brand{min-height:230px;padding:45px 20px 18px}.m-login-brand .m-logo{width:62px;height:62px}.m-login-brand h1{font-size:27px}.m-login-brand p{margin:0}.m-login-badges{margin-top:8px}.m-login-form{padding:18px 14px 35px}.m-login-form form{padding:23px}.m-login-form form>.m-logo{display:none}.m-login-controls{top:8px;inset-inline-start:9px}.m-hero{padding:22px;min-height:195px}.m-hero h1{font-size:22px}.m-hero-art{display:none}.m-stat{min-height:112px;padding:13px}.m-stat strong{font-size:17px}.m-box{padding:16px}.m-cards-grid{grid-template-columns:1fr 1fr;gap:9px}.m-product-art{height:100px}.m-product-art strong{font-size:15px}.m-product-body{padding:11px}.m-product-body h2{font-size:12px}.m-product-body>div{display:block}.m-product-body .m-btn{font-size:11px;padding:8px}.m-input-row{flex-wrap:wrap}.m-input-row input{min-width:calc(100% - 40px)}.m-input-row .m-btn{width:100%}.m-offer-art{width:62px;min-width:62px}.m-offer-info b,.m-offer-price b{font-size:11px}.m-op-end b{font-size:10px}.m-filters{flex-wrap:wrap}.m-filters label{min-width:100%}.m-detail-grid{grid-template-columns:1fr 1fr}.m-dialog{padding:15px}.m-preferences{display:grid}}.m-offer-art{background:#fff;padding:3px}.m-offer-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.m-product-art{background:#fff;padding:12px}.m-product-art img{width:100%;height:100%;object-fit:contain}.m-login-badges img{width:55px;height:25px;object-fit:contain}.m-login-badges span:has(img){background:#fff}.m-provider-message{margin:12px 0;padding:12px;border:1px solid #14afa75b;border-radius:12px;background:#12aaa41a}.m-provider-message small{font-size:10px;font-weight:850;color:var(--primary)}.m-provider-message p{font-size:12px;margin:5px 0 0;color:var(--text)}.m-date-filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:-7px 0 17px}.m-date-filters label{display:grid;gap:4px;color:var(--muted);font-size:11px;min-width:145px}.m-date-filters input{min-height:43px;padding:9px 11px}.m-date-filters .m-view-switch{display:flex;gap:2px;margin-inline-start:auto;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}.m-view-switch button{padding:8px 11px;color:var(--muted);border:0;background:transparent;border-radius:9px;font-size:11px;font-weight:800}.m-view-switch button.active{background:var(--surface3);color:var(--primary)}.m-filters select{max-width:190px}.m-operation-grid .m-operation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m-operation-grid .m-operation{min-height:86px}.m-tabs:has(+.m-recharge-grid){gap:12px}.m-tabs:has(+.m-recharge-grid) button{min-width:min(250px,48%);min-height:80px;justify-content:center;background:var(--surface);border-radius:18px;font-size:14px;position:relative;overflow:hidden}.m-tabs:has(+.m-recharge-grid) button:before{content:"";display:block;width:74px;height:60px;flex:none;background:#fff url(/flexilou-ui/idoom-r4-fibre.webp) center/contain no-repeat;border-radius:11px}.m-tabs:has(+.m-recharge-grid) button:nth-child(2):before{background-image:url(/flexilou-ui/idoom-r4-4g.webp)}.m-tabs:has(+.m-recharge-grid) button svg{display:none}.m-tabs:has(+.m-recharge-grid) button.active{border-color:var(--primary);box-shadow:0 0 0 2px #13afa823}@media(max-width:850px){.m-filters{flex-wrap:wrap}.m-filters label{flex-basis:100%}.m-filters select{flex:1;max-width:none;min-width:130px}}@media(max-width:620px){.m-operation-grid .m-operation-list{grid-template-columns:1fr}.m-date-filters label{min-width:calc(50% - 5px);flex:1}.m-date-filters .m-view-switch{width:100%;margin-inline-start:0}.m-view-switch button{flex:1}.m-tabs:has(+.m-recharge-grid) button{font-size:11px;min-width:calc(50% - 6px);padding:7px;gap:5px;flex-direction:column}.m-tabs:has(+.m-recharge-grid) button:before{width:66px;height:45px}}:root{font-family:Tajawal,DM Sans,system-ui,sans-serif;color:#182343;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}small{font-size:12px}svg{flex:none}.mono{font-family:DM Sans,monospace;direction:ltr;unicode-bidi:embed}.positive{color:#0a9b6f!important}.negative,.danger-text{color:#dd5a66!important}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;background:#0c1530;color:#aeb9d2;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;z-index:40;padding:27px 17px 20px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 12px 36px;color:#fff;direction:ltr;justify-content:flex-end}.sidebar-brand>span,.brand-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#6958fa;color:#fff;box-shadow:0 12px 27px #6657fa60}.sidebar-brand b{font:800 19px DM Sans,sans-serif;white-space:nowrap}.sidebar-brand em{color:#8f84ff;font-style:normal}.sidebar-brand small{display:block;font:700 9px DM Sans,sans-serif;letter-spacing:.21em;color:#8492b7;text-align:left;margin-top:4px}.menu-label{display:block;padding:0 16px;margin:0 0 11px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#7180a3}.sidebar-menu{display:grid;gap:5px}.sidebar-menu button{background:none;border:0;color:#aab5d0;text-align:right;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:12px;font-size:15px;font-weight:700;position:relative;transition:.18s}.sidebar-menu button:hover{color:#fff;background:#ffffff10}.sidebar-menu button.active{background:#6858ee;color:#fff;box-shadow:0 10px 25px #5143c259}.sidebar-menu .active-dot{width:5px;height:5px;border-radius:50%;background:#fff;margin-inline-start:auto}.sidebar-bottom{margin-top:auto}.side-help{padding:18px;background:linear-gradient(145deg,#222b58,#161e40);border:1px solid #ffffff13;border-radius:17px;margin:10px 4px 18px}.side-help svg{color:#a49cff}.side-help b{display:block;color:#fff;font-size:15px;margin:6px 0}.side-help p{font-size:12px;line-height:1.6;margin:0;color:#a3aed0}.logout-button{display:flex;align-items:center;gap:12px;background:none;border:0;color:#b0bad0;font-weight:700;padding:12px 16px;width:100%;text-align:right}.logout-button:hover{color:#fff}.workspace{margin-right:264px;width:calc(100% - 264px);min-width:0}.topbar{height:78px;background:#fff;border-bottom:1px solid #ebedf4;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:20}.topbar-start,.topbar-end,.breadcrumbs,.user-chip{display:flex;align-items:center}.breadcrumbs{gap:12px;font-size:13px;color:#9aa4b7}.breadcrumbs b{color:#283451}.topbar-end{gap:20px}.live-chip{color:#15986e;background:#e9f9f2;border:1px solid #d6f2e4;border-radius:30px;padding:8px 12px;font-weight:800;font-size:12px;display:flex;align-items:center;gap:8px}.live-chip i{width:7px;height:7px;background:#27c891;border-radius:50%;box-shadow:0 0 0 4px #28ca9123}.user-chip{gap:10px;border-right:1px solid #e9ebf3;padding-right:20px}.user-chip>span{width:38px;height:38px;border-radius:12px;background:#eeedff;color:#6558db;display:grid;place-items:center}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:13px}.user-chip small{color:#98a2b7;margin-top:3px}.user-chip>svg{color:#a9b1c2}.main-content{padding:36px 40px 20px;max-width:1640px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}.eyebrow{display:inline-block;color:#6555ec;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:900;margin-bottom:8px}.page-heading h1{font-size:31px;line-height:1.2;margin:0 0 9px;font-weight:900;color:#182340}.page-heading p{color:#929db0;margin:0;font-size:14px}.footer{display:flex;justify-content:space-between;border-top:1px solid #e8ebf3;color:#a5afc2;font-size:12px;margin:36px 0 0;padding:22px 2px}.mobile-menu,.mobile-shade{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border:1px solid #e4e8f0;border-radius:11px;background:#fff;color:#34405b;font-size:13px;font-weight:800;white-space:nowrap;transition:.18s}.btn:hover:not(:disabled){border-color:#c5beff;color:#5f4eed;transform:translateY(-1px)}.btn.primary{background:#6c5af5;border-color:#6c5af5;color:#fff;box-shadow:0 10px 23px #6c5af533}.btn.primary:hover:not(:disabled){background:#5d4ce5;color:#fff;box-shadow:0 12px 25px #6c5af54a}.btn.full{width:100%}.link-button{display:inline-flex;gap:6px;align-items:center;border:0;background:none;color:#6656e9;font-size:13px;font-weight:800;padding:5px;white-space:nowrap}.link-button:hover{text-decoration:underline}.icon-button{border:0;background:#f3f5fa;color:#55617b;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.icon-button:hover{background:#ebe9ff;color:#6757e9}.panel{background:#fff;border:1px solid #e9ecf3;border-radius:19px;padding:23px;box-shadow:0 5px 25px #24325f06;margin-bottom:22px;min-width:0}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-head h2{font-size:17px;font-weight:900;margin:0 0 5px;color:#1b2846}.panel-head p{color:#9da7b9;font-size:12px;margin:0;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 25px}.stat{border:1px solid #e8ebf3;background:#fff;border-radius:17px;padding:20px;min-height:163px;box-shadow:0 4px 18px #25335a05}.stat-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;margin-bottom:15px}.stat-icon.violet{color:#6b56ed;background:#efedff}.stat-icon.blue{color:#3677dc;background:#eaf2ff}.stat-icon.green{color:#10a978;background:#e7f9f2}.stat-icon.orange{color:#df9340;background:#fff3e6}.stat p{font-size:12px;color:#8995ab;margin:0 0 5px;font-weight:700}.stat strong{font-size:23px;color:#202b4b;font-weight:900;display:block;white-space:nowrap}.stat small{color:#aab3c3;display:block;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.dashboard-grid>.panel{height:auto}.hero-card,.admin-hero{height:265px;border-radius:21px;overflow:hidden;position:relative;background:linear-gradient(120deg,#6654f6,#5149c8 55%,#283a93);color:#fff;padding:30px 36px}.hero-content,.admin-hero>div:first-child{position:relative;z-index:2}.hero-kicker,.admin-hero span:first-child{display:inline-flex;gap:8px;align-items:center;border:1px solid #ffffff36;background:#ffffff18;padding:6px 11px;border-radius:30px;font-size:11px;font-weight:800}.hero-card h2,.admin-hero h2{font-size:33px;line-height:1.1;margin:14px 0 7px;font-weight:900}.hero-card h2 em{font-style:normal;color:#b8fff6}.hero-card p,.admin-hero p{font-size:13px;color:#ebeaff;margin-bottom:20px}.hero-button{border:0;background:#fff;color:#4f43c4;border-radius:10px;padding:9px 15px;box-shadow:none;font-weight:900}.hero-graphic{position:absolute;left:8%;top:0;width:280px;height:100%;display:grid;place-items:center}.signal-circle{position:absolute;border:1px solid #ffffff45;border-radius:50%}.signal-circle.c1{width:180px;height:180px}.signal-circle.c2{width:270px;height:270px}.signal-circle.c3{width:360px;height:360px}.hero-chip{width:162px;height:155px;background:linear-gradient(155deg,#fff,#e8e8ff);border-radius:25px;box-shadow:0 20px 55px #20206966;color:#5d50df;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-10deg);gap:2px}.hero-chip b{font:900 26px DM Sans}.hero-chip span{font:800 10px DM Sans;letter-spacing:.22em;color:#9b9aaf}.admin-hero{height:240px;background:linear-gradient(120deg,#10244f,#24347e 60%,#6654df)}.admin-hero-mark{position:absolute;left:11%;top:14%;border:1px solid #ffffff50;width:205px;height:205px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d9d6ff;transform:rotate(-12deg);background:#ffffff12}.admin-hero-mark b{font:900 23px DM Sans;letter-spacing:.1em;margin-top:8px}.quick-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick-card{position:relative;text-align:right;border:1px solid #e8eaf3;border-radius:15px;background:#fafbff;padding:15px 12px;min-height:133px;color:#2b3551;display:flex;flex-direction:column;align-items:start}.quick-card:hover{border-color:#beb4ff;background:#f7f5ff}.quick-card>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eeeaff;color:#725de6;margin-bottom:12px}.quick-1>span{background:#e7f8f4;color:#23af91}.quick-2>span{background:#e9f2ff;color:#4b8de6}.quick-card b{font-size:12px}.quick-card small{color:#9ea9ba;margin-top:4px}.quick-card>svg{position:absolute;left:11px;bottom:17px;color:#a9a4dc}.announcement-list{display:grid;gap:12px;max-height:370px;overflow:auto}.announcement{display:flex;align-items:start;gap:11px;padding:14px;border:1px solid #eeeafd;border-radius:13px;background:#faf8ff}.announcement>span{width:32px;height:32px;border-radius:10px;background:#eee8ff;color:#6858d7;display:grid;place-items:center}.announcement div{min-width:0;flex:1}.announcement b{font-size:13px}.announcement p{font-size:12px;color:#72809b;line-height:1.5;margin:5px 0}.announcement small{color:#a0aaba}.announcement.accent-teal{background:#f4fdfb;border-color:#dff5ef}.announcement.accent-teal>span{background:#e1f7ef;color:#159d79}.announcement.accent-orange{background:#fffaf3;border-color:#f9ead5}.announcement.accent-orange>span{background:#fff0db;color:#c78633}.recent-list{display:grid}.recent-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f0f2f6}.recent-item:last-child{border-bottom:0}.recent-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#efeeff;color:#6858e9}.recent-item>div{flex:1;min-width:0}.recent-item b,.recent-item small{display:block}.recent-item b{font-size:13px}.recent-item small{color:#9ba5b8;margin-top:4px}.recent-item>strong{font-size:12px;color:#2d3957;white-space:nowrap}.table-scroll{overflow:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:660px;text-align:right}.table-scroll th{font-size:11px;color:#98a3b4;font-weight:800;white-space:nowrap;padding:12px 10px;background:#f8f9fc}.table-scroll td{padding:14px 10px;border-bottom:1px solid #f0f1f5;font-size:12px;color:#55627c;vertical-align:middle;white-space:nowrap}.table-scroll tr:last-child td{border-bottom:0}.table-scroll td b{display:block;color:#24304d;font-size:12px}.table-scroll td small{display:block;color:#a1adbf;margin-top:3px}.table-scroll tbody tr:hover{background:#fbfbff}.status{display:inline-flex;align-items:center;border-radius:30px;padding:6px 9px;font-size:10px;font-weight:900;white-space:nowrap;background:#edf1f5;color:#7d889b}.status-success,.status-approved,.status-available{background:#e6f8f0;color:#169b70}.status-processing,.status-pending{background:#edf2ff;color:#5276ca}.status-activation_failed,.status-rejected,.status-void{background:#fff0f0;color:#d66570}.status-review_required{background:#fff4e6;color:#c28336}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0 0}.pagination span{font-size:12px;color:#909caf}.empty{text-align:center;padding:30px 10px;color:#9da8bb}.empty>span{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:#f2f1ff;color:#7160ed;margin:0 auto 13px}.empty h3{font-size:15px;margin:0 0 5px;color:#42506d}.empty p{font-size:12px;margin:0}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:55px;color:#8a7fdd;font-weight:800}.full-screen{min-height:100vh}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{display:flex;gap:8px;align-items:center;color:#bc4454;background:#fff0f1;border-radius:10px;padding:12px;font-size:12px;margin:10px 0}.steps{display:flex;align-items:center;gap:12px;margin-bottom:19px}.steps span{display:flex;align-items:center;gap:8px;color:#a8afc0;font:800 12px DM Sans,Tajawal}.steps span.active{color:#6555e8}.steps b{font:800 12px Tajawal}.steps i{width:28px;height:1px;background:#dadfe9}.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.service-side{position:sticky;top:95px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #e5e8f0;background:#fff;color:#7c899d;padding:10px 16px;border-radius:11px;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px}.tabs button.selected{color:#6655ed;border-color:#d8d2ff;background:#f2f0ff}.mode-switch{display:flex;background:#f5f6fa;border-radius:12px;padding:4px;margin-top:20px;gap:4px}.mode-switch button{flex:1;border:0;background:none;color:#8490a5;padding:10px 6px;border-radius:9px;font-size:12px;font-weight:800}.mode-switch button.selected{background:#fff;color:#5747d9;box-shadow:0 3px 10px #27345212}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{display:block;text-align:right;border:1px solid #e9ecf3;border-radius:15px;background:#fff;padding:17px;min-height:174px;color:#25314e}.product-card:not(:disabled):hover,.product-card.selected{border-color:#8577f6;box-shadow:0 9px 25px #6b59f217;background:#fdfdff}.product-card.selected{outline:2px solid #ede9ff}.product-top,.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#ececff;color:#6659e9}.product-icon.type-adsl{background:#dff8f0;color:#12a27d}.product-icon.type-fibre{background:#e5f2ff;color:#428ee4}.stock-tag{color:#289774;background:#eaf8f1;border-radius:30px;padding:5px 8px;font-size:10px;font-weight:900}.product-card:disabled .stock-tag,.catalog-card:has(button:disabled) .stock-tag{color:#a1a9b6;background:#eef0f4}.product-card h3{font-size:14px;margin:17px 0 4px}.product-card p{font-size:11px;color:#9fa8b8;margin:0 0 13px}.product-bottom{border-top:1px solid #f0f0f5;padding-top:12px;color:#6658e3}.product-bottom strong{font:800 20px DM Sans,Tajawal}.product-bottom small{font:700 11px Tajawal}.summary-card{border:1px solid #e9e7ff;border-radius:19px;background:#fff;padding:21px;box-shadow:0 13px 32px #2637610b}.summary-header{display:flex;align-items:center;gap:10px;margin-bottom:25px}.summary-header span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#efecff;color:#6c5ced}.summary-header h3{font-size:16px;margin:0}.summary-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #e7e9ef;padding:12px 0;font-size:12px}.summary-row span{color:#9ca7ba}.summary-row b{color:#3e4a62;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-total{display:flex;justify-content:space-between;align-items:center;margin:19px 0 20px}.summary-total span{color:#768199;font-size:12px}.summary-total strong{color:#5f4be7;font:900 21px DM Sans,Tajawal}.summary-total small{font:800 12px Tajawal}.summary-foot{display:flex;align-items:center;justify-content:center;gap:6px;color:#a0a8bb;font-size:11px;margin-top:15px}.help-card{margin-top:15px;border:1px solid #eae7ff;border-radius:15px;background:#f3f1ff;padding:17px;color:#6655d8}.help-card b{display:block;margin:9px 0 4px;font-size:12px}.help-card p{font-size:11px;line-height:1.6;color:#7e79ad;margin:0}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#59657b;font-weight:800;min-width:0}.field input,.field select,.field textarea,.filters select{width:100%;border:1px solid #dfe4ed;background:#fff;border-radius:10px;color:#24314e;padding:11px 13px;outline:none;transition:.2s;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8174f3;box-shadow:0 0 0 3px #8174f321}.field input:disabled{background:#f4f5f8}.field input::placeholder,.field textarea::placeholder{color:#b6becb}.field small{color:#a3acba;font-weight:500}.field input[dir=ltr]{text-align:right}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stack-form{display:grid;gap:14px}.rate-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.rate-form .field{width:min(250px,100%)}.form-note{display:flex;gap:7px;align-items:center;color:#a08d6d;background:#fff9ec;padding:11px;border-radius:9px;font-size:11px;margin:16px 0 0}.checkbox{display:flex;align-items:center;gap:8px;color:#4c5871;font-size:12px;font-weight:800}.checkbox input{accent-color:#705dee}.filters{display:flex;gap:7px}.filters select{font-size:11px;min-width:120px}.page-tabs{margin-bottom:22px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog-card{overflow:hidden;background:#fff;border:1px solid #e7eaf1;border-radius:18px;box-shadow:0 5px 20px #19284e08}.catalog-art{height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#4b4ac9,#8578ff);color:#fff;position:relative}.catalog-art.art-adsl{background:linear-gradient(135deg,#0c8c98,#49c6ac)}.catalog-art.art-fibre{background:linear-gradient(135deg,#2c65b9,#7ac2fa)}.catalog-art:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #ffffff33;border-radius:50%;right:-35px;top:-50px}.catalog-art span{font:900 17px DM Sans;letter-spacing:.12em;margin-bottom:8px}.catalog-art b{font:900 26px DM Sans;margin-top:3px}.catalog-body{padding:16px}.catalog-body h3{font-size:15px;margin:14px 0 5px}.catalog-body p{font-size:11px;color:#9ba7b6;margin-bottom:18px;min-height:15px}.catalog-price{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f1f5;padding:14px 0}.catalog-price span{color:#a6afbe;font-size:12px}.catalog-price strong{font-size:16px;color:#5f50de}.wallet-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.balance-banner{background:linear-gradient(120deg,#5d50da,#3649ae);border-radius:19px;color:#fff;padding:27px;position:relative;overflow:hidden;height:270px}.balance-banner>span{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#fff2;margin-bottom:30px}.balance-banner p{font-size:13px;color:#e3e0ff;margin:0 0 9px}.balance-banner strong{font:900 39px DM Sans,Tajawal}.balance-banner strong small{font:800 16px Tajawal}.balance-stripe{position:absolute;border:1px solid #ffffff3b;width:290px;height:290px;border-radius:50%;left:-80px;top:30px}.list-rows{display:grid}.list-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #f0f1f5;padding:13px 2px}.list-row:last-child{border:0}.list-row>div{flex:1}.list-row b,.list-row small{display:block}.list-row b{font-size:12px}.list-row small{color:#9da7b9;margin-top:3px}.list-row strong{font-size:12px;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#111a34a1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:15px}.modal{background:#fff;width:min(520px,100%);max-height:min(90vh,840px);overflow:auto;border-radius:19px;box-shadow:0 25px 70px #09102b52;padding:24px}.modal-wide{width:min(800px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:15px;margin-bottom:18px}.modal-head h2{font-size:18px;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:22px}.confirm-text{color:#5e6880;line-height:1.8;font-size:14px}.receipt-top{text-align:center;padding:12px 0 20px}.receipt-top h3{font-size:18px;margin:11px 0 5px}.receipt-top p{color:#9ba6b8;font-size:12px;margin:0}.receipt-symbol{display:flex;justify-content:center}.receipt-symbol .status{font-size:12px;padding:9px 13px}.receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:17px 0;border-top:1px solid #eef0f5}.receipt-grid div span,.receipt-grid div b{display:block}.receipt-grid div span{font-size:11px;color:#a5aebd;margin-bottom:4px}.receipt-grid div b{font-size:13px;color:#2d3854;overflow-wrap:anywhere}.voucher-reveal{display:flex;flex-direction:column;gap:5px;background:#f4f1ff;border:1px dashed #b8affc;border-radius:13px;padding:15px;margin:5px 0}.voucher-reveal span,.voucher-reveal small{font-size:11px;color:#8c80cc}.voucher-reveal strong{color:#5142c9;font-size:19px;letter-spacing:.07em;overflow-wrap:anywhere}.receipt-rows{border-top:1px solid #edf0f5;margin-top:10px}.receipt-rows>div{display:flex;justify-content:space-between;padding:8px 0;font-size:12px;gap:15px}.receipt-rows span{color:#9da6b6}.receipt-rows b{color:#37425a}.toast-stack{position:fixed;bottom:25px;left:25px;z-index:150;display:grid;gap:9px;max-width:min(410px,calc(100vw - 30px))}.toast{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#fff;border:1px solid #e8eaf1;border-right:4px solid #24b88b;border-radius:11px;box-shadow:0 11px 40px #15264c26}.toast>span{color:#21ae83}.toast b{font-size:12px;line-height:1.5;flex:1}.toast button{border:0;background:none;color:#aab3c2}.toast-error{border-right-color:#df6674}.toast-error>span{color:#df6674}.toast-warn{border-right-color:#efa346}.toast-warn>span{color:#efa346}.stock-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.dropzone{position:relative;border:1.5px dashed #c6beff;background:#faf9ff;min-height:175px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#6556de;text-align:center;padding:18px}.dropzone.dragging{background:#f0edff;border-color:#6757f1}.dropzone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.dropzone>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eeeaff}.dropzone b{font-size:13px;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone small{color:#9ca6b7}.import-controls{display:flex;align-items:end;gap:10px;margin-top:15px}.import-controls>.field{flex:1}.import-preview{margin-top:15px;border:1px solid #e0dbff;border-radius:13px;padding:14px;background:#fbfaff}.preview-stats{display:flex;gap:8px;flex-wrap:wrap}.preview-stats span{font-size:11px;background:#fff;border:1px solid #e9e8f2;border-radius:9px;padding:7px 9px;color:#718099}.preview-stats b{color:#5d4ede;font-size:15px}.import-preview p,.import-preview small{color:#8994a8;font-size:11px;line-height:1.6}.import-preview>.btn{margin-top:10px}.stock-summary{display:grid;gap:5px;max-height:360px;overflow:auto}.stock-summary>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f1f6;padding:9px 0}.stock-summary>div:last-child{border:0}.stock-summary>div>div{flex:1}.stock-summary b,.stock-summary small{display:block}.stock-summary b{font-size:12px}.stock-summary small{font-size:10px;color:#9fa9b9;margin-top:3px}.stock-summary strong{font:800 16px DM Sans}.tiny-kind{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#6656e9;background:#eeeaff}.tiny-kind.type-adsl{color:#08a884;background:#e4f8f1}.tiny-kind.type-fibre{color:#3685dc;background:#e8f2ff}.name-cell{display:flex;align-items:center;gap:8px}.name-cell span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#eeebff;color:#6655e9}.funding-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.funding-requests{display:grid;gap:10px}.funding-requests>div{display:flex;align-items:center;gap:10px;border:1px solid #ebedf3;padding:12px;border-radius:12px}.request-avatar{width:36px;height:36px;border-radius:10px;background:#f0edff;color:#6655e6;display:grid;place-items:center}.funding-requests>div>div:nth-child(2){flex:1}.funding-requests b,.funding-requests small{display:block;font-size:12px}.funding-requests small{color:#a0aabb}.funding-requests p{font-size:11px;color:#99a4b8;margin:5px 0 0}.funding-requests strong{font-size:12px;white-space:nowrap}.request-buttons{display:flex;gap:5px}.request-buttons button{border:0;background:#e8f8f0;color:#139968;border-radius:8px;padding:7px;display:flex;gap:3px;align-items:center;font-size:11px;font-weight:800}.request-buttons button:last-child{background:#fff0f1;color:#cd6570}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-actions button{border:1px solid #e9ecf3;background:#fbfcff;border-radius:12px;padding:13px;display:flex;align-items:center;gap:10px;text-align:right}.admin-actions button:hover{background:#f4f2ff;border-color:#cec5ff}.admin-actions span{width:35px;height:35px;border-radius:9px;background:#eeebff;color:#6b58e9;display:grid;place-items:center}.admin-actions b{font-size:11px;flex:1}.admin-actions button>svg{color:#a1a8b8}.login-screen{display:grid;grid-template-columns:1.08fr 1fr;min-height:100vh;background:#fff}.login-art{background:linear-gradient(135deg,#101c46,#253e96 58%,#6759ed);color:#fff;position:relative;overflow:hidden;padding:44px 60px;display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.login-brand b{font:900 23px DM Sans}.login-brand b span{color:#b3adff;margin-left:5px}.login-brand small{display:block;letter-spacing:.16em;color:#aab9eb;font:700 9px DM Sans;margin-top:4px}.login-orbit{position:absolute;border:1px solid #ffffff23;border-radius:50%;width:700px;height:700px;right:20%;top:4%}.orbit-two{width:480px;height:480px;right:36%;top:20%;background:#ffffff05}.login-art-copy{position:relative;z-index:2;margin:auto 0}.pill.light{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff37;background:#ffffff16;border-radius:30px;font-size:12px;font-weight:800;padding:8px 12px}.login-art-copy h1{font-size:clamp(36px,4.2vw,67px);line-height:1.1;font-weight:900;margin:22px 0 14px}.login-art-copy h1 em{font-style:normal;color:#a7fff2}.login-art-copy p{font-size:15px;color:#d5dafa;line-height:1.7}.login-floating{display:flex;align-items:center;gap:13px;background:#ffffff19;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff33;width:max-content;max-width:100%;border-radius:15px;padding:14px 19px;margin-top:50px}.floating-icon{background:#73e8c5;color:#164778;border-radius:10px;display:grid;place-items:center;width:37px;height:37px}.login-floating strong,.login-floating small{display:block}.login-floating strong{font-size:13px}.login-floating small{color:#bdc7ef;margin-top:3px}.login-art-bottom{display:flex;align-items:center;gap:12px;color:#bfc8f4;font:700 11px DM Sans;letter-spacing:.11em}.login-art-bottom i{width:3px;height:3px;background:#ccd3ec;border-radius:50%}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-card{width:min(390px,100%)}.login-card h2{font-size:31px;font-weight:900;margin:0 0 7px}.login-card>p{color:#9da8b9;font-size:14px;margin-bottom:34px}.login-card .field{margin-bottom:17px}.login-card .field input{padding:15px}.login-card .btn{margin-top:7px;padding:14px}.login-secure{display:flex;align-items:center;justify-content:center;gap:5px;color:#a7b1be;font-size:11px;margin-top:20px}@media(max-width:1250px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:28px}.topbar{padding:0 28px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:970px){.sidebar{transform:translate(100%);transition:.25s}.sidebar.open{transform:translate(0)}.mobile-shade.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#121a39a6;z-index:35}.mobile-menu{display:grid}.workspace{width:100%;margin:0}.service-layout{grid-template-columns:1fr}.service-side{position:static}.summary-card{max-width:none}.dashboard-grid,.stock-layout,.funding-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{height:64px;padding:0 16px}.topbar-end{gap:8px}.user-chip{padding-right:0;border:0}.user-chip div,.user-chip>svg,.live-chip{display:none}.main-content{padding:20px 15px}.page-heading{align-items:start}.page-heading h1{font-size:24px}.page-heading p{font-size:12px}.page-heading>.btn{padding:9px;font-size:11px}.hero-card,.admin-hero{height:auto;min-height:240px;padding:22px}.hero-card h2,.admin-hero h2{font-size:28px}.hero-graphic,.admin-hero-mark{opacity:.22;left:-30px}.stats-grid{gap:10px}.stat{padding:13px;min-height:140px}.stat strong{font-size:17px}.stat-icon{margin-bottom:9px}.quick-cards,.product-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.quick-card{padding:11px}.panel{padding:17px}.form-grid,.wallet-layout{grid-template-columns:1fr}.mode-switch{flex-wrap:wrap}.mode-switch button{min-width:45%}.funding-requests>div{flex-wrap:wrap}.catalog-grid{gap:10px}.catalog-art{height:110px}.catalog-body{padding:12px}.catalog-body h3{font-size:12px}.catalog-price{display:block}.catalog-price strong{display:block;margin-top:4px}.catalog-body .btn{font-size:11px;padding:9px}.import-controls{display:grid}.filters{flex-direction:column}.footer{font-size:10px}.login-screen{grid-template-columns:1fr}.login-art{min-height:255px;padding:22px}.login-art-copy{margin:20px 0}.login-art-copy h1{font-size:27px;margin:12px 0 4px}.login-art-copy p{font-size:11px}.login-floating,.login-art-bottom{display:none}.login-form-wrap{padding:34px 25px}}.balance-banner .debt-note{margin-top:18px;color:#dedafd;font-size:12px}.app-shell{font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.5}html[data-theme=dark] .app-shell{--adm-bg:#080d17;--adm-panel:#0f172a;--adm-raised:#142035;--adm-ink:#eff6f8;--adm-muted:#a9b8c8;--adm-line:#ffffff1d;--adm-teal:#23c5bb;background:var(--adm-bg);color:var(--adm-ink)}html[data-theme=dark] .app-shell .sidebar{background:#091723;border-left:1px solid var(--adm-line)}html[data-theme=dark] .app-shell .sidebar-brand>span,html[data-theme=dark] .app-shell .sidebar-menu button.active{background:#087c7b;box-shadow:0 10px 24px #00898734}html[data-theme=dark] .app-shell .sidebar-brand em,html[data-theme=dark] .app-shell .side-help svg{color:#e2c07d}html[data-theme=dark] .app-shell .side-help{background:linear-gradient(145deg,#10303b,#102137);border-color:var(--adm-line)}html[data-theme=dark] .app-shell .topbar{background:#101a2a;border-color:var(--adm-line);color:var(--adm-ink)}html[data-theme=dark] .app-shell .breadcrumbs b,html[data-theme=dark] .app-shell .user-chip b{color:var(--adm-ink)}html[data-theme=dark] .app-shell .user-chip{border-color:var(--adm-line)}html[data-theme=dark] .app-shell .user-chip>span,html[data-theme=dark] .app-shell .icon-button{background:#173544;color:var(--adm-teal)}html[data-theme=dark] .app-shell .live-chip{background:#0b342e;border-color:#1f795f;color:#5ce5bc}html[data-theme=dark] .app-shell .page-heading h1,html[data-theme=dark] .app-shell .panel-head h2,html[data-theme=dark] .app-shell .stat strong,html[data-theme=dark] .app-shell .list-row b,html[data-theme=dark] .app-shell .recent-item b,html[data-theme=dark] .app-shell .stock-summary b,html[data-theme=dark] .app-shell .stock-summary strong,html[data-theme=dark] .app-shell .admin-actions b{color:var(--adm-ink)}html[data-theme=dark] .app-shell .page-heading p,html[data-theme=dark] .app-shell .panel-head p,html[data-theme=dark] .app-shell .stat p,html[data-theme=dark] .app-shell .stat small,html[data-theme=dark] .app-shell .list-row small,html[data-theme=dark] .app-shell .recent-item small,html[data-theme=dark] .app-shell .stock-summary small{color:var(--adm-muted)}html[data-theme=dark] .app-shell .eyebrow,html[data-theme=dark] .app-shell .link-button,html[data-theme=dark] .app-shell .steps .active,html[data-theme=dark] .app-shell .summary-total strong{color:var(--adm-teal)}html[data-theme=dark] .app-shell .panel,html[data-theme=dark] .app-shell .stat,html[data-theme=dark] .app-shell .catalog-card,html[data-theme=dark] .app-shell .product-card,html[data-theme=dark] .app-shell .summary-card,html[data-theme=dark] .app-shell .modal{background:var(--adm-panel);border-color:var(--adm-line);color:var(--adm-ink);box-shadow:0 14px 40px #0003}html[data-theme=dark] .app-shell .admin-hero{background:radial-gradient(circle at 72% 12%,#18a99b4d,transparent 37%),linear-gradient(120deg,#12343b,#10223b 65%,#083339)}html[data-theme=dark] .app-shell .admin-hero-mark{color:#a7e7df}html[data-theme=dark] .app-shell .btn,html[data-theme=dark] .app-shell .tabs button,html[data-theme=dark] .app-shell .admin-actions button,html[data-theme=dark] .app-shell .quick-card{background:var(--adm-raised);border-color:var(--adm-line);color:var(--adm-ink)}html[data-theme=dark] .app-shell .btn.primary,html[data-theme=dark] .app-shell .tabs button.selected{background:#0a8582;border-color:#0a8582;color:#fff;box-shadow:none}html[data-theme=dark] .app-shell .btn:hover:not(:disabled),html[data-theme=dark] .app-shell .admin-actions button:hover,html[data-theme=dark] .app-shell .quick-card:hover{border-color:var(--adm-teal);color:var(--adm-teal)}html[data-theme=dark] .app-shell .stat-icon,html[data-theme=dark] .app-shell .admin-actions span,html[data-theme=dark] .app-shell .request-avatar,html[data-theme=dark] .app-shell .name-cell span,html[data-theme=dark] .app-shell .tiny-kind{background:#174344;color:#3fd5c6}html[data-theme=dark] .app-shell .announcement,html[data-theme=dark] .app-shell .announcement.accent-teal,html[data-theme=dark] .app-shell .announcement.accent-orange,html[data-theme=dark] .app-shell .funding-requests>div,html[data-theme=dark] .app-shell .import-preview{background:var(--adm-raised);border-color:var(--adm-line);color:var(--adm-ink)}html[data-theme=dark] .app-shell .announcement b,html[data-theme=dark] .app-shell .announcement p,html[data-theme=dark] .app-shell .funding-requests b,html[data-theme=dark] .app-shell .funding-requests strong{color:var(--adm-ink)}html[data-theme=dark] .app-shell .field,html[data-theme=dark] .app-shell .checkbox{color:var(--adm-muted)}html[data-theme=dark] .app-shell input,html[data-theme=dark] .app-shell select,html[data-theme=dark] .app-shell textarea{background:var(--adm-raised);border-color:var(--adm-line);color:var(--adm-ink)}html[data-theme=dark] .app-shell input:focus,html[data-theme=dark] .app-shell select:focus,html[data-theme=dark] .app-shell textarea:focus{border-color:var(--adm-teal);box-shadow:0 0 0 3px #20bbb826}html[data-theme=dark] .app-shell .dropzone{background:#102d36;border-color:#399e9b;color:#c1f5e9}html[data-theme=dark] .app-shell .dropzone>span,html[data-theme=dark] .app-shell .preview-stats span{background:#1b4149;border-color:var(--adm-line);color:var(--adm-ink)}html[data-theme=dark] .app-shell .table-scroll th{background:var(--adm-raised);color:var(--adm-muted)}html[data-theme=dark] .app-shell .table-scroll td,html[data-theme=dark] .app-shell .table-scroll td b,html[data-theme=dark] .app-shell .receipt-grid b,html[data-theme=dark] .app-shell .receipt-rows b{color:var(--adm-ink)}html[data-theme=dark] .app-shell .table-scroll td,html[data-theme=dark] .app-shell .recent-item,html[data-theme=dark] .app-shell .list-row,html[data-theme=dark] .app-shell .stock-summary>div,html[data-theme=dark] .app-shell .summary-row,html[data-theme=dark] .app-shell .modal-head{border-color:var(--adm-line)}html[data-theme=dark] .app-shell .table-scroll tbody tr:hover{background:#142c38}html[data-theme=dark] .app-shell .overlay{background:#040a13c9}html[data-theme=dark] .app-shell .receipt-top h3,html[data-theme=dark] .app-shell .empty h3,html[data-theme=dark] .app-shell .catalog-body h3{color:var(--adm-ink)}html[data-theme=dark] .app-shell .empty>span,html[data-theme=dark] .app-shell .voucher-reveal{background:#114142;border-color:#38958e;color:#e6f8f5}html[data-theme=dark] .app-shell .voucher-reveal strong{color:#73e5d2}html[data-theme=dark] .app-shell .footer{border-color:var(--adm-line)}.m-app,.m-login,.m-pin-screen{--primary:var(--app-accent,#27c5ba);--accent-wash:color-mix(in srgb,var(--primary) 13%,transparent);--accent-border:color-mix(in srgb,var(--primary) 36%,transparent)}.m-app{background:radial-gradient(ellipse 730px 490px at 90% -160px,var(--accent-wash),transparent 72%),var(--bg)}.m-app input:focus,.m-app textarea:focus,.m-app select:focus,.m-login input:focus,.m-pin-screen input:focus{box-shadow:0 0 0 4px var(--accent-wash)}.m-logo{background:var(--primary);color:var(--app-accent-ink,#081321);box-shadow:0 10px 28px var(--accent-wash)}.m-btn{background:var(--primary);color:var(--app-accent-ink,#081321);box-shadow:0 12px 28px var(--accent-wash);transition:transform .2s ease,filter .2s ease,border-color .2s ease}.m-btn.m-outline{background:var(--surface2);color:var(--text);box-shadow:none}.m-btn:focus-visible,.m-app button:focus-visible,.m-login button:focus-visible,.accent-studio button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.m-top{background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 10px 35px #00000018}.m-top-inner{height:76px}.m-brand strong{font-size:23px;letter-spacing:.035em}.m-brand small{color:var(--primary)}.m-desktop-nav button{border-radius:13px;transition:background .18s,color .18s}.m-desktop-nav button.active,.m-desktop-nav button:hover{color:var(--primary);background:var(--accent-wash)}.m-top-actions>button{height:39px;min-width:39px}.m-top-actions .m-accent-shortcut{padding:0;display:grid;place-items:center}.m-accent-shortcut span{width:19px;height:19px;border-radius:50%;border:2px solid #fff8;box-shadow:0 0 0 3px var(--accent-wash)}.m-main{padding-top:32px;gap:22px}.m-page-title{margin:2px 0 0}.m-page-title h1{font-size:clamp(27px,3.2vw,38px);line-height:1.25}.m-page-title p{font-size:13px;line-height:1.75}.m-box{border-radius:24px;padding:23px;border-color:color-mix(in srgb,var(--line) 87%,var(--primary) 13%);box-shadow:0 14px 42px #00000019}.m-box-head{margin-bottom:18px}.m-box-head h2{font-size:16px;letter-spacing:0}.m-box-head h2:before{content:"";display:inline-block;width:4px;height:17px;border-radius:4px;background:var(--primary);vertical-align:-3px;margin-inline-end:9px}.m-hero{min-height:286px;padding:39px 44px;background:radial-gradient(circle at 77% 44%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 35%),linear-gradient(120deg,#102134,#0a1727 60%,#142535);border:1px solid var(--accent-border);border-radius:28px;isolation:isolate;box-shadow:0 22px 45px #00000027}.m-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(90deg,transparent 16%,#000 100%);mask-image:linear-gradient(90deg,transparent 16%,#000 100%);z-index:-1}.m-hero:after{inset:auto auto -280px -90px;border-color:color-mix(in srgb,var(--primary) 23%,transparent);width:540px;height:440px}.m-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);letter-spacing:.08em}.m-hero-eyebrow i{width:7px;height:7px;background:var(--primary);border-radius:50%;box-shadow:0 0 0 5px var(--accent-wash)}.m-hero h1{max-width:660px;font-size:clamp(28px,3vw,39px);line-height:1.25;letter-spacing:0;margin:12px 0 9px}.m-hero p{font-size:14px;line-height:1.8;color:#c4d4dc;margin-bottom:24px}.m-hero .m-btn{min-width:190px;min-height:47px}.m-hero-art{height:205px;min-width:290px;position:relative;display:grid;place-items:center}.m-hero-ring{position:absolute;width:250px;height:250px;border:1px solid var(--accent-border);border-radius:50%}.m-hero-ring.two{width:330px;height:330px;border-color:#ffffff1a}.m-hero-visual-card{z-index:1;width:205px;height:170px;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 32%,#133b45),#0d2432 67%);border:1px solid #ffffff35;box-shadow:0 24px 50px #0008,inset 0 1px #ffffff24;display:grid;place-items:center;align-content:center;gap:2px;transform:rotate(-8deg);color:#fff}.m-hero-visual-card>span{font:700 8px Cairo,sans-serif;letter-spacing:.2em;color:#c3dedf}.m-hero-visual-card svg{color:var(--primary);margin:8px}.m-hero-visual-card strong{font-size:25px}.m-hero-visual-card small{font-size:10px;color:#d8e9e6}.m-floating-tag{position:absolute;z-index:2;bottom:-5px;inset-inline-start:-5px;padding:8px 10px;border:1px solid #ffffff45;border-radius:11px;background:#192a38;color:#d8f4ed;font:800 9px Cairo,sans-serif;letter-spacing:.06em;display:flex;align-items:center;gap:5px;box-shadow:0 12px 24px #0004}.m-floating-tag svg{color:var(--primary)}.m-stat-grid{gap:16px}.m-stat{min-height:139px;position:relative;overflow:hidden;border-radius:20px;padding:19px 21px;box-shadow:0 12px 30px #00000013;gap:5px}.m-stat:not(.main):after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent-border)}.m-stat.main{background:radial-gradient(circle at 85% 25%,color-mix(in srgb,var(--primary) 65%,transparent),transparent 75%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 39%,#0d2332),#102035);border:1px solid var(--accent-border)}.m-stat.main small{color:#dcefe9}.m-stat strong{font-size:26px;letter-spacing:-.02em}.m-stat em{font-weight:700;color:var(--muted)}.m-stat.main em{color:#d8ece8}.m-service-list button{min-height:92px;border-radius:18px;padding:12px 15px;transition:transform .18s,border-color .18s,background .18s}.m-service-list button:hover{transform:translateY(-2px);background:var(--accent-wash)}.m-service-icon{width:58px;height:58px;border-radius:15px;background:#fff;overflow:hidden;padding:3px}.m-service-icon img{width:100%;height:100%;object-fit:contain}.m-service-list b{font-size:15px}.m-service-list small{font-size:11px}.m-notice-list article{border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(115deg,var(--accent-wash),var(--surface2) 70%);color:var(--primary)}.m-notice-list b{font-size:13px}.m-notice-list p{font-size:12px;line-height:1.7}.m-workflow{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:11px;font-weight:850;overflow:auto}.m-workflow span{display:flex;align-items:center;gap:7px;white-space:nowrap}.m-workflow span b{width:26px;height:26px;border-radius:9px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:10px}.m-workflow span.current,.m-workflow span.done{color:var(--text)}.m-workflow span.current b{background:var(--primary);border-color:var(--primary);color:var(--app-accent-ink,#081321)}.m-workflow span.done b{border-color:var(--primary);color:var(--primary)}.m-workflow i{width:34px;height:1px;flex:none;background:var(--line)}.m-tabs:has(+.m-recharge-grid) button{min-height:95px;gap:13px;justify-content:flex-start;padding:12px 18px;background:linear-gradient(120deg,var(--surface),var(--surface2));font-size:15px;box-shadow:0 10px 26px #00000012;transition:transform .18s,border-color .18s}.m-tabs:has(+.m-recharge-grid) button:before{width:82px;height:68px}.m-tabs:has(+.m-recharge-grid) button.active{border-color:var(--primary);background:linear-gradient(110deg,var(--accent-wash),var(--surface) 75%);box-shadow:inset 0 0 0 1px var(--accent-border),0 14px 26px #00000017}.m-tabs:has(+.m-recharge-grid) button:hover{transform:translateY(-2px)}.m-step{background:var(--accent-wash);color:var(--primary)}.m-input-row{border-radius:17px;min-height:69px;padding:8px 10px;background:var(--surface2);border-color:var(--accent-border)}.m-input-row:focus-within{box-shadow:0 0 0 4px var(--accent-wash)}.m-input-row input{font-size:21px;font-weight:800}.m-input-row .m-btn{min-height:45px}.m-offer{min-height:88px;border-radius:18px;padding:10px 13px;transition:background .18s,border-color .18s,transform .18s}.m-offer:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent-border)}.m-offer.chosen{background:var(--accent-wash);border-color:var(--primary)}.m-offer-art{width:82px;min-width:82px;height:67px;border:1px solid #e9eef1}.m-offer-info b{font-size:14px}.m-offer-info em{color:var(--primary)}.m-offer-price b{font-size:16px;color:var(--text)}.m-mode-grid button{padding:11px 14px;border-radius:12px}.m-mode-grid button.active{border-color:var(--primary);background:var(--accent-wash);color:var(--primary)}.m-summary-total strong{color:var(--primary)}.m-recharge-aside .m-box{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 8%,var(--surface)));border-color:var(--accent-border)}.m-product{border-radius:23px;box-shadow:0 14px 33px #00000014;transition:transform .18s,border-color .18s}.m-product:hover{transform:translateY(-4px);border-color:var(--accent-border)}.m-product-art{height:183px;padding:19px;background:radial-gradient(circle at 78% 12%,var(--accent-wash),transparent 45%),linear-gradient(145deg,#17283b,#0c1827)}.m-product-art img{width:100%;height:100%;object-fit:contain;border-radius:13px;filter:drop-shadow(0 13px 15px #0004)}.m-product-body{padding:20px}.m-product-body h2{font-size:16px;line-height:1.35}.m-chip{background:var(--accent-wash);color:var(--primary);border:1px solid var(--accent-border);border-radius:18px}.m-product-body>div strong{color:var(--primary)}.m-tabs button.active{background:var(--accent-wash);border-color:var(--accent-border)}.m-operation{padding:13px 15px;border-radius:16px;transition:background .18s,border-color .18s}.m-operation:hover{background:var(--accent-wash)}.m-op-icon{background:var(--accent-wash);color:var(--primary)}.m-badge.success{color:var(--primary);background:var(--accent-wash)}.m-balance{background:radial-gradient(circle at 85% 16%,color-mix(in srgb,var(--primary) 52%,transparent),transparent 57%),linear-gradient(125deg,#17334a,#0b1c30);border:1px solid var(--accent-border);min-height:240px}.m-balance strong{font-size:39px}.m-preferences{margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.m-result.success>span,.m-pin-icon{background:var(--accent-wash);color:var(--primary)}.m-voucher,.m-provider-message{background:var(--accent-wash);border-color:var(--accent-border)}.m-login{min-height:100dvh;grid-template-columns:1.03fr .97fr;background:var(--bg)}.m-login-brand{padding:35px;background:radial-gradient(circle at 52% 30%,color-mix(in srgb,var(--primary) 28%,transparent),transparent 54%),linear-gradient(145deg,#102f39,#102237 62%,#081d2a)}.m-login-brand:before{width:780px;height:780px;bottom:-490px;right:-120px;border-width:1px;border-color:var(--accent-border);transform:none}.m-login-brand:after{width:520px;height:520px;bottom:auto;top:-330px;right:60%;border-width:1px;border-color:#ffffff26;transform:none}.m-login-brand-inner{width:min(485px,100%);margin:auto;text-align:center}.m-brand-caption{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ffffff40;background:#ffffff0c;border-radius:30px;color:#d6e9e8;font-size:10px;letter-spacing:.11em;font-weight:800;margin-bottom:34px}.m-brand-caption>span{width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--accent-wash)}.m-login-brand .m-logo{margin:0 auto;width:82px;height:82px;border:1px solid #ffffff55;box-shadow:0 18px 36px #0004}.m-login-brand h1{font-size:clamp(44px,5vw,70px);line-height:1.1;letter-spacing:.09em;margin:16px 0 2px}.m-login-brand p{font-size:17px;color:#c6d9d8;margin:4px 0 28px}.m-login-showcase{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-login-showcase>div{min-height:114px;border:1px solid #ffffff38;background:#ffffff14;border-radius:18px;display:flex;align-items:center;gap:11px;padding:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 34px #0002}.m-login-showcase img{width:94px;height:75px;object-fit:contain;border-radius:10px;background:#fff}.m-login-showcase span{font-size:12px;text-align:start;color:#dcefed}.m-login-showcase b{display:block;font-size:14px;color:#fff}.m-login-brand-foot{display:flex;align-items:center;justify-content:center;gap:7px;color:#bdced0;font-size:11px;margin-top:26px}.m-login-form{padding:52px 30px}.m-login-form form{width:min(455px,100%);padding:39px;border-color:var(--accent-border);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 4%,var(--surface)));box-shadow:0 28px 65px #0005}.m-form-eyebrow{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.05em;display:block;margin-bottom:9px}.m-login-form h2{font-size:31px;text-align:start;line-height:1.25;margin:0}.m-login-form p{text-align:start;line-height:1.75;margin:8px 0 27px;font-size:13px}.m-login-form label{font-size:12px;margin:17px 0}.m-login-form input{min-height:51px;border-radius:13px}.m-login-form form>.m-btn{min-height:50px;margin-top:12px;font-size:14px}.m-login-footer{margin-top:20px}.m-login-controls{top:22px;inset-inline-start:26px}.m-login-controls button{width:39px;height:39px;border-color:#ffffff3a;background:#122936;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.accent-studio{border:1px solid var(--accent-border,var(--app-accent));background:linear-gradient(135deg,color-mix(in srgb,var(--app-accent) 8%,transparent),transparent 70%);border-radius:20px;padding:20px;color:inherit}.accent-studio-head{display:flex;gap:20px;justify-content:space-between;align-items:center}.accent-studio-kicker{display:inline-flex;align-items:center;gap:6px;color:var(--app-accent);font-size:11px;font-weight:900}.accent-studio h3{font-size:17px;margin:6px 0 5px;color:inherit}.accent-studio p{font-size:12px;line-height:1.7;max-width:510px;color:var(--muted,#95a3b5);margin:0}.accent-preview{width:155px;min-height:85px;flex:none;border-radius:16px;padding:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--app-accent) 54%,#122334),#132235);border:1px solid color-mix(in srgb,var(--app-accent) 55%,transparent);color:#fff;display:grid;align-content:center;gap:2px;box-shadow:0 15px 25px #0003}.accent-preview span{font-weight:900;font-size:18px;letter-spacing:.08em}.accent-preview b{font-size:9px;font-weight:700;color:#e4f1f0}.accent-preview i{display:block;width:42px;height:3px;border-radius:4px;background:var(--app-accent);margin-top:6px}.app-shell .accent-studio p{color:#52647b}html[data-theme=dark] .app-shell .accent-studio p{color:#a9b8c8}.accent-swatches{display:flex;gap:9px;flex-wrap:wrap;margin-top:21px}.accent-swatches button{background:transparent;border:1px solid transparent;color:inherit;border-radius:13px;min-width:66px;display:grid;justify-items:center;gap:6px;padding:7px 8px}.accent-swatches button.selected{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 9%,transparent)}.accent-swatches span{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#081321;box-shadow:inset 0 1px #fff5,0 6px 13px #0002}.accent-swatches small{font-size:10px;font-weight:800}.accent-custom{display:flex;align-items:end;justify-content:space-between;gap:15px;border-top:1px solid var(--line,#ffffff24);margin-top:17px;padding-top:16px}.accent-custom label{display:grid;gap:7px;font-size:11px;font-weight:800}.accent-color-input{display:flex;align-items:center;gap:11px;padding:5px 11px 5px 5px;background:var(--surface2,#18283a);border:1px solid var(--line,#ffffff24);border-radius:12px}.accent-color-input input{width:38px!important;height:34px!important;min-width:38px!important;padding:2px!important;border:0!important;background:none!important;cursor:pointer}.accent-color-input b{font-size:12px;font-family:monospace}.accent-custom>button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line,#ffffff24);background:var(--surface2,#18283a);color:inherit;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:800}html[data-theme=dark] .app-shell{--adm-teal:var(--app-accent)}.app-shell .sidebar-brand>span,.app-shell .sidebar-menu button.active,.app-shell .btn.primary{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-accent-ink);box-shadow:0 10px 25px color-mix(in srgb,var(--app-accent) 22%,transparent)}.app-shell .eyebrow,.app-shell .link-button,.app-shell .sidebar-brand em{color:var(--app-accent)}html[data-theme=dark] .app-shell .sidebar-brand>span,html[data-theme=dark] .app-shell .sidebar-menu button.active,html[data-theme=dark] .app-shell .btn.primary{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-accent-ink)}@media(max-width:1100px){.m-hero-art{min-width:245px}.m-hero-ring.two{width:265px;height:265px}.m-top-inner{gap:12px}.m-desktop-nav button{padding:9px 7px}.m-login-showcase>div{gap:6px}.m-login-showcase img{width:75px}}@media(max-width:850px){.m-top-inner{height:63px}.m-main{padding-top:21px}.m-bottom-nav{box-shadow:0 -10px 30px #0003}.m-bottom-nav button{width:16.666%;min-width:0}.m-bottom-nav button.active{color:var(--primary)}.m-mobile-utility{border-bottom:1px solid var(--line)}.m-stat-grid{gap:11px}.m-hero{padding:28px}.m-hero-art{min-width:205px}.m-hero-visual-card{width:165px;height:145px}.m-hero-ring.one{width:200px;height:200px}}@media(max-width:620px){.m-login-brand{min-height:285px;padding:55px 17px 27px}.m-brand-caption{margin-bottom:11px;font-size:9px}.m-login-brand .m-logo{width:55px;height:55px;border-radius:17px}.m-login-brand .m-logo svg{width:30px}.m-login-brand h1{font-size:35px;margin:7px 0 0}.m-login-brand p{font-size:12px;margin:2px 0 14px}.m-login-showcase{max-width:370px;width:100%;gap:7px}.m-login-showcase>div{min-height:57px;padding:5px;border-radius:11px}.m-login-showcase img{width:48px;height:44px;border-radius:7px}.m-login-showcase span{font-size:9px}.m-login-showcase b{font-size:10px}.m-login-brand-foot{display:none}.m-login-form{padding:0 14px 30px;margin-top:-20px;position:relative;z-index:2}.m-login-form form{padding:25px;border-radius:21px}.m-login-form h2{font-size:25px}.m-login-form p{font-size:12px;margin-bottom:20px}.m-login-controls{top:9px;inset-inline-start:9px}.m-hero{min-height:245px;padding:24px;border-radius:22px}.m-hero h1{font-size:25px}.m-hero p{font-size:12px}.m-hero-art{display:none}.m-stat{min-height:116px;padding:14px}.m-stat strong{font-size:20px}.m-box{padding:17px;border-radius:19px}.m-workflow{font-size:9px;gap:4px}.m-workflow span{gap:4px}.m-workflow span b{width:21px;height:21px}.m-workflow i{width:15px}.m-tabs:has(+.m-recharge-grid) button{min-height:90px;gap:4px;flex-direction:column;padding:7px;font-size:11px}.m-tabs:has(+.m-recharge-grid) button:before{width:68px;height:53px}.m-product-art{height:123px;padding:10px}.m-product-body{padding:12px}.m-bottom-nav button{font-size:8px}.m-bottom-nav button svg{width:19px;height:19px}.accent-studio{padding:15px}.accent-studio-head{align-items:start}.accent-preview{width:95px;min-height:72px;padding:9px}.accent-preview span{font-size:12px}.accent-preview b{font-size:7px}.accent-swatches{gap:3px}.accent-swatches button{min-width:58px;padding:6px 5px}.accent-swatches span{width:35px;height:35px}}@media(prefers-reduced-motion:reduce){.m-app *,.m-login *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
