:root{--brand-50: #ecfeff;--brand-100: #cffafe;--brand-200: #a5f3fc;--brand-300: #67e8f9;--brand-400: #22d3ee;--brand-500: #06b6d4;--brand-600: #0891b2;--brand-700: #0e7490;--brand-800: #155e75;--brand-900: #164e63;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-2xl: 28px;--r-full: 999px;--fs-meta: .74rem;--fs-small: .82rem;--fs-body: .92rem;--fs-strong: .98rem;--fs-title: 1.06rem;--fs-hero: 1.22rem;--app-shell-max: 460px;--customer-safe-top: env(safe-area-inset-top, 0px);--customer-safe-bottom: env(safe-area-inset-bottom, 0px);--customer-bottom-nav-clearance: calc(104px + var(--customer-safe-bottom));--customer-bottom-nav-height: calc(72px + var(--customer-safe-bottom));--live-traffic-sheet-nav-gap: 10px;--live-traffic-sheet-bottom-inset: calc( var(--customer-bottom-nav-height) + var(--live-traffic-sheet-nav-gap) );font-family:Cairo,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root,:root[data-theme=light]{--primary: var(--brand-700);--primary-dark: var(--brand-800);--primary-soft: #e0f7fb;--primary-tint: #f0fbfd;--accent: var(--brand-400);--gradient-brand: linear-gradient(135deg, #0a536b 0%, #0e7490 45%, #06b6d4 100%);--gradient-soft: linear-gradient(135deg, #e6f6fa 0%, #ffffff 100%);--bg: #eef3f8;--bg-elev: #f6f9fc;--surface: #ffffff;--surface-alt: #f4f7fb;--surface-strong: #e8edf3;--border: #e3e8ef;--border-soft: rgba(226, 232, 240, .7);--border-strong: #cbd5e1;--text: #0f1e2c;--text-soft: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--text-on-brand: #ffffff;--success: #10b981;--success-bg: #d1fae5;--success-ink:#047857;--warning: #f59e0b;--warning-bg: #fef3c7;--warning-ink:#b45309;--danger: #ef4444;--danger-bg: #fee2e2;--danger-ink: #b91c1c;--info: #0ea5e9;--info-bg: #e0f2fe;--info-ink: #0369a1;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06);--shadow-2: 0 2px 8px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-3: 0 8px 22px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);--shadow-brand: 0 10px 22px rgba(14, 116, 144, .22);--page-tint: radial-gradient(900px 480px at 100% -160px, rgba(34, 211, 238, .1), transparent 60%), radial-gradient(700px 360px at -10% 6%, rgba(8, 145, 178, .06), transparent 60%)}:root[data-theme=dark]{--primary: #22d3ee;--primary-dark: #67e8f9;--primary-soft: rgba(34, 211, 238, .14);--primary-tint: rgba(34, 211, 238, .08);--accent: #22d3ee;--gradient-brand: linear-gradient(135deg, #0a3849 0%, #0e7490 55%, #155e75 100%);--gradient-soft: linear-gradient(135deg, rgba(34,211,238,.08) 0%, rgba(15, 23, 32, 0) 100%);--bg: #0a141d;--bg-elev: #0e1a25;--surface: #131f2c;--surface-alt: #182636;--surface-strong: #1f2f42;--border: #233447;--border-soft: rgba(35, 52, 71, .8);--border-strong: #324863;--text: #e2e8f0;--text-soft: #b6c2d1;--text-muted: #8b97a8;--text-dim: #6b7790;--text-on-brand: #ffffff;--success: #34d399;--success-bg: rgba(52, 211, 153, .14);--success-ink:#6ee7b7;--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .14);--warning-ink:#fcd34d;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .15);--danger-ink: #fca5a5;--info: #38bdf8;--info-bg: rgba(56, 189, 248, .14);--info-ink: #7dd3fc;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35);--shadow-2: 0 2px 8px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .25);--shadow-3: 0 10px 28px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-brand: 0 10px 22px rgba(34, 211, 238, .25);--page-tint: radial-gradient(900px 480px at 100% -160px, rgba(34, 211, 238, .1), transparent 60%), radial-gradient(700px 360px at -10% 6%, rgba(14, 116, 144, .14), transparent 60%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}@supports (-webkit-touch-callout: none){:root{--customer-safe-top: max(env(safe-area-inset-top, 0px), 44px);--customer-safe-bottom: env(safe-area-inset-bottom, 0px)}}body{margin:0;background:var(--page-tint),var(--bg);color:var(--text);direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;line-height:1.45;font-size:15px;min-height:100vh;transition:background-color .25s ease,color .25s ease}html[lang=en] body{direction:ltr;text-align:left}a{color:var(--primary);text-decoration:none}button{font-family:inherit;font-size:1rem;border:none;cursor:pointer;background:none;color:inherit}input,textarea,select{font-family:inherit;color:inherit}::selection{background:#22d3ee40}.app-shell{max-width:var(--app-shell-max);margin:0 auto;min-height:100vh;padding-bottom:calc(var(--customer-bottom-nav-clearance) + var(--s-4));position:relative;background:var(--bg);overflow-x:clip}@media (min-width: 540px){body{background:var(--page-tint),linear-gradient(180deg,var(--bg-elev),var(--bg))}.app-shell{box-shadow:var(--shadow-3);border-inline-start:1px solid var(--border-soft);border-inline-end:1px solid var(--border-soft)}}.container{padding:0 var(--s-4)}.hero{position:relative;background:var(--gradient-brand);color:var(--text-on-brand);padding:calc(var(--customer-safe-top) + var(--s-5)) var(--s-5) var(--s-8);border-bottom-left-radius:var(--r-2xl);border-bottom-right-radius:var(--r-2xl);box-shadow:var(--shadow-brand);overflow:hidden;margin-bottom:calc(var(--s-6) * -1)}.hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:280px;height:280px;background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:auto auto -40% -20%;width:240px;height:240px;background:radial-gradient(closest-side,rgba(255,255,255,.08),transparent 70%);pointer-events:none}.hero--compact{padding-bottom:var(--s-6);margin-bottom:var(--s-3);border-bottom-left-radius:var(--r-xl);border-bottom-right-radius:var(--r-xl)}.hero--speed-test{padding-top:calc(var(--customer-safe-top) + var(--s-2));padding-bottom:var(--s-3);margin-bottom:var(--s-2)}.hero--speed-test.hero--compact{padding-bottom:var(--s-3);margin-bottom:var(--s-2)}.hero--speed-test .hero__row--speed-test{margin-bottom:0;align-items:center;gap:var(--s-2)}.hero--speed-test .speed-test__hero-text{flex:1;min-width:0;text-align:start}.hero--speed-test .speed-test__hero-text .hero__name{font-size:1.02rem;font-weight:700;margin-top:0;line-height:1.22}.hero--speed-test .speed-test__hero-text .speed-test__subtitle{margin:2px 0 0;font-size:.76rem;line-height:1.35}.hero--speed-test .hero__row--speed-test .brandmark--horizontal.brandmark--sm .brandmark__img{max-height:22px;max-width:min(132px,34vw)}.hero--speed-test .hero__row--speed-test .brandmark--plate{padding:2px 6px;border-radius:7px}.speed-test__back.btn.compact{padding:6px 10px;font-size:.82rem;min-height:0}.hero__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.hero__profile-btn{border-radius:9px;background:#ffffff24;border:0;color:#fff;width:34px;height:34px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero__profile-btn:hover{background:#ffffff38}.hero .brandmark--horizontal.brandmark--sm .brandmark__img{max-height:32px;max-width:min(240px,85vw)}.hero .brandmark--horizontal.brandmark--md .brandmark__img{max-height:34px;max-width:min(252px,86vw)}.hero .brandmark--plate{padding:3px 9px;border-radius:9px;background:#ffffffdb;box-shadow:0 1px 8px #0000001a;border:1px solid rgba(255,255,255,.28)}.hero__greet{font-size:.88rem;opacity:.85}.hero__name{font-size:var(--fs-hero);font-weight:700;margin-top:2px}.hero__badges{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-top:var(--s-3)}.float-section{position:relative;z-index:2;padding:0 var(--s-4);margin-top:calc(var(--s-4) * -1)}.app-shell--home{padding-top:0}.hero.home-hero{padding:calc(var(--customer-safe-top) + var(--s-4)) var(--s-4) var(--s-7);margin-bottom:calc(var(--s-4) * -1);overflow:visible}.home-hero__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.home-hero__avatar{font-weight:700;font-size:.88rem;line-height:1}.home-hero__identity{text-align:start;position:relative;z-index:1;padding-bottom:var(--s-2)}.home-hero__greet{font-size:.8rem;font-weight:600;opacity:.88;letter-spacing:.02em;line-height:1.35}.home-hero__name{margin:4px 0 0;font-size:1.14rem;font-weight:800;line-height:1.4;letter-spacing:0;overflow:visible;padding-bottom:2px}.hero.home-hero .brandmark--horizontal.brandmark--xs .brandmark__img{max-height:25px;max-width:min(188px,70vw)}.hero.home-hero .brandmark--plate,.hero.home-hero .brandmark--horizontal.brandmark--xs.brandmark--plate{width:fit-content;max-width:fit-content;padding:2px 5px;border-radius:7px;background:#ffffffeb;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 3px #00000014}.hero.home-hero .brandmark--horizontal.brandmark--xs.brandmark--plate .brandmark__img{max-width:min(168px,62vw)}:root[data-theme=dark] .hero.home-hero .brandmark--plate{background:#ffffffe0;border-color:#ffffff6b;box-shadow:0 1px 3px #0000001f}.float-section.home-float{margin-top:calc(var(--s-5) * -1)}.home-float{margin-top:0}.home-sum-card{position:relative;background:radial-gradient(120% 80% at 100% 0%,rgba(34,211,238,.14),transparent 55%),var(--surface);border-radius:var(--r-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-2);padding:var(--s-3) var(--s-4) var(--s-4)}:root[data-theme=dark] .home-sum-card{background:radial-gradient(120% 80% at 100% 0%,rgba(34,211,238,.12),transparent 55%),var(--surface);box-shadow:var(--shadow-3)}.home-sum-card__chips{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.home-sum-card__chips>.pill{flex:0 0 auto;scroll-snap-align:start;max-width:none}.home-live-speed{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-bottom:var(--s-3);max-height:64px}.home-live-speed--muted{margin:0 0 var(--s-3);line-height:1.35}.home-live-speed__pill{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;max-height:44px;padding:6px 10px;border-radius:var(--r-full);border:1px solid var(--border-soft);background:var(--surface-2, rgba(15, 23, 42, .04));font-size:.78rem;line-height:1.2;min-width:0}button.home-live-speed__pill{cursor:pointer;font:inherit;color:inherit;width:100%;transition:background-color .15s,border-color .15s,transform .12s}button.home-live-speed__pill:hover{border-color:var(--border-strong);background:var(--surface-alt, rgba(15, 23, 42, .06))}button.home-live-speed__pill:focus-visible{outline:2px solid var(--brand, #2563eb);outline-offset:2px}button.home-live-speed__pill:active{transform:scale(.98)}.live-traffic-sheet-overlay{z-index:70;align-items:flex-end;padding-bottom:var(--live-traffic-sheet-bottom-inset);box-sizing:border-box}.modal.live-traffic-sheet{max-height:min(calc(100dvh - var(--live-traffic-sheet-bottom-inset) - var(--s-4)),520px);display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--s-3)}.live-traffic-sheet__body{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;padding-top:0;padding-bottom:var(--s-3)}.live-traffic-sheet__updated{margin:0 0 var(--s-2)}.live-traffic-sheet .live-graph-card__values{margin-bottom:var(--s-2);gap:var(--s-2)}:root[data-theme=dark] .home-live-speed__pill{background:#ffffff0f}.home-live-speed__label{font-weight:600;color:var(--text-muted);flex-shrink:0}.home-live-speed__value{font-weight:800;color:var(--text);text-align:end;min-width:0;white-space:nowrap}.home-live-speed__pill--down .home-live-speed__value{color:var(--brand, #2563eb)}.home-live-speed__pill--up .home-live-speed__value{color:var(--success, #16a34a)}.home-live-speed__unit{font-size:.68rem;font-weight:600;margin-inline-start:3px;color:var(--text-muted)}.home-sum-card__package{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-bottom:var(--s-3);border-bottom:1px solid var(--border-soft)}.home-sum-card__package-name{font-size:1.05rem;font-weight:800;color:var(--text);line-height:1.25;min-width:0;flex:1}.home-sum-card__speed-chip{flex-shrink:0;font-size:.78rem;font-weight:700;color:var(--primary-dark);background:var(--primary-soft);padding:5px 11px;border-radius:var(--r-full);border:1px solid rgba(34,211,238,.25)}:root[data-theme=dark] .home-sum-card__speed-chip{color:var(--primary);border-color:#22d3ee33}.home-sum-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-2);font-size:.86rem;line-height:1.35}.home-sum-card__row--usage{align-items:flex-start}.live-graph-card{margin-bottom:var(--s-4)}.live-graph-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3)}.live-graph-card__title{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:700}.live-graph-card__updated{flex-shrink:0;text-align:end}.live-graph-card__values{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-bottom:var(--s-3)}.live-graph-metric__label{display:block;font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:4px}.live-graph-metric__value{font-size:1.35rem;font-weight:800;line-height:1.1;color:var(--text)}.live-graph-metric--down .live-graph-metric__value{color:var(--brand, #2563eb)}.live-graph-metric--up .live-graph-metric__value{color:var(--success, #16a34a)}.live-graph-metric__unit{font-size:.72rem;font-weight:600;margin-inline-start:4px;color:var(--text-muted)}.live-graph-card__charts{display:flex;flex-direction:column;gap:var(--s-2)}.live-graph-chart-row{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:var(--s-2)}.live-graph-spark{width:100%;height:48px;display:block;color:var(--text-muted)}.live-traffic-combined-chart{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-1);overflow:visible}.live-traffic-combined-chart__heading{margin:0;font-weight:600;flex-shrink:0}.live-traffic-dual-spark{display:flex;flex-direction:column;align-items:stretch;gap:var(--s-2);width:100%;overflow:visible}.live-traffic-dual-spark__lane{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;min-height:44px;flex:0 0 auto;overflow:visible;padding:6px var(--s-3);border-radius:var(--r-md);background:var(--surface-alt, rgba(15, 23, 42, .04));border:1px solid var(--border-soft)}:root[data-theme=dark] .live-traffic-dual-spark__lane{background:#ffffff0a}.live-traffic-dual-spark__lane-label{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);font-weight:600;color:var(--text-muted);flex-shrink:0;line-height:1.2}.live-traffic-dual-spark__lane-chart{width:100%;height:40px;min-height:40px;flex:0 0 40px;overflow:visible}.live-traffic-dual-spark__lane-chart .live-graph-spark{display:block;width:100%;height:100%;min-height:40px;max-height:40px;overflow:visible}.live-traffic-combined-chart__swatch{width:14px;height:3px;border-radius:2px;flex-shrink:0}.live-traffic-combined-chart__swatch--down{background:var(--brand, #2563eb)}.live-traffic-combined-chart__swatch--up{background:var(--success, #16a34a)}.home-sum-card__row-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-weight:600;flex-shrink:0}.home-sum-card__row-value{font-weight:700;color:var(--text);text-align:end;min-width:0}.home-sum-card__row-value--mono{font-variant-numeric:tabular-nums;font-size:.82rem;letter-spacing:.02em}.home-sum-card__countdown{margin-top:var(--s-3);display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);background:var(--surface-alt);border:1px solid var(--border-soft)}.home-sum-card__countdown--danger{border-color:#f8717159;background:var(--danger-bg)}.home-sum-card__countdown--warn{border-color:#fbbf2459;background:var(--warning-bg)}.home-sum-card__countdown-num{width:38px;height:38px;border-radius:11px;background:var(--gradient-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.98rem;box-shadow:var(--shadow-brand);flex-shrink:0}.home-sum-card__countdown--danger .home-sum-card__countdown-num{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 6px 16px #ef444438}.home-sum-card__countdown--warn .home-sum-card__countdown-num{background:linear-gradient(135deg,#b45309,#f59e0b);box-shadow:0 6px 16px #f59e0b38}.home-sum-card__countdown-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.home-sum-card__countdown-hint{margin-top:2px;font-size:.88rem;font-weight:700;color:var(--text);line-height:1.3}.home-body{padding-top:var(--s-2)}.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin:var(--s-4) 0 var(--s-2)}.home-section-title{margin:var(--s-4) 0 var(--s-2);font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.home-section-title--inline{margin:0}.home-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);grid-auto-rows:1fr}.home-quick-tile{display:flex;flex-direction:column;align-items:stretch;text-align:start;min-height:118px;padding:var(--s-3);border-radius:var(--r-lg);border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-1);color:var(--text);font-family:inherit;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s,background-color .15s;-webkit-tap-highlight-color:transparent}.home-quick-tile:hover{box-shadow:var(--shadow-2);border-color:#22d3ee59}.home-quick-tile:active{transform:scale(.988);background:var(--surface-alt)}.home-quick-tile.is-disabled{opacity:.52;cursor:not-allowed}.home-quick-tile.is-disabled:hover{transform:none;box-shadow:var(--shadow-1);border-color:var(--border-soft)}.home-quick-tile__icon{width:44px;height:44px;border-radius:13px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--s-2)}.home-quick-tile__title{font-size:.9rem;font-weight:800;line-height:1.2;color:var(--text)}.home-quick-tile__hint{margin-top:4px;font-size:.76rem;font-weight:600;color:var(--text-soft);line-height:1.35}.home-quick-tile--renew{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-brand)}.home-quick-tile--renew .home-quick-tile__icon{background:#ffffff2e;color:#fff}.home-quick-tile--renew .home-quick-tile__title{color:#fff}.home-quick-tile--renew .home-quick-tile__hint{color:#ffffffe0}.home-quick-tile--renew.is-disabled{opacity:.5}.home-alerts-empty{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);margin-bottom:var(--s-2);border-radius:var(--r-md);background:var(--surface-alt);border:1px dashed var(--border);color:var(--text-soft);font-size:.84rem;font-weight:600;line-height:1.35}.home-alerts-empty__icon{display:flex;color:var(--text-muted);flex-shrink:0}.home-alert-restored{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-1)}.home-alert-restored__msg{margin:0;font-size:var(--fs-small);line-height:1.45;color:var(--text-secondary)}.home-alert-body{flex:1;min-width:0}.all-services-trigger--home{margin-top:var(--s-3)}.brandmark--horizontal.brandmark--xs .brandmark__img{max-height:22px;max-width:min(200px,72vw)}.brandmark{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.brandmark--logo .brandmark__img{display:block;object-fit:contain;width:auto;height:auto}.brandmark--horizontal.brandmark--sm .brandmark__img{max-height:28px;max-width:min(200px,72vw)}.brandmark--horizontal.brandmark--md .brandmark__img{max-height:36px;max-width:min(240px,80vw)}.brandmark--horizontal.brandmark--lg .brandmark__img{max-height:52px;max-width:min(320px,92vw)}.brandmark--vertical.brandmark--sm .brandmark__img{max-width:26px;max-height:88px}.brandmark--vertical.brandmark--md .brandmark__img{max-width:34px;max-height:104px}.brandmark--vertical.brandmark--lg .brandmark__img{max-width:44px;max-height:120px}.brandmark--plate{background:#ffffffd1;border-radius:8px;padding:3px 8px;box-shadow:0 1px 6px #00000014;border:1px solid rgba(255,255,255,.22)}.brandmark--fallback{min-height:1.5em}.brandmark__fallback-text{font-weight:800;font-size:1.05rem;letter-spacing:.02em;color:var(--text)}.brandmark--plate .brandmark__fallback-text{color:#0f1e2c}.hero .brandmark--fallback .brandmark__fallback-text{color:#fff}.hero .brandmark--plate .brandmark__fallback-text{color:#0f1e2c}:root[data-theme=dark] .brandmark--plate{background:#fffffff0;border-color:#ffffff61;box-shadow:0 2px 14px #00000073}:root[data-theme=dark] .hero .brandmark--plate{background:#ffffffed;box-shadow:0 2px 16px #00000080}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--s-4);margin-bottom:var(--s-3);border:1px solid var(--border-soft)}.card--tight{padding:var(--s-3) var(--s-4)}.card--feature{padding:var(--s-4)}.section-title{display:flex;align-items:center;justify-content:space-between;margin:var(--s-5) var(--s-2) var(--s-2);color:var(--text);font-weight:700;font-size:var(--fs-title)}.section-title .link{font-size:.82rem;font-weight:600;color:var(--primary);background:transparent}.sub-card{background:radial-gradient(120% 60% at -10% -10%,rgba(34,211,238,.12),transparent 60%),var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);padding:var(--s-4) var(--s-4);border:1px solid var(--border-soft)}.sub-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2)}.sub-card__title{font-weight:700;color:var(--text);font-size:var(--fs-body)}.sub-card__plan{display:flex;align-items:baseline;gap:var(--s-2);margin-top:var(--s-1)}.sub-card__plan-name{font-size:1.3rem;font-weight:700;color:var(--text)}.sub-card__plan-speed{font-size:.82rem;color:var(--primary);font-weight:600;background:var(--primary-soft);padding:3px 10px;border-radius:var(--r-full)}.sub-card__meta{margin-top:var(--s-3);display:flex;flex-wrap:wrap;gap:var(--s-2)}.meta-tile{flex:1 1 calc(50% - var(--s-2));background:var(--surface-alt);border-radius:var(--r-md);padding:var(--s-3);display:flex;align-items:center;gap:var(--s-2);border:1px solid var(--border-soft)}.meta-tile__icon{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.meta-tile__label{font-size:var(--fs-meta);color:var(--text-muted)}.meta-tile__value{font-weight:700;font-size:.9rem;color:var(--text);line-height:1.2}.countdown{margin-top:var(--s-3);display:flex;align-items:center;gap:var(--s-3);background:linear-gradient(120deg,var(--primary-tint),transparent);padding:var(--s-3);border-radius:var(--r-md);border:1px dashed rgba(34,211,238,.35)}.countdown__num{width:42px;height:42px;border-radius:12px;background:var(--gradient-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;box-shadow:var(--shadow-brand);flex-shrink:0}.countdown__label{font-size:var(--fs-meta);color:var(--text-soft)}.countdown__hint{font-weight:700;color:var(--text);font-size:.9rem}.countdown--danger .countdown__num{background:linear-gradient(135deg,#b91c1c,#ef4444);box-shadow:0 8px 18px #ef444440}.countdown--warn .countdown__num{background:linear-gradient(135deg,#b45309,#f59e0b);box-shadow:0 8px 18px #f59e0b40}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:.75rem;font-weight:600;white-space:nowrap;line-height:1.1}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill--success{background:var(--success-bg);color:var(--success-ink)}.pill--warning{background:var(--warning-bg);color:var(--warning-ink)}.pill--danger{background:var(--danger-bg);color:var(--danger-ink)}.pill--info{background:var(--info-bg);color:var(--info-ink)}.pill--muted{background:var(--surface-strong);color:var(--text-soft)}.pill--brand{background:#ffffff2e;color:#fff}.pill--brand-solid{background:#ffffffeb;color:var(--primary-dark)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:.78rem;font-weight:600}.badge.active{background:var(--success-bg);color:var(--success-ink)}.badge.expired{background:var(--danger-bg);color:var(--danger-ink)}.badge.warning{background:var(--warning-bg);color:var(--warning-ink)}.badge.muted{background:var(--surface-strong);color:var(--text-soft)}.badge.online{background:var(--success-bg);color:var(--success-ink)}.badge.offline{background:var(--surface-strong);color:var(--text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:11px 16px;border-radius:var(--r-md);font-weight:700;font-size:.94rem;background:var(--primary);color:#fff;width:100%;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,filter .12s;box-shadow:0 4px 12px #0e74902e;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--primary-dark)}.btn:active{transform:scale(.985);filter:brightness(.95)}.btn:disabled{background:var(--surface-strong);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn.secondary{background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.btn.secondary:hover{background:#22d3ee38}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{background:var(--surface-alt)}.btn.ghost:active{background:var(--surface-strong)}.btn.danger{background:var(--danger)}.btn.danger:hover{filter:brightness(.95)}.btn.compact{padding:8px 14px;font-size:.88rem}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.action-tile{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);width:100%;text-align:start;color:var(--text);font-family:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s,background-color .15s;-webkit-tap-highlight-color:transparent}.action-tile:hover{box-shadow:var(--shadow-2);border-color:var(--brand-200)}.action-tile:active{transform:scale(.985);background:var(--surface-alt)}.action-tile.primary{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-brand)}.action-tile.primary .action-tile__icon{background:#ffffff2e;color:#fff}.action-tile.disabled{opacity:.5;cursor:not-allowed}.action-tile.disabled:hover{transform:none;box-shadow:var(--shadow-1);border-color:var(--border-soft)}.action-tile__icon{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.action-tile__text{flex:1;min-width:0}.action-tile__title{font-size:.88rem;font-weight:700;line-height:1.2}.action-tile__hint{font-size:.72rem;opacity:.85;font-weight:500;margin-top:2px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.feature-card{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:var(--s-3);text-align:center;box-shadow:var(--shadow-1);cursor:pointer;border:1px solid var(--border-soft);transition:transform .12s ease,box-shadow .12s ease,border-color .12s,background-color .15s;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:inherit;color:var(--text);width:100%;-webkit-tap-highlight-color:transparent}.feature-card:hover{box-shadow:var(--shadow-2);border-color:var(--brand-200)}.feature-card:active{transform:scale(.985);background:var(--surface-alt)}.feature-card.disabled{opacity:.55;cursor:not-allowed}.feature-card.disabled:hover{transform:none;box-shadow:var(--shadow-1);border-color:var(--border-soft)}.feature-card__icon{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center}.feature-card__title{font-size:.74rem;font-weight:600;color:var(--text);line-height:1.2}.feature-card__tag{position:absolute;top:6px;inset-inline-end:6px;font-size:.62rem;background:var(--warning-bg);color:var(--warning-ink);padding:2px 7px;border-radius:var(--r-full);font-weight:700}.feature-card__tag.maint{background:color-mix(in srgb,var(--info-bg) 78%,var(--surface) 22%);color:color-mix(in srgb,var(--info-ink) 86%,var(--primary) 14%);border:1px solid color-mix(in srgb,var(--info) 22%,transparent)}.feature-card__tag.off{background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface) 16%);color:var(--text-soft);border:1px solid color-mix(in srgb,var(--border-soft) 78%,transparent)}.alert-card{display:flex;gap:var(--s-3);background:var(--surface);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);box-shadow:var(--shadow-1);border:1px solid var(--border-soft);border-inline-start:4px solid var(--info);margin-bottom:var(--s-2)}.alert-card__icon{width:34px;height:34px;border-radius:12px;background:var(--info-bg);color:var(--info-ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.alert-card__title{font-weight:700;font-size:.92rem}.alert-card__msg{font-size:.84rem;color:var(--text-soft);margin-top:3px;line-height:1.5}.alert-card__time{font-size:.72rem;color:var(--text-dim);margin-top:4px}.home-alert-card{position:relative;padding-inline-end:2.25rem}.home-alert-dismiss{position:absolute;top:8px;inset-inline-end:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--r-full);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);color:var(--text-soft);cursor:pointer}.home-alert-dismiss:hover,.home-alert-dismiss:focus-visible{color:var(--text);background:color-mix(in srgb,var(--surface-raised) 96%,transparent);outline:none}.alert-card.outage{border-inline-start-color:color-mix(in srgb,var(--info) 72%,var(--primary) 28%)}.alert-card.outage .alert-card__icon{background:color-mix(in srgb,var(--info-bg) 82%,var(--surface) 18%);color:color-mix(in srgb,var(--info-ink) 82%,var(--primary) 18%)}.alert-card.maintenance{border-inline-start-color:var(--warning)}.alert-card.maintenance .alert-card__icon{background:var(--warning-bg);color:var(--warning-ink)}.alert-card.restored{border-inline-start-color:var(--success)}.alert-card.restored .alert-card__icon{background:var(--success-bg);color:var(--success-ink)}.alert{padding:10px 14px;border-radius:var(--r-md);margin-bottom:var(--s-2);font-size:.9rem}.alert.outage{background:var(--danger-bg);color:var(--danger-ink)}.alert.maintenance{background:var(--warning-bg);color:var(--warning-ink)}.alert.restored{background:var(--success-bg);color:var(--success-ink)}.alert.announcement{background:var(--info-bg);color:var(--info-ink)}.input,.textarea,.select{width:100%;padding:11px 13px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);font-family:inherit;font-size:.95rem;margin-bottom:var(--s-2);color:var(--text);transition:border-color .12s,box-shadow .12s,background-color .15s}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px #22d3ee2e}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.field{margin-bottom:var(--s-2)}.field label{display:block;font-size:.82rem;font-weight:600;color:var(--text-soft);margin-bottom:5px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-shell-max);background:var(--surface);border-top:1px solid var(--border-soft);display:flex;justify-content:space-around;padding:6px 6px calc(var(--customer-safe-bottom) + 8px);z-index:40;box-shadow:0 -6px 20px #0000000a}:root[data-theme=dark] .bottom-nav{background:#131f2ceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -8px 24px #00000059}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:.7rem;color:var(--text-muted);gap:2px;padding:4px 10px;border-radius:var(--r-md);font-weight:600;flex:1;text-align:center;-webkit-tap-highlight-color:transparent;transition:color .15s}.bottom-nav a.active{color:var(--primary)}.bottom-nav a.active .bottom-nav__icon{background:var(--primary-soft);color:var(--primary);transform:translateY(-2px)}.bottom-nav__icon{width:38px;height:30px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .18s,color .18s,transform .18s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070e168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:flex-end;z-index:60;animation:bn-fade-in .15s ease-out}.services-sheet-overlay{z-index:70}.modal{background:var(--surface);color:var(--text);width:100%;max-width:var(--app-shell-max);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s-3) var(--s-4) calc(var(--customer-safe-bottom) + var(--s-5));max-height:92vh;overflow-y:auto;box-shadow:0 -16px 40px #00000059;animation:bn-slide-up .25s cubic-bezier(.2,.7,.2,1);border-top:1px solid var(--border-soft)}.modal-handle{width:40px;height:4px;background:var(--border-strong);border-radius:2px;margin:0 auto var(--s-3)}.modal-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.modal-title h2{margin:0;font-size:1.05rem;font-weight:700}.modal-close{background:var(--surface-alt);color:var(--text-muted);font-size:1.3rem;line-height:1;width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.modal-close:hover{background:var(--surface-strong);color:var(--text)}.services-sheet.services-sheet{max-height:min(88vh,520px);overflow:hidden;display:flex;flex-direction:column;padding-bottom:var(--s-3)}.services-sheet.services-sheet--premium{border-top-color:#22d3ee33}.services-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-2);flex-shrink:0}.services-sheet__head-text{min-width:0;flex:1}.services-sheet__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.services-sheet__subtitle{margin:6px 0 0;font-size:var(--fs-small);color:var(--text-soft);line-height:1.45}.services-sheet__list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;padding-bottom:calc(var(--customer-safe-bottom) + var(--s-5))}.services-sheet__empty{text-align:center;color:var(--text-muted);font-size:var(--fs-small);padding:var(--s-6) var(--s-2)}.services-sheet__row{display:flex;align-items:flex-start;gap:var(--s-3);width:100%;text-align:start;padding:var(--s-3);margin-bottom:var(--s-2);border-radius:var(--r-lg);border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-1);cursor:pointer;color:inherit;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s,background-color .15s;-webkit-tap-highlight-color:transparent}.services-sheet__row:hover{box-shadow:var(--shadow-2);border-color:var(--brand-200)}.services-sheet__row:active{transform:scale(.992);background:var(--surface-alt)}.services-sheet__row--muted{opacity:.75}.services-sheet__row-icon{width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.services-sheet__row-body{flex:1;min-width:0}.services-sheet__row-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);justify-content:space-between}.services-sheet__row-title{font-weight:700;font-size:.94rem;line-height:1.25;flex:1 1 auto;min-width:0}.services-sheet__badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;justify-content:flex-end;max-width:100%}.services-sheet__row-hint{margin-top:4px;font-size:.78rem;color:var(--text-soft);line-height:1.4}.services-sheet__badge{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--r-full);flex-shrink:0}.services-sheet__badge--soon{background:var(--warning-bg);color:var(--warning-ink)}.services-sheet__badge--maint{background:var(--surface-strong);color:var(--text-soft)}.services-sheet__badge--off{background:var(--danger-bg);color:var(--danger-ink)}.all-services-trigger{width:100%;margin-top:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-1);display:flex;flex-direction:column;align-items:stretch;text-align:start;gap:4px;cursor:pointer;color:inherit;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s,background-color .15s;-webkit-tap-highlight-color:transparent}.all-services-trigger:hover{box-shadow:var(--shadow-2);border-color:var(--brand-200)}.all-services-trigger:active{transform:scale(.992);background:var(--surface-alt)}.all-services-trigger__label{font-weight:700;font-size:var(--fs-strong);line-height:1.2}.all-services-trigger__hint{font-size:var(--fs-meta);color:var(--text-muted);line-height:1.35}.success-block{text-align:center;padding:var(--s-3) 0 0}.success-icon{width:60px;height:60px;border-radius:50%;background:var(--success-bg);color:var(--success);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--s-2)}.success-code{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--primary-dark);padding:6px 14px;border-radius:var(--r-full);font-weight:700;font-size:.88rem;margin-top:var(--s-2);letter-spacing:.5px}.refresh-bar{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding:6px 12px;border-radius:var(--r-full);background:var(--surface-alt, rgba(15, 30, 44, .06));border:1px solid var(--border);font-size:.8rem;color:var(--text-muted);max-width:100%}.refresh-bar--compact{padding:4px 10px;font-size:.76rem}.refresh-bar__meta{display:inline-flex;align-items:center;gap:6px;min-width:0}.refresh-bar__time{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text)}.refresh-bar .dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.refresh-bar .dot.pulse{background:var(--success);animation:bn-pulse 1.4s ease-in-out infinite}.refresh-bar__btn{background:var(--surface, #fff);border:1px solid var(--border);color:var(--primary-dark);padding:5px 12px;border-radius:var(--r-full);font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.refresh-bar__btn:hover{opacity:.92}.refresh-bar__btn:disabled{opacity:.55;cursor:progress}.home-sync-row{display:flex;justify-content:flex-end;margin-top:var(--s-3);width:100%}.home-active-requests{margin-top:var(--s-5)}.home-active-requests__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin-bottom:var(--s-2)}.home-active-requests__link{flex-shrink:0}.home-active-requests__list{display:flex;flex-direction:column;gap:var(--s-2)}.home-active-request{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);text-align:start;cursor:pointer;width:100%;font:inherit;color:inherit}.home-active-request:hover{border-color:var(--primary-soft)}.home-active-request__main{display:flex;align-items:center;gap:10px;min-width:0}.home-active-request__meta{font-size:var(--fs-meta);color:var(--text-muted);margin-top:2px}.home-active-request__status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.home-active-request__badge{font-size:.68rem;padding:2px 8px}.home-active-requests-empty{margin-top:var(--s-4);margin-bottom:0}.requests-view-segments{margin-bottom:var(--s-4)}.request-card--highlight{border-color:var(--primary);box-shadow:0 0 0 2px #0891b233}.usage-stats-card{padding:var(--s-4);margin-bottom:var(--s-3)}.usage-stats-card__heading{font-size:var(--fs-title);margin:0 0 var(--s-2);font-weight:700}.usage-stats-card__values{margin:0;font-weight:600;line-height:1.45}.usage-stats-card__asof{margin:var(--s-2) 0 0}.usage-basic-grid{display:grid;grid-template-columns:1fr;gap:var(--s-3)}@media (min-width: 380px){.usage-basic-grid{grid-template-columns:1fr 1fr}}.usage-basic-tile{padding:var(--s-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-alt, rgba(15, 30, 44, .04));min-width:0}.usage-basic-tile__label{font-size:var(--fs-meta);color:var(--text-muted);margin-bottom:4px}.usage-basic-tile__value{font-weight:600;font-size:.92rem;line-height:1.35;word-break:break-word}.usage-note-card{padding:var(--s-4);margin-top:var(--s-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-alt, rgba(15, 30, 44, .04))}.usage-note-card__p{margin:0 0 var(--s-2);line-height:1.45;font-size:.88rem}.usage-note-card__p:last-child{margin-bottom:0}.usage-unavailable-card{padding:var(--s-4);margin-bottom:var(--s-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-alt, rgba(15, 30, 44, .04))}.usage-quota-block{margin-top:var(--s-4)}.usage-quota-block__title{font-size:var(--fs-small);font-weight:700;margin:0 0 var(--s-2);color:var(--text-muted)}.usage-bar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.usage-bar-list__item{display:grid;grid-template-columns:minmax(5.5rem,7.5rem) 1fr minmax(4rem,auto);gap:var(--s-2);align-items:center;min-width:0}@media (max-width: 360px){.usage-bar-list__item{grid-template-columns:1fr;gap:var(--s-1)}}.usage-bar-list__label{font-size:var(--fs-meta);color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:0}.usage-bar-list__track{height:8px;border-radius:var(--r-full);background:var(--border);overflow:hidden;min-width:0}.usage-bar-list__fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--brand-600),var(--brand-400));max-width:100%}.usage-bar-list__fill--muted{opacity:.85;background:linear-gradient(90deg,var(--brand-700),var(--brand-500))}.usage-bar-list__nums{font-size:var(--fs-meta);font-weight:600;font-variant-numeric:tabular-nums;text-align:end;min-width:0;display:flex;flex-direction:column;align-items:end;gap:2px}[dir=rtl] .usage-bar-list__nums{text-align:start;align-items:flex-start}.usage-bar-list__free{font-weight:500;font-size:.72rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.usage-page-hero .usage-page-title{font-size:var(--fs-hero);font-weight:800;margin:6px 0 0;line-height:1.2}.usage-page-subtitle{margin:4px 0 0;font-size:var(--fs-small)}.usage-page-updated{margin:6px 0 0}.usage-page-body{margin-top:8px;padding-bottom:calc(var(--customer-bottom-nav-clearance, 80px) + var(--s-3))}.usage-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-bottom:var(--s-3)}.usage-summary-card{padding:var(--s-2) var(--s-3);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-alt, rgba(15, 30, 44, .04));min-width:0}.usage-summary-card__label{font-size:.72rem;color:var(--text-muted);line-height:1.25}.usage-summary-card__value{font-weight:700;font-size:.95rem;margin-top:4px;line-height:1.25;word-break:break-word}.usage-summary-card__value--sm{font-size:.82rem;font-weight:600}.usage-segments{display:flex;gap:4px;padding:4px;border-radius:var(--r-full);background:var(--surface-alt, rgba(15, 30, 44, .04));border:1px solid var(--border);margin-bottom:var(--s-3)}.usage-segment{flex:1;border:none;background:transparent;padding:8px 10px;border-radius:var(--r-full);font-weight:600;font-size:.82rem;cursor:pointer;color:var(--text-muted);font-family:inherit}.usage-segment--active{background:var(--primary-soft);color:var(--primary)}.usage-filter-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s-2)}.usage-filter-chip{border:1px solid var(--border);background:var(--surface-alt, rgba(15, 30, 44, .04));color:inherit;border-radius:var(--r-full);padding:6px 10px;font-size:.76rem;font-weight:600;cursor:pointer;font-family:inherit}.usage-filter-chip--active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.usage-unit-hint{margin:0 0 var(--s-2);line-height:1.35}.usage-stats-card--compact{padding:var(--s-3);margin-bottom:var(--s-2)}.usage-stats-card--compact .usage-stats-card__heading{font-size:var(--fs-strong);margin-bottom:var(--s-2)}.usage-bar-list--compact{gap:6px}.usage-bar-list--compact .usage-bar-list__item{gap:var(--s-2);grid-template-columns:minmax(4.5rem,6.5rem) 1fr minmax(3.5rem,auto)}.usage-bar-list--compact .usage-bar-list__track{height:6px}.usage-bar-list--compact .usage-bar-list__label,.usage-bar-list--compact .usage-bar-list__nums{font-size:.72rem}.usage-show-more{margin-top:var(--s-2);width:100%;justify-content:center}.usage-graph-block{margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--border)}.usage-basic-grid--tight{gap:var(--s-2)}.usage-basic-grid--tight .usage-basic-tile{padding:var(--s-2)}.usage-account-details{margin-bottom:var(--s-2)}.usage-account-details__summary{cursor:pointer;font-weight:700;font-size:var(--fs-small);padding:2px 0;list-style-position:outside}.usage-account-details__hint{margin:var(--s-2) 0 0;line-height:1.35}.toast{position:fixed;left:50%;bottom:calc(var(--customer-safe-bottom) + 96px);transform:translate(-50%);background:#0f1e2c;color:#fff;padding:10px 14px 10px 18px;border-radius:var(--r-full);font-size:.88rem;font-weight:500;z-index:50;box-shadow:0 8px 24px #00000059;max-width:88%;display:flex;align-items:center;gap:10px;animation:bn-fade-in .2s ease-out;pointer-events:auto}.toast__message{flex:1;text-align:center;line-height:1.35}.toast__close{flex-shrink:0;border:none;background:transparent;color:inherit;font-size:1.15rem;line-height:1;padding:2px 6px;cursor:pointer;opacity:.85;border-radius:6px}.toast__close:hover{opacity:1;background:#ffffff1f}:root[data-theme=dark] .toast{background:#1f2f42;border:1px solid var(--border)}.toast.toast-error{background:var(--danger);color:#fff}.toast.toast-success{background:var(--success);color:#053b25}.toast.toast-warning{background:var(--warning);color:#3a2200}.alert-card--muted{opacity:.72}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);min-height:100vh;padding:var(--s-4);background:radial-gradient(900px 460px at 0% 0%,rgba(34,211,238,.18),transparent 60%),radial-gradient(700px 360px at 100% 100%,rgba(14,116,144,.18),transparent 60%),var(--bg)}.center-screen--auth{justify-content:flex-start;padding-top:calc(var(--customer-safe-top) + var(--s-6));padding-bottom:calc(var(--customer-bottom-nav-clearance, 80px) + var(--s-4));gap:var(--s-4)}.auth-brand-block{display:flex;justify-content:center;width:100%;max-width:380px}.auth-brand-block .brandmark__img{max-height:52px;max-width:min(280px,88vw)}.auth-mode-tabs{display:flex;width:100%;max-width:380px;padding:4px;border-radius:var(--r-lg);background:var(--surface-alt);border:1px solid var(--border-soft);gap:4px}.auth-mode-tabs__btn{flex:1;padding:10px 12px;border-radius:var(--r-md);font-weight:700;font-size:.88rem;color:var(--text-soft);background:transparent;border:none;cursor:pointer;transition:background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.auth-mode-tabs__btn.is-active{background:var(--surface);color:var(--primary-dark);box-shadow:var(--shadow-1)}:root[data-theme=dark] .auth-mode-tabs__btn.is-active{color:var(--primary)}.login-card--narrow{max-width:380px;padding:var(--s-5) var(--s-4)}.login-card--activate-flow .field{margin-bottom:var(--s-3)}.login-card--activate-flow .btn{margin-top:var(--s-2);width:100%}.login-card--activate-flow .dev-otp-banner{margin-bottom:var(--s-4)}@media (max-width: 480px){.login-card.login-card--narrow.login-card--activate-flow{padding-left:max(var(--s-4),env(safe-area-inset-left,0px));padding-right:max(var(--s-4),env(safe-area-inset-right,0px))}}.login-card__title--sm{font-size:1.05rem}.login-card__meta{margin:0 0 var(--s-3);font-size:.78rem;color:var(--text-muted);font-weight:600}.login-card__foot{margin:var(--s-4) 0 0;text-align:center;font-size:.82rem;color:var(--text-muted)}.field-hint{margin:6px 0 0;font-size:.76rem;color:var(--text-soft);line-height:1.4}.field--tight-top{margin-top:var(--s-2)}.auth-optional-ref{margin-top:var(--s-1)}.auth-optional-ref__toggle{display:inline-flex;align-items:center;padding:0;margin:0 0 var(--s-2);font-size:.82rem;font-weight:700;color:var(--primary-dark);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;-webkit-tap-highlight-color:transparent}:root[data-theme=dark] .auth-optional-ref__toggle{color:var(--primary)}.auth-optional-ref__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.auth-optional-ref__toggle--compact{margin-bottom:var(--s-2);font-size:.8rem;font-weight:600}.dev-otp-banner{margin-bottom:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--warning-bg);color:var(--warning-ink);font-size:.86rem;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(245,158,11,.35)}.dev-otp-banner__code{font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:800;letter-spacing:.15em}.dev-otp-banner__hint{font-size:.76rem;font-weight:600;opacity:.92;line-height:1.35}.auth-sub-grid{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-2)}.auth-sub-grid--modal{max-height:min(60vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--s-2)}.auth-sub-grid--in-card{max-height:min(52vh,360px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--s-1) 0 var(--s-3)}.modal.modal--subscription-picker{padding-top:var(--s-2)}.modal.modal--subscription-picker .modal-title{margin-bottom:var(--s-2)}.modal.modal--subscription-picker .auth-sub-grid--modal{max-height:min(58vh,440px);padding-top:var(--s-1)}.auth-sub-card{display:flex;flex-direction:column;align-items:stretch;text-align:start;width:100%;padding:var(--s-4);border-radius:var(--r-lg);border:1px solid var(--border-soft);background:var(--surface-alt);color:var(--text);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;-webkit-tap-highlight-color:transparent}.auth-sub-card:hover:not(:disabled){border-color:#22d3ee73;box-shadow:var(--shadow-1)}.auth-sub-card:active:not(:disabled){transform:scale(.99)}.auth-sub-card:disabled{opacity:.65;cursor:default}.auth-sub-card.is-active{border-color:var(--primary);box-shadow:0 0 0 1px #22d3ee40}.auth-sub-card__title{font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}.auth-sub-card__badge{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--warning-bg);color:var(--warning-ink)}.auth-sub-card__meta{margin-top:4px;font-size:.8rem;color:var(--text-soft);font-weight:600}.auth-sub-card__line{margin-top:6px;font-size:.78rem;color:var(--text-muted);line-height:1.45}.auth-sub-card__line--row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.auth-sub-card__expiry{font-weight:600;color:var(--text-soft)}.auth-sub-card__cta{margin-top:var(--s-3);font-size:.82rem;font-weight:700;color:var(--primary-dark)}:root[data-theme=dark] .auth-sub-card__cta{color:var(--primary)}.auth-sub-card__cta--muted{color:var(--text-muted);font-weight:600}.login-card{width:100%;max-width:380px;background:var(--surface);padding:var(--s-6) var(--s-5) var(--s-5);border-radius:var(--r-xl);box-shadow:var(--shadow-3);border:1px solid var(--border-soft);color:var(--text)}.login-card__brand{display:flex;align-items:center;justify-content:center;margin-bottom:var(--s-3)}.login-card__brand .brandmark__img{max-height:58px;max-width:min(300px,88vw)}.login-card__title{font-size:1.15rem;font-weight:700;margin:0 0 4px}.login-card__sub{color:var(--text-muted);margin:0 0 var(--s-4);font-size:.88rem}.login-diag{width:100%;max-width:380px;padding:var(--s-4);border-radius:var(--r-lg);border:1px dashed var(--border-soft);background:var(--surface-alt);color:var(--text)}.login-diag__title{font-weight:700;font-size:.82rem;margin-bottom:var(--s-2);color:var(--text-muted)}.login-diag__dl{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:4px 10px;margin:0 0 var(--s-2)}.login-diag__dl dt{font-weight:600;color:var(--text-soft);white-space:nowrap}.login-diag__dl dd{margin:0;word-break:break-word}.login-diag__mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.65rem}.login-diag__ua{max-height:4.5rem;overflow:auto}.login-diag__actions{display:flex;flex-wrap:wrap;gap:8px}.login-diag__pre{margin:6px 0 12px;padding:8px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);overflow:auto;max-height:220px;white-space:pre-wrap;word-break:break-word;font-size:.65rem}.row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:.92rem}.row .label{color:var(--text-muted);font-size:.84rem}.row .value{font-weight:600}.row+.row{border-top:1px solid var(--border-soft)}.request-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);padding:var(--s-3) var(--s-4);margin-bottom:var(--s-2)}.request-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.request-card__type{font-weight:700;color:var(--text);font-size:.92rem}.request-card__code{font-family:Courier New,monospace;font-size:.74rem;background:var(--surface-alt);color:var(--text-soft);padding:2px 8px;border-radius:var(--r-full)}.request-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px;font-size:.78rem;color:var(--text-muted)}.request-card__note{margin-top:6px;padding:7px 11px;background:var(--surface-alt);border-radius:var(--r-sm);font-size:.82rem;color:var(--text-soft)}.profile-id{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-2)}.profile-id__avatar{width:52px;height:52px;border-radius:16px;background:#ffffff29;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.18)}.profile-id__name{font-size:1.05rem;font-weight:700;line-height:1.2}.profile-id__meta{font-size:.78rem;opacity:.85;margin-top:2px}.info-list{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);overflow:hidden;margin-bottom:var(--s-3)}.info-row{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-4);background:var(--surface)}.info-row+.info-row{border-top:1px solid var(--border-soft)}.info-row__icon{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.info-row__text{flex:1;min-width:0}.info-row__label{font-size:.74rem;color:var(--text-muted)}.info-row__value{font-weight:600;color:var(--text);font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-section-label{font-size:.78rem;color:var(--text-muted);font-weight:700;margin:var(--s-4) var(--s-3) 6px;letter-spacing:.3px;text-transform:uppercase}.settings-list{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border-soft);box-shadow:var(--shadow-1);overflow:hidden;margin-bottom:var(--s-3)}.settings-row{width:100%;display:flex;align-items:center;gap:var(--s-3);padding:11px var(--s-4);background:var(--surface);color:var(--text);text-align:start;font-family:inherit;cursor:pointer;transition:background-color .15s;-webkit-tap-highlight-color:transparent}.settings-row+.settings-row{border-top:1px solid var(--border-soft)}.settings-row:hover{background:var(--surface-alt)}.settings-row:active{background:var(--surface-strong)}.settings-row--static{cursor:default}.settings-row--static:hover{background:var(--surface)}.settings-row--danger{color:var(--danger-ink)}.settings-row--danger .settings-row__icon{background:var(--danger-bg);color:var(--danger-ink)}.settings-row__icon{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.settings-row__title{font-weight:600;font-size:.94rem;line-height:1.2}.settings-row__hint{font-size:.74rem;color:var(--text-muted);margin-top:2px}.settings-row__main{flex:1;min-width:0}.settings-row__chev{color:var(--text-dim);flex-shrink:0}html[dir=ltr] .settings-row__chev,html[lang=en] .settings-row__chev{transform:scaleX(-1)}.profile-row__icon{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.profile-row__label{font-size:var(--fs-meta);color:var(--text-muted)}.profile-row__value{font-weight:700;color:var(--text);font-size:var(--fs-body)}.segmented{display:inline-flex;background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:var(--r-full);padding:3px;gap:2px}.segmented--full{display:flex;width:100%}.segmented__btn{flex:1;padding:6px 12px;border-radius:var(--r-full);font-weight:600;font-size:.82rem;color:var(--text-muted);background:transparent;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}.segmented__btn:hover{color:var(--text)}.segmented__btn.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}:root[data-theme=dark] .segmented__btn.is-active{background:var(--surface-strong);color:var(--text)}.empty-state{text-align:center;padding:var(--s-6) var(--s-4);color:var(--text-muted)}.empty-state__icon{width:52px;height:52px;border-radius:18px;background:var(--surface-alt);color:var(--text-dim);margin:0 auto var(--s-2);display:inline-flex;align-items:center;justify-content:center}.empty-state__title{font-weight:700;color:var(--text-soft);margin-bottom:4px;font-size:.95rem}.empty-state__hint{font-size:.84rem}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.small{font-size:.85rem}.tiny{font-size:.75rem}.error-text{color:var(--danger-ink);font-size:.88rem;margin:4px 0 8px;font-weight:600}.success-text{color:var(--success-ink);font-size:.88rem;font-weight:600}.gap-8{display:flex;flex-direction:column;gap:8px}.divider{height:1px;background:var(--border-soft);margin:var(--s-3) 0}@keyframes bn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bn-slide-up{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bn-pulse{0%,to{transform:scale(.85);opacity:.55}50%{transform:scale(1.15);opacity:1}}.fade-in{animation:bn-fade-in .2s ease-out both}.slide-up{animation:bn-slide-up .25s cubic-bezier(.2,.7,.2,1) both}.app-shell.speed-test-page{padding-bottom:calc(var(--customer-bottom-nav-clearance) + var(--s-4) + var(--s-8))}.speed-test__container{margin-top:var(--s-2)}.speed-test__subtitle{margin:var(--s-1) 0 0;font-size:.82rem;opacity:.9;line-height:1.4;max-width:36rem}.hero--speed-test .speed-test__hero-text .speed-test__subtitle{max-width:none;opacity:.88}.speed-test__embed-shell{margin-top:var(--s-2);--speedtest-embed-height: clamp(560px, 72svh, 680px)}.speed-test__gauge-ring{border-radius:var(--r-lg);padding:3px;background:conic-gradient(from 210deg,var(--brand-400),var(--brand-700),var(--brand-300),var(--brand-400));box-shadow:var(--shadow-2)}.speed-test__gauge-inner{position:relative;border-radius:calc(var(--r-lg) - 3px);overflow:hidden;background:var(--surface);min-height:var(--speedtest-embed-height);height:var(--speedtest-embed-height)}.speed-test__iframe{width:100%;height:var(--speedtest-embed-height);min-height:var(--speedtest-embed-height);border:0;display:block;opacity:1;transition:opacity .35s ease;background:var(--surface);overflow:hidden}.speed-test__iframe.is-visible{opacity:1}.speed-test__iframe-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);background:var(--surface);color:var(--text-muted);font-size:.82rem;z-index:2}.speed-test__spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--primary);animation:bn-spin .85s linear infinite}@keyframes bn-spin{to{transform:rotate(360deg)}}@media (min-width: 640px){.hero{padding-inline:var(--s-6)}}.home-sum-card__chips{width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;flex-wrap:wrap;justify-content:flex-start;scrollbar-width:none}.home-sum-card__chips::-webkit-scrollbar{display:none}.home-sum-card__chips>.pill{flex:0 1 auto;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.home-sum-card__chips .pill svg{flex:0 0 auto}.hero--compact .refresh-bar--compact{width:auto;max-width:100%;min-width:0;padding:5px;gap:7px;border-radius:999px;background:#0f172a42;box-shadow:none}.hero--compact .refresh-bar--compact .refresh-bar__meta{min-width:0;gap:5px;font-size:.76rem;opacity:.9}.hero--compact .refresh-bar--compact .refresh-bar__time{font-weight:700;white-space:nowrap}.hero--compact .refresh-bar--compact .refresh-bar__btn{min-height:32px;padding:7px 11px;border-radius:999px;font-size:.82rem;background:#0f172a3d}@media (max-width: 460px){.hero--compact .hero__row{align-items:flex-start;gap:12px}.hero--compact .refresh-bar--compact{align-self:flex-start;flex:0 1 auto}.hero--compact .refresh-bar--compact .refresh-bar__meta{font-size:.72rem}.hero--compact .refresh-bar--compact .refresh-bar__btn{min-height:30px;padding:6px 10px}}.alerts-hero .hero__row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap}.alerts-hero .refresh-bar--compact{flex:0 0 auto;width:auto;max-width:min(58vw,460px);display:inline-flex;align-items:center;flex-wrap:nowrap;padding:6px 8px;gap:8px;border-radius:999px}.alerts-hero .refresh-bar--compact .refresh-bar__meta{flex:0 1 auto;min-width:0;white-space:nowrap}.alerts-hero .refresh-bar--compact .refresh-bar__btn{flex:0 0 auto;white-space:nowrap}@media (max-width: 430px){.alerts-hero .hero__row{gap:10px}.alerts-hero .refresh-bar--compact{max-width:62vw;padding:5px 6px;gap:6px}.alerts-hero .refresh-bar--compact .refresh-bar__meta{font-size:.72rem}.alerts-hero .refresh-bar--compact .refresh-bar__btn{min-height:30px;padding:6px 9px;font-size:.78rem}}.services-sheet__badge--soon{background:color-mix(in srgb,var(--info-bg) 78%,var(--surface) 22%);color:color-mix(in srgb,var(--info-ink) 86%,var(--primary) 14%);border:1px solid color-mix(in srgb,var(--info) 22%,transparent)}.services-sheet__badge--off{background:color-mix(in srgb,var(--surface-strong) 84%,var(--surface) 16%);color:var(--text-soft);border:1px solid color-mix(in srgb,var(--border-soft) 78%,transparent)}.hero .refresh-bar,.hero--compact .refresh-bar,.alerts-hero .refresh-bar{color:#ffffffe0;border-color:#ffffff47}.hero .refresh-bar__meta,.hero--compact .refresh-bar__meta,.alerts-hero .refresh-bar__meta{color:#ffffffc7}.hero .refresh-bar__time,.hero--compact .refresh-bar__time,.alerts-hero .refresh-bar__time{color:#fff}.hero .refresh-bar .dot,.hero--compact .refresh-bar .dot,.alerts-hero .refresh-bar .dot{background:#ffffffb3}.hero .refresh-bar__btn,.hero--compact .refresh-bar__btn,.alerts-hero .refresh-bar__btn{color:#fff;border-color:#ffffff52;background:#08233047}.hero .refresh-bar__btn:hover,.hero--compact .refresh-bar__btn:hover,.alerts-hero .refresh-bar__btn:hover{background:#08233061}@media (max-width: 390px){.alerts-hero{padding-inline:18px;padding-block:22px 26px}.alerts-hero .hero__row{gap:12px}.alerts-hero .hero__greet{font-size:.88rem;line-height:1.25;white-space:nowrap}.alerts-hero .hero__name{font-size:1.42rem;line-height:1.1}.alerts-hero .refresh-bar--compact{max-width:58vw;padding:5px 6px;gap:5px}.alerts-hero .refresh-bar--compact .refresh-bar__meta{font-size:.68rem}.alerts-hero .refresh-bar--compact .refresh-bar__time{font-size:.74rem}.alerts-hero .refresh-bar--compact .refresh-bar__btn{min-height:30px;padding:6px 8px;font-size:.76rem}.alert-card{padding:14px 12px;gap:12px;border-radius:18px}.alert-card__icon{width:42px;height:42px;border-radius:14px}.alert-card__title{font-size:1rem}.alert-card__msg{font-size:.9rem}.alert-card__time{font-size:.78rem}}.alerts-hero .hero__row{display:flex;align-items:center;justify-content:space-between;gap:clamp(10px,3vw,18px)}.alerts-hero .hero__row>div:first-child{flex:1 1 auto;min-width:0}.alerts-hero .hero__greet{line-height:1.25}.alerts-hero .hero__name{line-height:1.1}.alerts-hero .refresh-bar--compact{flex:0 0 auto;width:auto;max-width:62vw;min-width:0;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:7px;padding:6px 8px}.alerts-hero .refresh-bar--compact .refresh-bar__meta,.alerts-hero .refresh-bar--compact .refresh-bar__btn{white-space:nowrap}@media (max-width: 380px){.alerts-hero{padding-inline:18px;padding-block:22px 24px}.alerts-hero .hero__row{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}.alerts-hero .refresh-bar--compact{width:100%;max-width:100%;justify-content:space-between;padding:7px 8px}.alerts-hero .refresh-bar--compact .refresh-bar__meta{flex:1 1 auto;min-width:0;font-size:.76rem}.alerts-hero .refresh-bar--compact .refresh-bar__time{font-size:.82rem}.alerts-hero .refresh-bar--compact .refresh-bar__btn{flex:0 0 auto;min-height:32px;padding:6px 10px;font-size:.8rem}}@media (max-width: 380px){.alert-card{padding:13px 12px;gap:10px}.alert-card__icon{width:38px;height:38px;border-radius:13px}.alert-card__title{font-size:.96rem}.alert-card__msg{font-size:.86rem}.alert-card__time{font-size:.74rem}}.alert-card__image{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:18px;margin:10px 0 8px;background:#ffffffa6;border:1px solid rgba(15,23,42,.08)}.home-alert-body .alert-card__image{max-height:260px}.home-alert-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}.home-alert-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-alert-popup__card{position:relative;z-index:1;width:min(94vw,520px);max-height:88vh;overflow:auto;background:#fffffffa;border:1px solid rgba(15,23,42,.1);border-radius:28px;box-shadow:0 24px 70px #0f172a57}.home-alert-popup__close{position:absolute;top:12px;left:12px;z-index:2;width:38px;height:38px;border:0;border-radius:999px;background:#0f172ab8;color:#fff;display:inline-flex;align-items:center;justify-content:center}.home-alert-popup__image{display:block;width:100%;max-height:62vh;object-fit:contain;background:#fff;border-radius:28px 28px 0 0}.home-alert-popup__content{padding:16px 18px 18px;text-align:right}.home-alert-popup__title{font-weight:900;font-size:1.12rem;color:#0f172a;margin-bottom:8px}.home-alert-popup__message{color:#475569;line-height:1.65;font-size:.94rem;margin-bottom:14px}.home-alert-popup__button{width:100%;border:0;border-radius:16px;padding:12px 14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6)}@media (max-width: 520px){.home-alert-popup{padding:12px;align-items:center}.home-alert-popup__card{width:96vw;border-radius:24px}.home-alert-popup__image{max-height:58vh;border-radius:24px 24px 0 0}}.app-shell--home>:not(.pull-refresh):not(.home-alert-popup){transform:translateY(var(--pull-refresh-offset, 0px));transition:transform .16s ease}.app-shell--home.is-pulling>:not(.pull-refresh):not(.home-alert-popup){transition:none}.pull-refresh{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;z-index:1100;width:34px;height:34px;padding:0;border-radius:999px;background:#ffffffdb;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 24px #0f172a24;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate(-50%,-42px);transition:opacity .14s ease,transform .14s ease}.pull-refresh__spinner{width:18px;height:18px;border:2.25px solid rgba(15,118,110,.18);border-top-color:#0f766e;border-radius:999px;transform:rotate(calc(var(--pull-progress, 0) * 280deg))}.pull-refresh--refreshing .pull-refresh__spinner{animation:pullRefreshSpin .75s linear infinite}@keyframes pullRefreshSpin{to{transform:rotate(360deg)}}.phone-prefix-input{direction:ltr;display:flex;align-items:center;gap:0;width:100%}.phone-prefix-input .phone-prefix{flex:0 0 auto;direction:ltr;unicode-bidi:isolate;padding:0 12px;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--border, rgba(148, 163, 184, .35));border-inline-end:0;border-radius:12px 0 0 12px;background:var(--surface-muted, rgba(148, 163, 184, .12));font-weight:700}.phone-prefix-input .phone-local-input{direction:ltr;text-align:left;unicode-bidi:plaintext;border-radius:0 12px 12px 0}.char-counter{margin-top:4px;direction:ltr;text-align:right;font-size:12px;color:var(--text-muted, #64748b);line-height:1.3}[dir=rtl] .char-counter{text-align:left}