@font-face{font-family:Dubai;src:url(/assets/Dubai-Light-Dj2u2Bic.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Dubai;src:url(/assets/Dubai-Regular-Cc9tpkA9.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Dubai;src:url(/assets/Dubai-Medium-DIM7zFbW.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Dubai;src:url(/assets/Dubai-Bold-COoNvih-.woff) format("woff");font-weight:600 800;font-style:normal;font-display:swap}:root{--dlco-blue: #2175BB;--dlco-green: #00A39D;--dlco-gray: #8496AB;--dlco-bg-nice-gray: #F5F5F9;--dlco-dark-gray: #37393D;--dlco-orange: #F1A53F;--dlco-red: #FB5252;--dlco-nice-black: #020202;--dlco-icons-gray: #858585;--dlco-background: #F7F7F7;--on-blue: #1B5F97;--on-green: #00736F;--on-orange: #9A5B00;--on-red: #C42B2B;--on-gray: #5B6B80;--navy: var(--dlco-blue);--navy-600: #1b5f97;--navy-700: #16507f;--red: var(--dlco-red);--orange: var(--dlco-orange);--gold: var(--dlco-orange);--sky: var(--dlco-green);--ink: var(--dlco-dark-gray);--grad-accent: linear-gradient(135deg, #00736F 0%, #2175BB 100%);--grad-brand: linear-gradient(95deg, #00736F 0%, #2175BB 100%);--grad-hero: linear-gradient(150deg, #00736F 0%, #12797F 38%, #2175BB 100%);--grad-vivid: linear-gradient(120deg, #00A39D 0%, #2175BB 100%);--bg: var(--dlco-bg-nice-gray);--bg-elevated: #FFFFFF;--surface: #FFFFFF;--surface-2: var(--dlco-background);--surface-hover: #EFEFF4;--border: #E3E6EC;--border-strong: #CFD5DF;--text: var(--dlco-nice-black);--text-2: var(--dlco-dark-gray);--text-3: var(--on-gray);--text-inverse: #FFFFFF;--primary: var(--dlco-blue);--primary-hover: var(--navy-600);--on-primary: #FFFFFF;--info: var(--dlco-green);--success: var(--on-green);--success-bg: #E2F4F3;--danger: var(--on-red);--danger-bg: #FDECEC;--warning: var(--dlco-orange);--warning-text: var(--on-orange);--ring: var(--dlco-blue);--tone-navy: var(--on-blue);--tone-sky: var(--on-green);--tone-amber: var(--on-orange);--tone-green: var(--on-green);--tone-muted: var(--dlco-icons-gray);--tone: var(--tone-navy);--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-8: 3rem;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--shadow: 0 1px 3px rgba(15, 23, 42, .05), 0 10px 28px -8px rgba(33, 117, 187, .14);--shadow-lg: 0 24px 60px -18px rgba(33, 117, 187, .28), 0 8px 24px -12px rgba(15, 23, 42, .18);--shadow-brand: 0 10px 26px -8px rgba(33, 117, 187, .5);--sidebar-w: 268px;--topbar-h: 62px;--dur-fast: .14s;--dur: .2s;--dur-slow: .34s;--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--glass-fill: rgba(255, 255, 255, .74);--glass-border: rgba(255, 255, 255, .5);--glass-rim: rgba(255, 255, 255, .9);--glass-shadow: 0 10px 34px -8px rgba(15, 23, 42, .3);--glass-active: rgba(255, 255, 255, .82);--glass-sheen: rgba(255, 255, 255, .45);--glass-chrome: rgba(255, 255, 255, .72);--glass-panel: rgba(255, 255, 255, .88);--glass-panel-border: rgba(255, 255, 255, .65);--glass-scrim: rgba(15, 23, 42, .45);--glass-blur: 28px;--font: "Dubai", "Segoe UI", Tahoma, "Noto Sans Arabic", "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{--bg: #0B1120;--bg-elevated: #131C2E;--surface: #131C2E;--surface-2: #1B2740;--surface-hover: #22314F;--border: #263349;--border-strong: #38486a;--text: #F1F5F9;--text-2: #B6C2D4;--text-3: #8A99B3;--text-inverse: #FFFFFF;--primary: #4FA3DC;--primary-hover: #6DB6E6;--on-primary: #08243A;--info: #2FC7C0;--success: #2DD4A7;--success-bg: rgba(45, 212, 167, .14);--danger: #F87171;--danger-bg: rgba(248, 113, 113, .14);--warning-text: #FBBF24;--tone-navy: #7CC0E8;--tone-sky: #2FC7C0;--tone-amber: #FBBF24;--tone-green: #2DD4A7;--ring: #6DB6E6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 2px 6px rgba(0, 0, 0, .3), 0 12px 32px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .7);--shadow-brand: 0 12px 30px -8px rgba(76, 107, 214, .55);--glass-fill: rgba(24, 33, 54, .72);--glass-border: rgba(255, 255, 255, .12);--glass-rim: rgba(255, 255, 255, .16);--glass-shadow: 0 12px 36px -8px rgba(0, 0, 0, .66);--glass-active: rgba(255, 255, 255, .16);--glass-sheen: rgba(255, 255, 255, .07);--glass-chrome: rgba(11, 17, 32, .72);--glass-panel: rgba(19, 28, 46, .9);--glass-panel-border: rgba(255, 255, 255, .12);--glass-scrim: rgba(2, 6, 16, .6)}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,p,dl,dd,figure{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:-999px;top:8px;background:var(--primary);color:var(--on-primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);z-index:1000}.skip-link:focus{inset-inline-start:8px}.num{font-variant-numeric:tabular-nums}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack-lg{display:flex;flex-direction:column;gap:var(--sp-6)}.section-title{font-size:var(--fs-lg);font-weight:600;color:var(--text);display:flex;align-items:center;gap:var(--sp-2)}.section-title__icon{color:var(--text-3)}.reveal{animation:reveal .42s var(--ease) both;animation-delay:calc(var(--i, 0) * 45ms)}.reveal--tight{animation-delay:calc(var(--i, 0) * 26ms)}@keyframes reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tone-navy{--tone: var(--tone-navy)}.tone-sky{--tone: var(--tone-sky)}.tone-amber{--tone: var(--tone-amber)}.tone-green{--tone: var(--tone-green)}.tone-muted{--tone: var(--text-3)}.icon-chip{flex:none;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--tone, var(--tone-navy)) 13%,transparent);color:var(--tone, var(--tone-navy));transition:background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur) var(--ease)}.icon-chip--sm{inline-size:26px;block-size:26px;border-radius:8px}.icon-chip svg{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding-inline:var(--sp-5);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:active:not(:disabled){transform:translateY(0) scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-brand)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 14px 32px -8px #2175bb99}.btn--accent{background:var(--grad-accent);color:#fff;box-shadow:0 10px 26px -8px #00a39d73}.btn--accent:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn--outline:hover:not(:disabled){background:var(--surface-hover)}.btn--ghost{background:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.btn__spinner{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-2);border-radius:var(--radius-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--active{background:var(--surface-2);color:var(--primary)}:root[data-theme=dark] .icon-btn--active{color:#fff}.icon-btn:disabled:hover{background:transparent;color:var(--text-2)}.icon-btn:active:not(:disabled){transform:scale(.92)}:root:not([data-theme=dark]) .icon-btn--theme{color:var(--tone-navy)}:root[data-theme=dark] .icon-btn--theme{color:var(--gold)}.icon-btn__icon{display:inline-flex;animation:iconSwap .26s var(--ease) both}@keyframes iconSwap{0%{opacity:0;transform:rotate(-90deg) scale(.55)}to{opacity:1;transform:rotate(0) scale(1)}}.icon-btn--onhero{color:var(--text-2)}.icon-btn--onhero:hover{background:var(--surface-hover);color:var(--text)}@media(min-width:901px){:root[dir=rtl] .icon-btn--onhero{color:#fff}:root[dir=rtl] .icon-btn--onhero:hover{background:#ffffff2e;color:#fff}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card--pad{padding:var(--sp-5)}.card--table{overflow:hidden}.page-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;padding-block-end:var(--sp-6);color:#fff}.page-header__title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.01em;color:#fff}.page-header__subtitle{color:#ffffffdb;margin-top:var(--sp-1);font-size:var(--fs-sm)}.page-header__action{display:flex;gap:var(--sp-2);align-items:center;flex-shrink:0}.page-header .badge{background:#ffffff2e;color:#fff;border-color:#ffffff47}@media(min-width:900px){.page-header{padding-block:0;margin-block-end:0;color:inherit}.page-header:before,.page-header:after{display:none}.page-header__title{color:var(--text)}.page-header__subtitle{color:var(--text-2)}.page-header .badge{background:var(--success-bg);color:var(--success);border-color:transparent}}@media(prefers-reduced-motion:no-preference){.page-header:before{transition:background var(--dur) var(--ease)}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;line-height:1.4}.badge--success{background:var(--success-bg);color:var(--success)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:#00a39d24;color:var(--info)}.badge--neutral{background:var(--surface-2);color:var(--text-2)}.badge__dot{position:relative;flex:none;inline-size:7px;block-size:7px;border-radius:50%;background:currentColor}.badge__dot--live:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:currentColor;animation:livePulse 2.4s ease-out infinite}@keyframes livePulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.8);opacity:0}}.shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-elevated);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;padding:var(--sp-4);gap:var(--sp-2);position:sticky;top:0;height:100dvh}.sidebar__brand{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2) var(--sp-2) var(--sp-4)}.sidebar__logo{height:38px;width:auto;object-fit:contain}.sidebar__nav{display:flex;flex-direction:column;gap:4px;flex:1}.navitem{position:relative;display:flex;align-items:center;gap:var(--sp-3);min-height:48px;padding-inline:var(--sp-4);border-radius:var(--radius-sm);color:var(--text-2);font-size:var(--fs-sm);font-weight:500;border:none;background:transparent;width:100%;text-align:start;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.navitem svg{flex-shrink:0;transition:transform var(--dur) var(--ease)}.navitem:hover{background:var(--surface-hover);color:var(--text)}.navitem:hover svg{transform:scale(1.08)}.navitem--active{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-weight:700}.navitem--active:before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:var(--radius-pill);background:var(--grad-accent)}.navitem--active svg{color:var(--orange)}:root[data-theme=dark] .navitem--active{color:#fff;background:color-mix(in srgb,var(--primary) 40%,transparent)}.navitem--logout{color:var(--danger);margin-top:auto}.navitem--logout:hover{background:var(--danger-bg);color:var(--danger)}.main-col{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.main-col:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--arc-h, 232px);z-index:-1;background:var(--grad-hero);border-end-start-radius:46% 34px;border-end-end-radius:46% 34px}.main-col:after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--arc-h, 232px);z-index:-1;pointer-events:none;background:radial-gradient(90% 70% at 88% 8%,rgba(255,255,255,.18),transparent 60%),radial-gradient(70% 60% at 4% 100%,rgba(0,163,157,.35),transparent 62%);border-end-start-radius:46% 34px;border-end-end-radius:46% 34px}@media(min-width:900px){.main-col:before,.main-col:after{display:none}}.topbar{min-height:var(--topbar-h);display:flex;align-items:center;gap:var(--sp-2);padding-inline:var(--sp-4);padding-block-start:env(safe-area-inset-top,0px);background:transparent;border-bottom:1px solid transparent;position:sticky;top:0;z-index:40;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.topbar--scrolled{background:var(--glass-chrome);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border-bottom-color:var(--border);box-shadow:inset 0 1px 0 var(--glass-rim)}@media(prefers-reduced-transparency:reduce){.topbar--scrolled{background:var(--bg-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}}.topbar__menu{display:none}.topbar__mark{width:34px;height:34px;padding:5px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-sm)}.topbar__title{font-weight:600;font-size:var(--fs-sm);color:var(--text-2)}@media(max-width:899px){.topbar:not(.topbar--scrolled) .topbar__title{color:#fff}.topbar:not(.topbar--scrolled) .icon-btn{color:#fff}.topbar:not(.topbar--scrolled) .icon-btn:hover,.topbar:not(.topbar--scrolled) .icon-btn:focus-visible{background:#ffffff2e;color:#fff}}.topbar__spacer{flex:1}.content{padding:var(--sp-5);max-width:1200px;width:100%;margin-inline:auto;flex:1;overflow-x:clip}.page{animation:pageIn .24s var(--ease) backwards}:root[dir=rtl] .page{--travel-dir: -1}@keyframes pageIn{0%{opacity:0;transform:translate3d(calc(var(--travel, 0) * var(--travel-dir, 1) * 22px),6px,0)}to{opacity:1;transform:none}}.bottomnav{display:none;position:fixed;inset-inline:var(--sp-4);inset-block-end:calc(var(--sp-2) + env(safe-area-inset-bottom,0px));z-index:90;margin-inline:auto;align-items:stretch;gap:0;--nav-pad: 6px;--nav-item-h: 52px;padding:var(--nav-pad);max-inline-size:460px;border-radius:28px;background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-rim);transition:max-inline-size var(--dur-slow) var(--ease-spring),padding var(--dur-slow) var(--ease-spring),border-radius var(--dur-slow) var(--ease-spring)}.bottomnav:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:linear-gradient(180deg,var(--glass-sheen),transparent 55%);pointer-events:none}.bottomnav__pill{position:absolute;z-index:1;inset-block:var(--nav-pad);inset-inline-start:var(--nav-pad);inline-size:calc((100% - 2 * var(--nav-pad)) / var(--tab-count, 5));border-radius:22px;background:var(--glass-active);box-shadow:inset 0 1px 0 var(--glass-rim);transform:translate(calc(var(--tab-active, 0) * 100% * var(--pill-dir, 1)));pointer-events:none;transition:transform var(--dur-slow) var(--ease-spring),inline-size var(--dur-slow) var(--ease-spring),opacity var(--dur) var(--ease),border-radius var(--dur-slow) var(--ease-spring)}:root[dir=rtl] .bottomnav__pill{--pill-dir: -1}.bottomnav__pill--off{opacity:0}.bottomnav__item{position:relative;z-index:2;flex:1;min-inline-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-block-size:var(--nav-item-h);padding:6px 2px;border:none;background:transparent;border-radius:22px;color:var(--text-3);transition:color var(--dur) var(--ease),min-block-size var(--dur-slow) var(--ease-spring),gap var(--dur-slow) var(--ease-spring),transform var(--dur-fast) var(--ease)}.bottomnav__item svg{flex:none;transition:transform var(--dur) var(--ease-spring)}.bottomnav__label{font-size:11px;font-weight:600;line-height:1;max-block-size:12px;max-inline-size:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:max-block-size var(--dur-slow) var(--ease-spring),opacity var(--dur-fast) var(--ease)}.bottomnav__item:active{transform:scale(.92)}.bottomnav__item--active{color:var(--primary);font-weight:700}.bottomnav__item--active svg{transform:translateY(-1px) scale(1.08)}:root[data-theme=dark] .bottomnav__item--active{color:#fff}.bottomnav--min{--nav-pad: 4px;--nav-item-h: 44px;max-inline-size:300px;border-radius:24px}.bottomnav--min .bottomnav__item{gap:0}.bottomnav--min .bottomnav__label{max-block-size:0;opacity:0}.bottomnav--min .bottomnav__pill{border-radius:20px}@media(prefers-reduced-transparency:reduce){.bottomnav{background:var(--bg-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}.bottomnav:after{display:none}.bottomnav__pill{background:var(--surface-2)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.stat-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{position:relative;display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.stat-card:after{content:"";position:absolute;inset-block-start:-40%;inset-inline-start:-10%;width:140px;height:140px;border-radius:50%;background:var(--stat-tone, var(--primary));opacity:.07;filter:blur(6px);pointer-events:none}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.stat-card__icon{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:var(--radius);color:#fff;flex-shrink:0;box-shadow:0 8px 18px -6px var(--stat-tone, rgba(33, 117, 187, .5))}.stat-card--primary{--stat-tone: var(--primary)}.stat-card--primary .stat-card__icon{background:linear-gradient(140deg,var(--primary),var(--navy-700))}.stat-card--accent{--stat-tone: var(--orange)}.stat-card--accent .stat-card__icon{background:var(--grad-accent)}.stat-card--info{--stat-tone: var(--info)}.stat-card--info .stat-card__icon{background:linear-gradient(140deg,var(--sky),#0284c7)}.stat-card--success{--stat-tone: var(--success)}.stat-card--success .stat-card__icon{background:linear-gradient(140deg,var(--success),#0b7a53)}.stat-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}.stat-card__label{font-size:var(--fs-sm);color:var(--text-3);font-weight:500}.stat-card__value{font-size:var(--fs-xl);font-weight:800;letter-spacing:-.015em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.plan{position:relative;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-5);overflow:hidden;--plan-tone: var(--orange)}.plan--ok{--plan-tone: var(--dlco-green)}.plan--warn{--plan-tone: var(--dlco-orange)}.plan--danger{--plan-tone: var(--dlco-red)}.plan:before{content:"";position:absolute;inset-block-start:-55%;inset-inline-end:-25%;inline-size:300px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--plan-tone) 26%,transparent),color-mix(in srgb,var(--plan-tone) 8%,transparent) 45%,transparent 70%);filter:blur(8px);pointer-events:none;animation:planAurora 20s var(--ease) infinite alternate}@keyframes planAurora{0%{transform:translateZ(0) scale(1);opacity:.7}to{transform:translate3d(-8%,7%,0) scale(1.18);opacity:1}}.plan>*{position:relative}.plan__top{display:flex;flex-direction:column;gap:2px}.plan__label{font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.plan__name{font-size:var(--fs-base);font-weight:700;color:var(--text)}.plan__figure{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.plan__value{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.plan__value--ul{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--text)}.plan__of{font-size:var(--fs-sm);font-weight:600;color:var(--text-3)}.plan__hint{font-size:var(--fs-sm);color:var(--text-3);margin:0}.meter{position:relative;block-size:8px;border-radius:999px;background:var(--surface-2);overflow:hidden;--meter-fill: var(--grad-accent)}.meter--warn{--meter-fill: linear-gradient(90deg, #F1A53F 0%, #FFC978 100%)}.meter--danger{--meter-fill: linear-gradient(90deg, #DC2626 0%, #FB5252 100%)}.meter__fill{block-size:100%;border-radius:999px;background:var(--meter-fill);transition:inline-size .42s var(--ease);transform-origin:0 50%;animation:meterSweep .9s var(--ease) both}[dir=rtl] .meter__fill{transform-origin:100% 50%}@keyframes meterSweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.meter:not(.skeleton):after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:meterSheen 1.1s var(--ease) .62s 1 both;pointer-events:none}@keyframes meterSheen{0%{transform:translate(-120%)}to{transform:translate(320%)}}[dir=rtl] .meter:not(.skeleton):after{animation-name:meterSheenRtl}@keyframes meterSheenRtl{0%{transform:translate(120%)}to{transform:translate(-320%)}}.plan__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-sm)}.plan__used{color:var(--text-3);font-variant-numeric:tabular-nums}.plan__expiry{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-2)}.plan__expiry--warn{color:var(--warning-text)}.plan__expiry--danger{color:var(--danger)}.plan__cta{margin-block-start:var(--sp-1)}@media(min-width:768px){.plan__cta.btn--full{inline-size:auto;min-inline-size:240px;align-self:flex-start}}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}@media(min-width:768px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.metric{position:relative;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);min-inline-size:0;overflow:hidden;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.metric:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:2px;background:var(--tone);opacity:.55}.metric:hover{border-color:color-mix(in srgb,var(--tone) 45%,var(--border))}.metric__head{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);font-weight:500;color:var(--text-3)}.metric__value{font-size:var(--fs-lg);font-weight:700;letter-spacing:-.01em;color:var(--text);overflow-wrap:anywhere}.metric__hint{font-size:var(--fs-xs);color:var(--text-3)}.daylist{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.dayrow{display:flex;flex-direction:column;gap:6px;padding:var(--sp-4) var(--sp-5);border-block-end:1px solid var(--border)}.dayrow:last-child{border-block-end:none}.dayrow__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.dayrow__date{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.dayrow__total{font-size:var(--fs-sm);font-weight:700;color:var(--text)}.daybar{block-size:6px;min-inline-size:2px;border-radius:999px;background:var(--orange);overflow:hidden}.daybar__dl{display:block;block-size:100%;background:var(--sky)}.dayrow__meta{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap}.dayrow__stat{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--text-3)}.dayrow__stat svg{flex:none;color:var(--tone, var(--text-3))}.receipts{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.receipt{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-block-end:1px solid var(--border)}.receipt:last-child{border-block-end:none}.receipt__icon{flex:none;display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:50%;background:var(--success-bg);color:var(--success)}.receipt__body{display:flex;flex-direction:column;gap:2px;min-inline-size:0;flex:1}.receipt__num{font-size:var(--fs-sm);font-weight:600;color:var(--text);letter-spacing:.02em}.receipt__when{font-size:var(--fs-xs);color:var(--text-3)}.receipt__value{flex:none;font-size:var(--fs-sm);font-weight:700;color:var(--success)}@media(prefers-reduced-motion:reduce){.meter__fill{transition:none}}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.quick-action{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-weight:600;font-size:var(--fs-sm);color:var(--text);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.quick-action:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px color-mix(in srgb,var(--tone) 60%,transparent),var(--shadow);border-color:color-mix(in srgb,var(--tone) 45%,var(--border))}.quick-action:active{transform:translateY(0) scale(.97)}.quick-action:hover .icon-chip{background:var(--tone);color:#fff;transform:scale(1.06)}.table-wrap{overflow-x:auto}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2, 8px);padding:10px 14px;border-top:1px solid var(--border)}.pagination__info{min-width:3.5rem;text-align:center;font-size:var(--fs-sm);font-weight:600;color:var(--text-2);font-variant-numeric:tabular-nums}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table caption{text-align:start}.table th,.table td{padding:var(--sp-3) var(--sp-4);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap}.table thead th{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--surface-2);font-weight:600}.table tbody tr{transition:background var(--dur) var(--ease)}.table tbody tr:hover{background:var(--surface-hover)}.table tbody tr:last-child td{border-bottom:none}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--text)}.field__req{color:var(--danger)}.field__hint{margin:-2px 0 0;font-size:var(--fs-xs);color:var(--text-3)}.field__error{color:var(--danger);font-size:var(--fs-xs)}.input{width:100%;min-height:46px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--text-3)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.textarea{min-height:96px;resize:vertical;line-height:1.55}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.input-affix{position:relative;display:flex}.input-affix .input{padding-inline-end:46px}.input-affix__btn{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-3);border-radius:var(--radius-sm)}.input-affix__btn:hover{color:var(--text);background:var(--surface-hover)}.form-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.redeem-form{display:flex;gap:var(--sp-3);align-items:flex-end;flex-wrap:wrap;margin-top:var(--sp-4)}.redeem-form .field{flex:1;min-width:200px}.redeem-form .btn{min-height:46px}.auth{min-height:100dvh;display:grid;grid-template-columns:1fr;position:relative;background:var(--bg)}.auth__topbar{position:absolute;top:calc(var(--sp-3) + env(safe-area-inset-top,0px));inset-inline-end:var(--sp-3);display:flex;gap:var(--sp-1);z-index:3}.auth__hero{display:none;position:relative;background:var(--grad-hero);overflow:hidden;color:#fff;isolation:isolate}.auth__hero-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(55% 45% at 18% 22%,rgba(0,163,157,.55),transparent 60%),radial-gradient(45% 45% at 88% 82%,rgba(33,117,187,.55),transparent 60%),radial-gradient(40% 40% at 90% 10%,rgba(45,212,191,.35),transparent 60%);animation:heroGlow 14s var(--ease) infinite alternate}.auth__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000 40%,transparent 100%);mask-image:linear-gradient(to bottom,#000 40%,transparent 100%)}@keyframes heroGlow{0%{transform:translateZ(0) scale(1);opacity:.9}to{transform:translate3d(0,-3%,0) scale(1.08);opacity:1}}.auth__hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-6);padding:var(--sp-8);max-width:460px;margin-inline:auto}.auth__hero-logo{height:52px;width:auto;object-fit:contain;align-self:flex-start;filter:brightness(0) invert(1)}.auth__hero-title{font-size:var(--fs-3xl);font-weight:800;line-height:1.25;letter-spacing:-.01em}.auth__hero-sub{font-size:var(--fs-lg);color:#ffffffd1;line-height:1.6}.auth__features{list-style:none;padding:0;margin:var(--sp-2) 0 0;display:flex;flex-direction:column;gap:var(--sp-4)}.auth__feature{display:flex;align-items:center;gap:var(--sp-4);font-size:var(--fs-base);font-weight:500}.auth__feature-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius);background:#ffffff24;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-5);gap:var(--sp-4)}.auth__card{width:100%;max-width:430px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:clamp(var(--sp-5),4vw,var(--sp-8));display:flex;flex-direction:column;gap:var(--sp-4)}.auth__logo{height:52px;width:auto;object-fit:contain;margin-inline:auto}.auth__title{font-size:var(--fs-2xl);font-weight:800;text-align:center;letter-spacing:-.01em}.auth__subtitle{color:var(--text-2);text-align:center;font-size:var(--fs-sm);margin-top:calc(-1 * var(--sp-2))}.auth__form{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-2)}.auth__submit{background:var(--grad-brand);box-shadow:0 10px 26px -8px #00a39d73}.auth__error{color:var(--danger);background:var(--danger-bg);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm)}.auth__foot{color:var(--text-3);font-size:var(--fs-xs)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--radius-sm)}.tab{position:relative;min-height:44px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.tab--active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.tab--active:after{content:"";position:absolute;inset-block-end:6px;inset-inline:30%;height:3px;border-radius:var(--radius-pill);background:var(--grad-accent)}.segmented{display:inline-flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--radius-sm)}.segmented__btn{min-height:38px;padding-inline:var(--sp-4);border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:600;color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.segmented__btn--active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.pkg-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.pkg-card{position:relative;overflow:hidden;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.pkg-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.pkg-card--current{border-color:var(--success);box-shadow:0 0 0 1px var(--success)}.pkg-card--current:before{content:"";position:absolute;inset-block-start:-50%;inset-inline-end:-30%;inline-size:220px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--success) 20%,transparent),transparent 68%);pointer-events:none}.pkg-card>*{position:relative}.pkg-card--unlimited:after{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:var(--grad-brand)}.pkg-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.pkg-card__title{display:flex;flex-direction:column;gap:2px;min-inline-size:0}.pkg-card__name{font-size:var(--fs-lg);font-weight:700}.pkg-card__desc{color:var(--text-2);font-size:var(--fs-sm)}.pkg-card__price{display:flex;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap}.pkg-card__amount{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--text)}.pkg-card__per{font-size:var(--fs-sm);font-weight:600;color:var(--text-3)}.pkg-card__type{align-self:flex-start;padding:3px 10px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs);font-weight:600}.pkg-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-block-start:var(--sp-1)}.pkg-spec{display:flex;align-items:center;gap:var(--sp-2);min-inline-size:0;padding:var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-2)}.pkg-spec--wide{grid-column:span 2}.pkg-spec__text{display:flex;flex-direction:column;gap:1px;min-inline-size:0}.pkg-spec__label{font-size:11px;font-weight:500;color:var(--text-3);line-height:1.3}.pkg-spec__value{font-size:var(--fs-sm);font-weight:700;color:var(--text);line-height:1.3;overflow-wrap:anywhere}.pkg-card__note{margin-block-start:auto;padding-block-start:var(--sp-1);font-size:var(--fs-xs);color:var(--success);font-weight:600}.pkg-card .btn{margin-block-start:auto}.redeem__head{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.redeem__head .section-title{margin:0}.redeem__icon{flex:none;width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--grad-accent);color:#fff}.wallet-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-4)}.wallet-card{position:relative;overflow:hidden;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.wallet-card__chip{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:4px;background:var(--grad-brand)}.wallet-card__value{font-size:var(--fs-2xl);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;margin-top:var(--sp-1)}.wallet-card__num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);color:var(--text-2);letter-spacing:.06em}.wallet-card__exp{font-size:var(--fs-xs);color:var(--text-3)}.activity{list-style:none;margin:0;padding:0}.activity__row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-block-end:1px solid var(--border)}.activity__row:last-child{border-block-end:none}.activity__icon{flex:none;color:var(--success);display:inline-flex}.activity__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity__num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);color:var(--text);letter-spacing:.04em}.activity__date{font-size:var(--fs-xs);color:var(--text-3)}.activity__value{flex:none;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.ticket-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-3)}.ticket-item{position:relative;padding:0;overflow:hidden;--tone: var(--tone-sky);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.ticket-item--closed{--tone: var(--text-3)}.ticket-item:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:3px;background:var(--tone);opacity:.8}.ticket-item:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px color-mix(in srgb,var(--tone) 60%,transparent),var(--shadow);border-color:color-mix(in srgb,var(--tone) 40%,var(--border))}.ticket-item:active{transform:translateY(0) scale(.99)}.ticket-item__btn{width:100%;text-align:start;border:none;background:transparent;padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);color:inherit;transition:background var(--dur) var(--ease)}.ticket-item__btn:hover{background:var(--surface-hover)}.ticket-item__btn:active{background:var(--surface-2)}.ticket-item__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.ticket-item__num{font-weight:700;font-size:var(--fs-sm)}.ticket-item__desc{color:var(--text-2);font-size:var(--fs-sm);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticket-item__meta{display:flex;gap:var(--sp-4);color:var(--text-3);font-size:var(--fs-xs)}.thread{list-style:none;padding:0;margin:var(--sp-2) 0;display:flex;flex-direction:column;gap:var(--sp-3)}.thread__msg{max-width:85%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--fs-sm)}.thread__msg--user{align-self:flex-start;background:var(--surface-2)}.thread__msg--support{align-self:flex-end;background:color-mix(in srgb,var(--primary) 14%,transparent)}.thread__text{line-height:1.55}.thread__time{display:block;margin-top:4px;color:var(--text-3);font-size:var(--fs-xs)}.reply-form{display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-4);align-items:flex-end}.reply-form .field{width:100%}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--glass-scrim);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:200;animation:fade var(--dur) var(--ease)}.dialog{width:100%;max-width:440px;max-height:90dvh;overflow:auto;background:var(--glass-panel);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-rim);animation:pop var(--dur) var(--ease-spring)}@media(prefers-reduced-transparency:reduce){.dialog-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}.dialog{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border)}}.dialog--wide{max-width:620px}.dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.dialog__title{font-size:var(--fs-lg);font-weight:700}.dialog__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.dialog__highlight{font-weight:700;color:var(--primary);font-size:var(--fs-lg)}.dialog__actions{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--border)}.detail-list{display:flex;flex-direction:column;gap:0}.detail-list>div{display:flex;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.detail-list>div:last-child{border-bottom:none}.detail-list dt{color:var(--text-3);font-size:var(--fs-sm)}.detail-list dd{font-weight:600;font-size:var(--fs-sm);text-align:end}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-region{position:fixed;inset-block-end:var(--sp-5);inset-inline-end:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:300;max-width:min(92vw,380px)}@media(max-width:900px){.toast-region{inset-inline:var(--sp-4);inset-block-end:calc(var(--sp-2) + 78px + env(safe-area-inset-bottom,0px));max-width:none}}@media(max-width:900px){.toast-region{inset-inline:var(--sp-4);inset-block-end:calc(88px + env(safe-area-inset-bottom,0px));max-width:none}}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--glass-panel);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-panel-border);border-inline-start:4px solid var(--text-3);border-radius:var(--radius);box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-rim);animation:toastIn var(--dur-slow) var(--ease-spring)}@media(prefers-reduced-transparency:reduce){.toast{background:var(--bg-elevated);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--border)}}.toast--success{border-inline-start-color:var(--success)}.toast--success .toast__icon{color:var(--success)}.toast--error{border-inline-start-color:var(--danger)}.toast--error .toast__icon{color:var(--danger)}.toast--info{border-inline-start-color:var(--info)}.toast--info .toast__icon{color:var(--info)}.toast__icon{flex-shrink:0}.toast__msg{flex:1;font-size:var(--fs-sm)}.toast__close{border:none;background:transparent;color:var(--text-3);display:flex;padding:4px;border-radius:6px}.toast__close:hover{background:var(--surface-hover);color:var(--text)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chart{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-4)}.chart__legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--fs-sm);color:var(--text-2)}.chart__legend-item{display:flex;align-items:center;gap:var(--sp-2)}.chart__swatch{width:14px;height:14px;border-radius:4px;display:inline-block}.chart__swatch--dl{background:var(--info)}.chart__swatch--ul{background:var(--orange)}.chart__swatch--tot{background:var(--primary)}.chart__canvas{position:relative}.chart__svg{width:100%;height:auto;display:block;overflow:visible}.chart__grid{stroke:var(--border);stroke-width:1}.chart__guide{stroke:var(--border-strong);stroke-width:1;stroke-dasharray:4 4}.chart__dot--on{stroke-width:2.5}.chart__tip{position:absolute;transform:translate(-50%,calc(-100% - 12px));min-width:160px;padding:var(--sp-2) var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:var(--fs-xs);pointer-events:none;z-index:5}.chart__tip-date{font-weight:700;margin-block-end:var(--sp-2);color:var(--text)}.chart__tip-row{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-2);padding-block:1px}.chart__tip-row b{margin-inline-start:auto;color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.chart__tip-row .chart__swatch{width:10px;height:10px}.chart__ylabel,.chart__xlabel-svg{fill:var(--text-3);font-size:12px;font-variant-numeric:tabular-nums}.chart__line{stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.chart__line--dl{stroke:var(--info)}.chart__line--ul{stroke:var(--orange)}.chart__line--tot{stroke:var(--primary)}.chart__dot{stroke:var(--surface);stroke-width:1.5}.chart__dot--dl{fill:var(--info)}.chart__dot--ul{fill:var(--orange)}.chart__dot--tot{fill:var(--primary)}.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--text-2);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty-state__icon{color:var(--text-3)}.empty-state__hint{font-size:var(--fs-sm);color:var(--text-3);max-inline-size:34ch}.error-state__icon{color:var(--danger)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.skeleton--line{height:14px}.skeleton--sm{width:50%}.skeleton--lg{width:80%;height:22px;margin-top:var(--sp-2)}.skeleton--chart{height:300px}.skeleton--block{height:200px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:900px){.sidebar{display:none}.bottomnav{display:flex}.content{padding-block-end:calc(90px + env(safe-area-inset-bottom,0px))}.auth__hero{display:none}}@media(min-width:901px){.auth{grid-template-columns:1.1fr .9fr}.auth__hero{display:block}:root[dir=rtl] .auth{grid-template-columns:.9fr 1.1fr}:root[dir=rtl] .auth__hero{order:2}}@media(max-width:560px){.content{padding:var(--sp-4) var(--sp-4) calc(90px + env(safe-area-inset-bottom,0px))}.page-header__title{font-size:var(--fs-xl)}.page-header{flex-direction:column;align-items:stretch}.page-header__action{justify-content:flex-start}.stat-grid{grid-template-columns:1fr}.redeem-form{flex-direction:column;align-items:stretch}.redeem-form .btn{width:100%}.thread__msg{max-width:92%}.table--stack thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table--stack,.table--stack tbody,.table--stack tr,.table--stack td{display:block;width:100%}.table--stack tr{padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--border)}.table--stack tbody tr:last-child{border-block-end:none}.table--stack tbody tr:hover{background:transparent}.table--stack td{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:5px 0;border:none;white-space:normal;text-align:end}.table--stack td:before{content:attr(data-label);font-size:var(--fs-xs);font-weight:600;color:var(--text-3);text-align:start;flex-shrink:0}.table--stack td[data-label=""]:before{content:none}.table--stack td[data-label=""]{padding-block-start:var(--sp-2)}.table--stack td[data-label=""] .btn{width:100%}}.about__hero{position:relative;overflow:hidden;padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}.about__glow{position:absolute;inset-block-start:-55%;inset-inline-start:50%;transform:translate(-50%);width:min(420px,120%);aspect-ratio:1;background:radial-gradient(circle,#00a39d29,#2175bb00 68%);pointer-events:none}.about__hero>*:not(.about__glow){position:relative}.about__icon-tile{width:96px;height:96px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);display:grid;place-items:center;overflow:hidden}.about__icon{width:100%;height:100%;object-fit:contain}.about__name{font-size:var(--fs-2xl);font-weight:700;color:var(--text);margin:0}.about__tagline{font-size:var(--fs-sm);line-height:1.6;color:var(--text-2);max-width:46ch;margin:0}.about__version-pill{margin:0;display:inline-flex;align-items:center;gap:var(--sp-1);padding:6px 14px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:var(--fs-xs)}.about__version-num{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.about__rows{margin:0}.about__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-block-end:1px solid var(--border)}.about__row:last-child{border-block-end:none}.about__row dt{color:var(--text-2);font-size:var(--fs-sm)}.about__row dd{margin:0;color:var(--text);font-weight:600;font-size:var(--fs-sm)}.about__mono{font-variant-numeric:tabular-nums}.about__links{display:flex;flex-direction:column}.about__link{display:flex;align-items:center;gap:var(--sp-4);min-height:68px;padding:var(--sp-3) var(--sp-5);border-block-end:1px solid var(--border);color:inherit;text-decoration:none;cursor:pointer;transition:background-color .18s ease-out,transform var(--dur-fast) var(--ease)}.about__link:last-child{border-block-end:none}.about__link:hover{background:var(--surface-hover)}.about__link:active{background:var(--surface-2);transform:scale(.99)}.about__link-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.about__link-title{font-weight:600;color:var(--text);font-size:var(--fs-sm)}.about__link-hint{font-size:var(--fs-xs);color:var(--text-3)}.about__link-chevron{flex:none;color:var(--text-3)}.about__link-value{flex:none;color:var(--text-2);font-size:var(--fs-sm);font-weight:600}button.about__link{width:100%;background:none;border:0;border-block-end:1px solid var(--border);text-align:start;font:inherit}button.about__link:disabled{opacity:.6;cursor:default}.about__logout{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;min-height:48px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--danger);border-radius:var(--radius);background:transparent;color:var(--danger);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background-color .18s ease-out}.about__logout:hover{background:var(--danger-bg)}.about__footer{text-align:center;color:var(--text-3);font-size:var(--fs-xs);line-height:1.7}.about__footer p{margin:0}.about__credits{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-4) 0 var(--sp-2);border-block-start:1px solid var(--border);text-align:center}.about__credits-by{font-size:var(--fs-xs);color:var(--text-3);letter-spacing:.02em}.about__credits-company{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:600;color:var(--text)}.about__credits-company:hover{color:var(--primary)}:root[data-theme=dark] .about__credits-company:hover{color:var(--info)}.about__credits-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#0a1018;border:1px solid var(--border);overflow:hidden}.about__credits-mark img{width:34px;height:34px;object-fit:contain;display:block}.about__credits-site{font-size:var(--fs-xs);color:var(--info);font-variant-numeric:tabular-nums;text-decoration:underline;text-underline-offset:2px}.about__credits-site:hover{color:var(--primary)}:root[data-theme=dark] .about__credits-site:hover{color:#fff}.lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);display:grid;place-items:center;padding:var(--sp-6) var(--sp-5);padding-block-start:calc(var(--sp-6) + env(safe-area-inset-top,0px));padding-block-end:calc(var(--sp-6) + env(safe-area-inset-bottom,0px))}.lock__panel{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3)}.lock__badge{width:72px;height:72px;border-radius:var(--radius-lg);display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);margin-bottom:var(--sp-2)}.lock__title{font-size:var(--fs-xl);font-weight:700;color:var(--text);margin:0}.lock__sub{font-size:var(--fs-sm);color:var(--text-2);margin:0;max-width:34ch;line-height:1.6}.lock__actions{margin-top:var(--sp-4);width:100%;display:flex;flex-direction:column;gap:var(--sp-2)}.lock__actions .btn{width:100%}.switch{flex:none;width:44px;height:26px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border-strong);position:relative;transition:background-color .18s ease-out,border-color .18s ease-out}.switch__knob{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s ease-out}.switch--on{background:var(--grad-accent);border-color:transparent}.switch--on .switch__knob{transform:translate(18px)}[dir=rtl] .switch--on .switch__knob{transform:translate(-18px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:0ms!important;transition-delay:0ms!important}}