:root{--bg-app: #060913;--bg-sidebar: #090e1c;--bg-card: rgba(13, 21, 38, .75);--bg-card-hover: rgba(22, 34, 60, .8);--bg-input: #0b1224;--bg-input-focus: #101a33;--bg-surface-elevated: #16223e;--bg-glass-heavy: rgba(13, 21, 38, .88);--color-dv-orange: #ff7300;--color-dv-orange-hover: #e66700;--color-dv-orange-glow: rgba(255, 115, 0, .35);--color-dv-amber: #ffa028;--color-dv-gradient: linear-gradient(135deg, #ff5e00 0%, #ff7a00 48%, #ffa726 100%);--color-dv-navy: #0b1326;--border-subtle: rgba(56, 75, 110, .45);--border-focus: #ff7a00;--border-glow: rgba(255, 122, 0, .35);--border-glass: rgba(255, 255, 255, .09);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--text-burmese: #fcd34d;--text-burmese-muted: #fbbf24;--color-cgpt: #10a37f;--color-cgpt-hover: #0e8a6c;--color-cgpt-glow: rgba(16, 163, 127, .35);--color-gemini: #6366f1;--color-gemini-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--color-gemini-glow: rgba(99, 102, 241, .35);--color-amber: #f59e0b;--color-emerald: #10b981;--color-rose: #f43f5e;--color-sky: #0ea5e9;--bank-kbzpay: #0054a6;--bank-wavepay: #f8d117;--bank-kbz: #003b73;--bank-aya: #e31b23;--bank-cb: #0066b2;--bank-yoma: #002f6c;--bank-yoma-accent: #ed1c24;--bank-abank: #da251d;--bank-abank-accent: #1b365d;--bank-other: #64748b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .65);--shadow-glow-orange: 0 0 24px rgba(255, 115, 0, .35);--shadow-glow-emerald: 0 0 24px rgba(16, 163, 127, .25);--shadow-glow-amber: 0 0 24px rgba(245, 158, 11, .25);--shadow-glow-gemini: 0 0 24px rgba(99, 102, 241, .25);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--font-tech: "Space Grotesk", sans-serif;--font-burmese: "Pyidaungsu", "Noto Sans Myanmar", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tracking-tighter: -.035em;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .06em;--tracking-widest: .12em;--tracking-token: .22em;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--sidebar-width: 272px;--header-height: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:auto}body{min-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.55;letter-spacing:var(--tracking-normal);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,115,0,.13),transparent 70%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(14,165,233,.08),transparent 60%),radial-gradient(ellipse 50% 30% at 10% 90%,rgba(255,160,40,.07),transparent 50%);pointer-events:none;transform:translateZ(0);will-change:transform}#root{min-height:100vh;width:100%}@font-face{font-family:Pyidaungsu;src:url(/fonts/Pyidaungsu.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:swap}.burmese-sub{display:block;width:100%;font-family:var(--font-burmese);font-size:.84rem;font-weight:400;color:var(--text-burmese);line-height:1.7;letter-spacing:.01em;margin-top:.25rem;opacity:.95}.app-layout{display:flex;min-height:100vh;width:100%;position:relative}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow:hidden}.sidebar-header{padding:1.25rem 1.4rem;display:flex;align-items:center;gap:.85rem;border-bottom:1px solid var(--border-subtle)}.sidebar-cta-wrap{padding:.95rem .95rem .55rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-cta-order{width:100%;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-lg);background:var(--color-dv-gradient);border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:600;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ff730066,inset 0 1px 1px #ffffff61;text-align:left;position:relative;overflow:hidden}.sidebar-cta-order:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:transform .6s ease}.sidebar-cta-order:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ff73008c,inset 0 1px 1px #ffffff73;background:linear-gradient(135deg,#ff4d00,#ff6b00 45%,orange)}.sidebar-cta-order:hover:before{transform:translate(200%)}.sidebar-cta-order.is-active{box-shadow:0 0 0 2px #ffa028,0 6px 24px #ff730080}.cta-icon-wrap{width:34px;height:34px;border-radius:50%;background:#ffffff3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000002e;color:#fff}.cta-text-wrap{display:flex;flex-direction:column;flex:1;min-width:0}.cta-primary-text{font-size:.94rem;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.25}.cta-sub-text{font-family:var(--font-burmese);font-size:.72rem;color:#ffffffe6;line-height:1.4;margin-top:2px}.cta-badge{font-size:.65rem;font-weight:700;background:#00000047;padding:.18rem .5rem;border-radius:var(--radius-full);color:#fff;border:1px solid rgba(255,255,255,.2);letter-spacing:.05em;text-transform:uppercase}.logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#10a37f,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-glow-emerald)}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;letter-spacing:-.015em;background:linear-gradient(to right,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-badge{font-size:.65rem;font-weight:700;color:var(--color-amber);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{padding:.85rem .75rem;display:flex;flex-direction:column;gap:.95rem;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-group-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);padding:.35rem .85rem .3rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.58rem .85rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;letter-spacing:.005em;color:var(--text-secondary);text-decoration:none;transition:all .16s cubic-bezier(.4,0,.2,1);border:1px solid transparent;cursor:pointer}.nav-link:hover{background:#1e293ba6;color:var(--text-primary);transform:translate(2px)}.nav-link.active{background:#ff730026;color:#ffa028;border-color:#ff730061;box-shadow:0 0 16px #ff73002e;font-weight:600}.nav-link.active-cgpt{background:#10a37f24;color:#34d399;border-color:#10a37f59;box-shadow:0 0 16px #10a37f26;font-weight:600}.nav-link.active-gemini{background:#6366f124;color:#a5b4fc;border-color:#6366f159;box-shadow:0 0 16px #6366f126;font-weight:600}.nav-link.active-amber{background:#f59e0b24;color:#fbbf24;border-color:#f59e0b59;font-weight:600}.nav-link.active-emerald{background:#10b98124;color:#34d399;border-color:#10b98159;box-shadow:0 0 16px #10b98129;font-weight:600}.nav-link.active-rose{background:#f43f5e24;color:#fb7185;border-color:#f43f5e59;box-shadow:0 0 16px #f43f5e29;font-weight:600}.nav-link.active-sky{background:#0ea5e924;color:#38bdf8;border-color:#0ea5e959;box-shadow:0 0 16px #0ea5e929;font-weight:600}.nav-badge{margin-left:auto;font-size:.72rem;padding:.15rem .55rem;border-radius:var(--radius-full);background:#334155b3;color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.nav-badge.danger{background:#f43f5e33;color:#fb7185}.main-wrapper{margin-left:var(--sidebar-width);flex:1;min-width:0;min-height:100vh;display:flex;flex-direction:column;overflow-y:visible;-webkit-overflow-scrolling:touch}.content-area{flex:1;width:100%;min-width:0;overflow-y:visible;-webkit-overflow-scrolling:touch}.top-header{height:auto;background:#0b1120f5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;z-index:30}.header-desktop-layers{display:flex;flex-direction:column;width:100%}.header-layer-1{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;background:#0f172a8c;border-bottom:1px solid rgba(255,255,255,.055)}.header-context-container{display:flex;align-items:center}.header-context-pill{display:inline-flex;align-items:center;gap:.45rem;padding:3px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.header-live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981b3;animation:headerPulseDot 2.2s infinite ease-in-out;flex-shrink:0}@keyframes headerPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.header-context-section{font-size:.74rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.header-context-slash{font-size:.72rem;color:#334155}.header-context-title{font-size:.82rem;font-weight:700;color:#f1f5f9;letter-spacing:-.01em}.header-brand{display:flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.header-brand:hover{opacity:.85}.header-brand-logo{width:24px;height:24px;border-radius:6px;object-fit:cover;flex-shrink:0}.header-brand-text{display:flex;align-items:baseline;gap:.55rem}.header-brand-name{font-size:.88rem;font-weight:800;color:#f8fafc;letter-spacing:.01em;line-height:1}.header-brand-version{font-size:.58rem;font-weight:700;color:#475569;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:3px;padding:1px 5px;line-height:1.4}.header-layer1-stats{display:flex;align-items:center;gap:.55rem}.header-date-badge{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:var(--text-muted);font-weight:500;padding:.18rem .6rem;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid rgba(255,255,255,.07);white-space:nowrap}.header-stat-pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 .7rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .16s ease;border:1px solid transparent}.header-stat-pill:hover{transform:translateY(-1px)}.header-stat-pill.cyan{background:#38bdf81a;border-color:#38bdf847;color:#38bdf8}.header-stat-pill.cyan:hover{background:#38bdf82e;border-color:#38bdf88c;box-shadow:0 0 14px #38bdf833}.header-stat-pill.emerald{background:#10b9811a;border-color:#10b98147;color:#34d399}.header-stat-pill.emerald:hover{background:#10b9812e;border-color:#10b9818c;box-shadow:0 0 14px #10b98133}.header-stat-pill-label{font-size:.72rem;font-weight:500;opacity:.8}.header-stat-pill-value{font-family:var(--font-mono);font-weight:800;font-size:.8rem;font-variant-numeric:tabular-nums;padding:0 2px}.header-layer-2{height:46px;display:flex;align-items:center;gap:0;padding:0 1.75rem;background:#090e1a99}.header-platform-section{display:inline-flex;align-items:center;gap:.65rem;height:34px;padding:0 .85rem;border-radius:var(--radius-md);background:#0f172a99;border:1px solid rgba(255,255,255,.07);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .16s ease;white-space:nowrap}.header-platform-section:hover{background:#19233ccc;border-color:#ffffff21}.header-platform-section.gemini{border-color:#a78bfa2e}.header-platform-section.gemini:hover{border-color:#a78bfa61;background:#a78bfa12}.header-platform-section.chatgpt{border-color:#10b9812e}.header-platform-section.chatgpt:hover{border-color:#10b98161;background:#10b98112}.header-platform-section.active-open{background:#1e293bf2;box-shadow:0 0 16px #6366f133}.header-platform-label{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.header-platform-label.gemini{color:#c4b5fd}.header-platform-label.chatgpt{color:#6ee7b7}.header-chevron{transition:transform .2s ease;opacity:.6}.header-chevron.open{transform:rotate(180deg);opacity:1}.header-layer2-divider{width:1px;height:22px;background:#ffffff14;margin:0 .85rem;flex-shrink:0}.header-slot-pill-inline{font-size:.65rem;font-weight:700;font-family:var(--font-mono);padding:1px 5px;border-radius:4px;line-height:1.3;flex-shrink:0}.header-slot-pill-inline.available-gemini{background:#a78bfa33;color:#c4b5fd;border:1px solid rgba(167,139,250,.35)}.header-slot-pill-inline.available-chatgpt{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.header-slot-pill-inline.full{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.45)}.stat-icon-wrap{display:flex;align-items:center;justify-content:center}.stat-label{font-size:.78rem;font-weight:500;letter-spacing:.01em;color:var(--text-secondary)}.header-slot-pill{font-size:.68rem;font-weight:700;font-family:var(--font-mono);padding:.1rem .42rem;border-radius:var(--radius-full);line-height:1.2}.header-slot-pill.available-gemini{background:#a78bfa33;color:#c4b5fd;border:1px solid rgba(167,139,250,.35)}.header-slot-pill.available-chatgpt{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.header-slot-pill.full{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.45)}.header-copy-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);padding:3px 5px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.header-copy-btn:hover{background:#ffffff26;color:#fff}.header-copy-btn.key{color:#fbbf24}.header-copy-btn.key:hover{background:#f59e0b33;color:#fef08a;border-color:#f59e0b59}.header-popover-backdrop{display:contents}.header-account-popover{position:absolute;top:calc(100% + 8px);left:0;width:325px;background:#0f172af2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px #0009,0 0 24px #6366f129;border-radius:var(--radius-lg);padding:1.05rem 1.15rem;z-index:100;display:flex;flex-direction:column;gap:.85rem;animation:fadeIn .18s cubic-bezier(.16,1,.3,1)}.header-account-popover.chatgpt-popover{width:380px;max-width:440px}.popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.65rem;border-bottom:1px solid var(--border-subtle)}.popover-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.popover-close-btn:hover{background:#ffffff29;color:var(--text-primary)}.popover-body{display:flex;flex-direction:column;gap:.75rem}.popover-row{display:flex;flex-direction:column;gap:.3rem}.popover-row-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.popover-value-box{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#02061799;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:.4rem .65rem}.popover-val-text{font-size:.82rem;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popover-copy-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-secondary);font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);padding:.25rem .5rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .15s ease;flex-shrink:0}.popover-copy-btn:hover{background:#ffffff2e;color:#fff}.popover-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:var(--radius-sm);padding:.25rem .4rem;cursor:pointer;display:inline-flex;align-items:center;transition:all .15s ease}.popover-toggle-btn:hover{color:var(--text-primary);background:#ffffff24}.popover-footer{padding-top:.4rem;border-top:1px solid var(--border-subtle)}.popover-accounts-section{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--border-subtle);padding-top:.65rem}.popover-accounts-title{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between}.popover-accounts-list{display:flex;flex-direction:column;gap:.35rem;max-height:160px;overflow-y:auto;padding-right:2px}.popover-account-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border-radius:var(--radius-md);background:#02061766;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.popover-account-item:hover{background:#1e293ba6;border-color:#ffffff26}.popover-account-item.active{background:#6366f126;border-color:#a78bfa73}.popover-account-item.active-chatgpt{background:#10b98126;border-color:#10b98173}.popover-nav-btn{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:.45rem .75rem;border-radius:var(--radius-md);cursor:pointer;text-align:center;transition:all .15s ease}.popover-nav-btn:hover{background:#ffffff1a;color:var(--text-primary)}.stat-val-bold{font-family:var(--font-mono);font-weight:700;color:var(--text-primary);font-size:.85rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.stat-val-bold.cyan{color:#38bdf8}.stat-val-bold.green{color:#34d399}.stat-val-bold.emerald{color:#10b981}.stat-val-bold.indigo{color:#818cf8}.stat-val-bold.purple{color:#a5b4fc}.stat-val-bold.amber{color:#fbbf24}.stat-val-bold.rose{color:#fb7185}.table-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:#0f172aa6;cursor:pointer;transition:all .16s cubic-bezier(.4,0,.2,1);position:relative}.table-action-btn.copy{color:#34d399;border-color:#34d39940;background:#34d39914}.table-action-btn.copy:hover{background:#34d3993d;border-color:#34d39999;box-shadow:0 0 12px #34d39959;transform:translateY(-1.5px)}.table-action-btn.renew{color:#fbbf24;border-color:#f59e0b38;background:#f59e0b14}.table-action-btn.renew:hover{background:#f59e0b3d;border-color:#f59e0b8c;box-shadow:0 0 12px #f59e0b52;transform:translateY(-1.5px)}.table-action-btn.edit{color:#38bdf8;border-color:#38bdf838;background:#38bdf814}.table-action-btn.edit:hover{background:#38bdf83d;border-color:#38bdf88c;box-shadow:0 0 12px #38bdf852;transform:translateY(-1.5px)}.table-action-btn.expire{color:#fb7185;border-color:#f43f5e38;background:#f43f5e14}.table-action-btn.expire:hover{background:#f43f5e3d;border-color:#f43f5e8c;box-shadow:0 0 12px #f43f5e52;transform:translateY(-1.5px)}.table-action-btn.delete{color:#94a3b8;border-color:#94a3b82e;background:#94a3b80f}.table-action-btn.delete:hover{color:#f87171;background:#ef444438;border-color:#ef44448c;box-shadow:0 0 12px #ef444447;transform:translateY(-1.5px)}.header-right{display:flex;align-items:center;gap:1rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden;transform:translateZ(0)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.card-header{padding:1.35rem 1.75rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-body{padding:1.75rem}.page-container{padding:2.25rem 2.5rem;max-width:1440px;margin:0 auto;width:100%}.page-header{margin-bottom:2.25rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.page-title{font-family:var(--font-heading);font-size:1.85rem;font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.25}.page-desc{color:var(--text-secondary);font-size:.94rem;line-height:1.6;margin-top:.45rem;max-width:860px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-group.col-span-2{grid-column:span 2}.form-label{font-size:.88rem;font-weight:600;color:var(--text-primary);display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;letter-spacing:-.01em;margin-bottom:.25rem}.form-label .required{color:var(--color-rose);font-weight:700;margin-left:2px}.form-label .burmese-sub{display:block;width:100%;margin-top:.15rem;font-size:.78rem;font-weight:400;color:var(--text-burmese);line-height:1.6;letter-spacing:.015em}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);background-color:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.92rem;font-family:inherit;letter-spacing:.005em;line-height:1.5;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;outline:none;contain:paint}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #10a37f38;background-color:var(--bg-input-focus)}.form-input::placeholder{color:var(--text-dim)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.6rem;margin-top:.35rem}.plan-card{min-height:44px;padding:.55rem .95rem;border-radius:var(--radius-md);background:#0f172aa6;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;-webkit-user-select:none;user-select:none}.plan-card:hover{background:#1e293bd9;border-color:#94a3b873;transform:translateY(-1.5px)}.plan-card.selected{background:#10a37f29;border-color:var(--color-cgpt);box-shadow:0 0 14px #10a37f33}.plan-card.selected.gemini{background:#6366f129;border-color:var(--color-gemini);box-shadow:0 0 14px #6366f133}.plan-card.selected.claude{background:#f59e0b29;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b33}.plan-card.selected.canva{background:#06b6d429;border-color:#06b6d4;box-shadow:0 0 14px #06b6d433}.plan-card.selected.other{background:#a855f729;border-color:#a855f7;box-shadow:0 0 14px #a855f733}.plan-title{font-size:.82rem;font-weight:600;letter-spacing:-.01em;color:var(--text-secondary);line-height:1.3;text-align:center;transition:color .15s ease}.plan-card:hover .plan-title{color:var(--text-primary)}.plan-card.selected .plan-title{color:#fff;font-weight:700}.plan-card.selected.gemini .plan-title{color:#c084fc}.plan-card.selected.claude .plan-title{color:#fbbf24}.plan-card.selected.canva .plan-title{color:#22d3ee}.plan-card.selected.other .plan-title{color:#e9d5ff}.plan-badge{font-size:.62rem;padding:.12rem .4rem;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem;display:inline-block}.plan-badge.shared{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.35)}.plan-badge.family{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.plan-badge.manual{background:#6366f12e;color:#a5b4fc;border:1px solid rgba(99,102,241,.35)}.plan-badge.invite{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.quick-fill-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.24rem .55rem;font-size:.7rem;font-weight:500;border-radius:4px;background:#1e293bb3;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.quick-fill-btn:hover{background:#334155f2;color:#fff;border-color:#ffffff40}.delivery-copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .75rem;font-size:.76rem;font-weight:600;border-radius:var(--radius-sm);background:#6366f133;border:1px solid rgba(99,102,241,.4);color:#c7d2fe;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.delivery-copy-btn:hover{background:#6366f159;color:#fff;border-color:#6366f199}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.bank-card{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;min-height:42px;border-radius:var(--radius-md);background:#0f172aa6;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bank-card:hover{border-color:var(--text-muted);transform:translateY(-1px)}.bank-card.active{border-color:#38bdf8;background:#0ea5e924;box-shadow:0 0 16px #0ea5e933}.bank-card.active.kbzpay{border-color:#0054a6;background:#0054a638;box-shadow:0 0 16px #0054a647}.bank-card.active.wavepay{border-color:#f8d117;background:#f8d11729;box-shadow:0 0 16px #f8d11738}.bank-card.active.kbz{border-color:#003b73;background:#003b7340;box-shadow:0 0 16px #003b7347}.bank-card.active.aya{border-color:#e31b23;background:#e31b2329;box-shadow:0 0 16px #e31b2338}.bank-card.active.cb{border-color:#0066b2;background:#0066b233;box-shadow:0 0 16px #0066b247}.bank-card.active.yoma{border-color:#ed1c24;background:#ed1c2429;box-shadow:0 0 16px #ed1c2438}.bank-card.active.abank{border-color:#da251d;background:#da251d29;box-shadow:0 0 16px #da251d38}.bank-card.active.other{border-color:#64748b;background:#94a3b829;box-shadow:0 0 16px #94a3b833}.bank-name{font-size:.82rem;font-weight:600;letter-spacing:.01em;color:var(--text-primary);white-space:nowrap}.duration-pills{display:flex;flex-wrap:wrap;gap:.65rem}.duration-pill{padding:.5rem 1.1rem;border-radius:var(--radius-full);font-size:.84rem;font-weight:500;letter-spacing:.015em;background:#1e293b80;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.duration-pill:hover{color:var(--text-primary);border-color:var(--text-muted)}.duration-pill.active{background:#10b9812e;border-color:var(--color-emerald);color:#34d399;font-weight:600;box-shadow:0 0 14px #10b98133}.slot-gauge-wrap{display:flex;flex-direction:column;gap:.4rem}.slot-bar{height:8px;width:100%;background:#33415599;border-radius:var(--radius-full);overflow:hidden}.slot-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease,background-color .3s ease}.slot-fill.available{background:linear-gradient(90deg,#10b981,#34d399)}.slot-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.slot-fill.full{background:linear-gradient(90deg,#f43f5e,#fb7185)}.slot-chip{font-size:.72rem;padding:.18rem .55rem;border-radius:var(--radius-full);font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.35rem}.slot-chip.available{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.25)}.slot-chip.warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.slot-chip.full{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.25)}.slip-dropzone{border:2px dashed var(--border-subtle);border-radius:var(--radius-lg);padding:2.25rem 1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease;background:#0f172a73}.slip-dropzone:hover,.slip-dropzone.dragging{border-color:var(--color-amber);background:#f59e0b0f}.slip-preview-grid{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1rem}.slip-thumb{position:relative;width:96px;height:96px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle);background:var(--bg-input)}.slip-thumb img{width:100%;height:100%;object-fit:cover}.slip-thumb-remove{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:var(--radius-full);background:#f43f5ef2;color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .15s ease}.slip-thumb-remove:hover{transform:scale(1.1);background:#e11d48}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1.35rem;border-radius:var(--radius-md);font-size:.89rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);border:1px solid transparent;outline:none}.btn-primary{background:var(--color-dv-gradient);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #ff730059}.btn-primary:hover{background:linear-gradient(135deg,#ff4d00,#ff6b00 48%,#ff9800);box-shadow:0 6px 24px #ff730085,inset 0 1px 1px #ffffff59;transform:translateY(-1px)}.btn-emerald{background:#059669;color:#fff}.btn-emerald:hover{background:#10b981;box-shadow:0 0 20px #10b98166;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#33415573;color:var(--text-primary)}.btn-danger{background:#f43f5e26;color:#fb7185;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e47}.btn-sm{padding:.45rem .85rem;font-size:.8rem;border-radius:var(--radius-sm)}.data-table-container{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.89rem;text-align:left}.data-table th{padding:.7rem .95rem;font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;border-bottom:1px solid rgba(51,65,85,.45);background:#0f172aa6;white-space:nowrap}.data-table td{padding:.6rem .95rem;border-bottom:1px solid rgba(51,65,85,.25);color:var(--text-secondary);line-height:1.4;vertical-align:middle;transition:background .12s ease}.data-table tr:hover td{background:#38bdf80a;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1.25}.badge-done{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-audited{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-processing{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.badge-archived{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .85rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-pill.cgpt{background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-pill.gemini{background:#6366f124;color:#a5b4fc;border:1px solid rgba(99,102,241,.35)}.twofa-code-box{background:#080d18f0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.15rem 1.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;position:relative;overflow:hidden}.twofa-token-display{font-size:1.95rem;font-weight:800;letter-spacing:.22em;font-family:var(--font-mono);font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;margin:.15rem 0;text-shadow:0 0 16px rgba(0,0,0,.6)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-dialog{background:#0f172a;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3;animation:slideUp .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.65rem;z-index:9999}.toast{padding:.9rem 1.35rem;border-radius:var(--radius-md);background:#1e293b;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.88rem;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:.75rem;animation:slideInRight .25s ease}.toast.success{border-color:#10b98166;background:#064e3b}.toast.error{border-color:#f43f5e66;background:#881337}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login-page-container{position:relative;min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:var(--bg-app);overflow:hidden;padding:1.5rem}.login-ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.login-ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.38}.login-ambient-orb.orb-1{width:520px;height:520px;background:radial-gradient(circle,rgba(255,115,0,.28) 0%,transparent 70%);top:-120px;left:15%;animation:orbFloat1 20s ease-in-out infinite alternate}.login-ambient-orb.orb-2{width:480px;height:480px;background:radial-gradient(circle,rgba(14,165,233,.2) 0%,transparent 70%);bottom:-100px;right:12%;animation:orbFloat2 24s ease-in-out infinite alternate}.login-ambient-orb.orb-3{width:380px;height:380px;background:radial-gradient(circle,rgba(16,185,129,.16) 0%,transparent 70%);top:40%;right:25%;animation:orbFloat1 16s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,35px) scale(1.08)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(-45px,-30px) scale(1.12)}}.login-card-wrapper{position:relative;z-index:10;width:100%;max-width:440px;background:#0d1526e0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);box-shadow:0 25px 60px -15px #000000d9,0 0 35px #ff730014;padding:2.5rem 2.25rem;display:flex;flex-direction:column}.login-brand-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.4rem}.login-logo-glow{position:relative;margin-bottom:.85rem}.login-brand-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;box-shadow:0 0 24px #ff730059;border:1px solid rgba(255,255,255,.18)}.login-badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .85rem;background:#ff73001f;border:1px solid rgba(255,115,0,.3);border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ffa028;margin-bottom:.65rem}.login-title{font-family:var(--font-heading);font-size:1.55rem;font-weight:800;color:var(--text-primary);margin-bottom:.35rem;letter-spacing:-.025em}.login-subtitle{font-size:.82rem;color:var(--text-secondary);line-height:1.45}.login-cloud-status{display:flex;justify-content:center;margin-bottom:1.35rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;letter-spacing:.02em;padding:.28rem .75rem;border-radius:var(--radius-full)}.status-pill.active{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.28)}.status-pill.offline{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.28)}.login-alert{display:flex;align-items:center;gap:.65rem;padding:.75rem .95rem;border-radius:var(--radius-md);font-size:.82rem;margin-bottom:1.25rem;line-height:1.4;animation:fadeIn .2s ease}.login-alert.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}.login-alert.success{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399}.login-form{display:flex;flex-direction:column;gap:1.15rem}.input-icon-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:.95rem;color:var(--text-muted);pointer-events:none}.login-input{width:100%;padding:.8rem .95rem .8rem 2.6rem;background:#090e1cd9;border:1px solid rgba(56,75,110,.45);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;contain:paint}.login-input:focus{outline:none;border-color:#ff7a00;background:#0e162af2;box-shadow:0 0 0 3px #ff7a0029,0 0 16px #ff7a001a}.password-toggle-btn{position:absolute;right:.85rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.password-toggle-btn:hover{color:var(--text-primary)}.login-submit-btn{width:100%;padding:.88rem 1rem;background:var(--color-dv-gradient);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);font-size:.94rem;font-weight:700;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.5rem;box-shadow:0 4px 20px #ff730066,inset 0 1px 1px #ffffff61;transition:all .22s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #ff73008c,inset 0 1px 1px #ffffff73;background:linear-gradient(135deg,#ff4d00,#ff6b00 45%,orange)}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-footer{margin-top:1.5rem;text-align:center;font-size:.72rem;color:var(--text-muted);line-height:1.5}.pro-tracker-container{display:flex;flex-direction:column;gap:1.25rem}.pro-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.pro-stat-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.15rem 1.35rem;display:flex;align-items:center;gap:1.1rem;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pro-stat-card:hover{border-color:#ffffff29;transform:translateY(-1px)}.pro-stat-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pro-stat-icon-wrap.mail{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.pro-stat-icon-wrap.trending{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.pro-stat-icon-wrap.users{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.pro-stat-icon-wrap.emerald{background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 14px #10b98126}.pro-stat-icon-wrap.rose{background:#f43f5e24;color:#fb7185;border:1px solid rgba(244,63,94,.3);box-shadow:0 0 14px #f43f5e26}.pro-stat-icon-wrap.amber{background:#f59e0b24;color:#fbbf24;border:1px solid rgba(245,158,11,.3);box-shadow:0 0 14px #f59e0b26}.pro-stat-icon-wrap.sky{background:#0ea5e924;color:#38bdf8;border:1px solid rgba(14,165,233,.3);box-shadow:0 0 14px #0ea5e926}.pro-stat-icon-wrap.purple{background:#a855f724;color:#c084fc;border:1px solid rgba(168,85,247,.3);box-shadow:0 0 14px #a855f726}.pro-stat-value{font-size:1.75rem;font-weight:700;color:#f8fafc;line-height:1.1;letter-spacing:-.02em}.pro-stat-label{font-size:.78rem;color:#94a3b8;font-weight:500;margin-top:.25rem}.pro-search-box{position:relative;display:flex;align-items:center;max-width:420px;width:100%}.pro-search-icon{position:absolute;left:.85rem;color:#64748b;pointer-events:none}.pro-search-input{width:100%;padding:.6rem .9rem .6rem 2.45rem;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);font-size:.84rem;color:var(--text-primary);outline:none;transition:all .2s ease}.pro-search-input:focus{border-color:#38bdf8;box-shadow:0 0 14px #38bdf833}.pro-table-wrapper{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pro-table{width:100%;border-collapse:collapse;text-align:left}.pro-table th{padding:.9rem 1.15rem;font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.08)}.pro-table td{padding:.85rem 1.15rem;font-size:.84rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.pro-table tbody tr{transition:background .15s ease}.pro-table tbody tr:hover{background:#1e293b59}.badge-not-upgraded{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:6px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);color:#94a3b8;font-size:.75rem;font-weight:500;-webkit-user-select:none;user-select:none}.badge-date-chatgpt{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:6px;background:#e11d482e;border:1px solid rgba(244,63,94,.35);color:#fda4af;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.badge-date-gemini{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .75rem;border-radius:6px;background:#f59e0b2e;border:1px solid rgba(251,191,36,.35);color:#fde68a;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.period-subtext{font-size:.69rem;color:#94a3b8;display:flex;align-items:center;gap:.25rem;margin-top:.3rem;font-weight:500}.period-subtext.active{color:#34d399}.period-subtext.warning{color:#fbbf24}.period-subtext.expired,.period-subtext.danger{color:#f87171}.cycle-preset-btn{padding:.28rem .62rem;border-radius:6px;font-size:.73rem;font-weight:500;background:#1e293ba6;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cycle-preset-btn:hover{background:#334155d9;color:#f8fafc;border-color:#ffffff38}.cycle-preset-btn.active{background:#e11d4838;border-color:#f43f5e8c;color:#fda4af;font-weight:600}.cycle-preset-btn.gemini:hover{border-color:#fbbf2459}.cycle-preset-btn.gemini.active{background:#f59e0b38;border-color:#fbbf248c;color:#fde68a;font-weight:600}.cycle-preview-banner{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:6px;font-size:.74rem;margin-top:.55rem;background:#0f172aa6;border:1px dashed rgba(255,255,255,.12);color:#cbd5e1}.slot-pill-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.slot-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .65rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.slot-pill.chatgpt-active{background:#1e3a8a66;border:1px solid rgba(59,130,246,.45);color:#93c5fd}.slot-pill.chatgpt-active:hover{background:#2563eb59;border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb40}.slot-pill.gemini-active{background:#581c8766;border:1px solid rgba(168,85,247,.45);color:#d8b4fe}.slot-pill.gemini-active:hover{background:#7e22ce59;border-color:#c084fc;transform:translateY(-1px);box-shadow:0 2px 8px #a855f740}.slot-pill.muted{background:#1e293b73;border:1px solid rgba(51,65,85,.5);color:#64748b;cursor:default}.slot-pill.muted:hover{color:#94a3b8;border-color:#47556999}.action-buttons-group{display:flex;align-items:center;gap:.45rem}.btn-table-icon{width:32px;height:32px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#1e293b66;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-table-icon:hover{background:#33415599;color:#f8fafc;transform:translateY(-1px)}.btn-table-icon.edit:hover{color:#38bdf8;border-color:#38bdf866}.btn-table-icon.delete:hover{color:#f43f5e;border-color:#f43f5e66}.btn-table-icon.copy:hover{color:#38bdf8;border-color:#38bdf866;background:#38bdf81f}.btn-table-icon.renew:hover{color:#10b981;border-color:#10b98166;background:#10b9811f}.btn-table-icon.archive:hover{color:#f59e0b;border-color:#f59e0b66;background:#f59e0b1f}.badge-status{display:inline-flex;align-items:center;gap:.38rem;padding:.24rem .72rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-status.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-status.expiring-soon{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-status.expired{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.35)}.badge-status.archived{background:#71717a33;color:#a1a1aa;border:1px solid rgba(113,113,122,.35)}.filter-chips-bar{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.filter-chips-bar::-webkit-scrollbar{display:none}.filter-chip-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;border:1px solid var(--border-subtle);background:#0f172a8c;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none}.filter-chip-btn:hover{background:#1e293bb3;color:var(--text-primary);border-color:#fff3}.filter-chip-btn.active{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b73;box-shadow:0 0 14px #f59e0b2e}.filter-chip-count{font-size:.7rem;padding:.1rem .45rem;border-radius:9999px;background:#ffffff14;color:inherit}.filter-chip-btn.active .filter-chip-count{background:#f59e0b4d;color:#fff}.kbd-shortcut{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .42rem;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-size:.7rem;font-family:monospace;font-weight:600;color:var(--text-muted);pointer-events:none}.bulk-actions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1.25rem;background:#0f172af2;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-lg);margin-bottom:1.25rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 24px #00000073,0 0 16px #38bdf81a;animation:slideDownFade .2s cubic-bezier(.16,1,.3,1)}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-count-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:700;color:#38bdf8}.duration-presets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:.65rem;margin:.85rem 0}.duration-preset-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.85rem .5rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#0f172a99;cursor:pointer;transition:all .15s ease;text-align:center}.duration-preset-card:hover{background:#1e293bbf;border-color:#fff3;transform:translateY(-1px)}.duration-preset-card.selected{background:#10b98129;border-color:#10b98173;box-shadow:0 0 14px #10b9812e}.duration-preset-card.selected .duration-preset-label{color:#34d399}.duration-preset-label{font-size:.88rem;font-weight:700;color:var(--text-primary)}.duration-preset-sub{font-size:.72rem;color:var(--text-muted);margin-top:2px}.header-gemini-emails-group{display:flex;align-items:center;gap:.45rem;flex-wrap:nowrap}.header-email-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:6px;font-size:.76rem;font-weight:600;transition:all .15s ease;white-space:nowrap}.header-email-pill.purple{background:#a855f71f;border:1px solid rgba(168,85,247,.3);color:#c4b5fd}.header-email-pill.purple:hover{background:#a855f738;border-color:#a855f78c}.gemini-pill-num{font-size:.68rem;font-weight:700;color:#c084fc;background:#a855f740;padding:1px 4px;border-radius:3px;line-height:1}.no-accs-badge{font-size:.78rem;color:#94a3b8!important;font-weight:600;letter-spacing:.01em}.header-email-pill.emerald{background:#10b9811f;border:1px solid rgba(16,185,129,.28);color:#6ee7b7}.header-email-pill.emerald:hover{background:#10b98133;border-color:#10b98173}.header-cgpt-accounts-group{display:flex;align-items:center;gap:.45rem;flex-wrap:nowrap}.header-cgpt-account-card{display:inline-flex;align-items:center;gap:.35rem;background:#10b98114;border:1px solid rgba(16,185,129,.22);padding:2px 6px;border-radius:6px;transition:all .15s ease;white-space:nowrap;height:26px;box-sizing:border-box}.header-cgpt-account-card:hover{background:#10b98126;border-color:#10b9816b}.cgpt-pill-num{font-size:.68rem;font-weight:700;color:#34d399;background:#10b98138;padding:1px 4px;border-radius:3px;line-height:1}.clickable-email:hover{text-decoration:underline;color:#a7f3d0!important}.header-2fa-token-pill{display:inline-flex;align-items:center;gap:4px;background:#10b98126;border:1px solid rgba(16,185,129,.38);padding:1px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;height:20px;box-sizing:border-box}.header-2fa-token-pill:hover{background:#10b98142;border-color:#34d399;box-shadow:0 0 10px #10b98140}.live-token-code{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:#6ee7b7;letter-spacing:.03em;line-height:1}.live-token-timer{font-size:.66rem;color:#94a3b8;font-family:var(--font-mono);padding:0 1px}.live-token-timer.warning{color:#fb7185;font-weight:700}.header-token-copy-icon{display:inline-flex;align-items:center;color:#6ee7b7;opacity:.7}.header-2fa-token-pill:hover .header-token-copy-icon{opacity:1;color:#34d399}.popover-account-item.active-gemini{background:#a855f72e;border-color:#a855f766}.audit-tabs-container{display:flex;align-items:center;gap:.6rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.5rem;scrollbar-width:thin}.audit-tab-btn{display:inline-flex;align-items:center;gap:.65rem;padding:.65rem 1.15rem;border-radius:var(--radius-lg);font-size:.84rem;font-weight:600;color:#94a3b8;background:#0f172aa6;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audit-tab-btn:hover{color:#f8fafc;background:#1e293ba6;border-color:#ffffff29;transform:translateY(-1px)}.audit-tab-btn.active{color:#f8fafc;background:#1e293be6;border-color:#38bdf866;box-shadow:0 0 20px #38bdf829}.audit-tab-btn.active.tab-audit{border-color:#10b98173;box-shadow:0 0 20px #10b9812e}.audit-tab-btn.active.tab-monthly{border-color:#0ea5e973;box-shadow:0 0 20px #0ea5e92e}.audit-tab-btn.active.tab-revenue{border-color:#f59e0b73;box-shadow:0 0 20px #f59e0b2e}.audit-tab-btn.active.tab-opex{border-color:#f43f5e73;box-shadow:0 0 20px #f43f5e2e}.audit-tab-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.badge-audited{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .75rem;border-radius:var(--radius-full);background:#10b98129;border:1px solid rgba(16,185,129,.35);color:#34d399;font-size:.76rem;font-weight:600;-webkit-user-select:none;user-select:none}.badge-pending{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .75rem;border-radius:var(--radius-full);background:#f59e0b29;border:1px solid rgba(245,158,11,.35);color:#fbbf24;font-size:.76rem;font-weight:600;-webkit-user-select:none;user-select:none}.btn-audit-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.32rem .85rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none;border:none}.btn-audit-action.pending{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.4)}.btn-audit-action.pending:hover{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 0 14px #10b98166;transform:translateY(-1px)}.btn-audit-action.audited{background:#10b98138;color:#34d399;border:1px solid rgba(16,185,129,.45)}.btn-audit-action.audited:hover{background:#f43f5e2e;color:#fb7185;border-color:#f43f5e66}.slip-thumb-btn{width:42px;height:42px;border-radius:6px;border:1px solid rgba(255,255,255,.15);padding:0;overflow:hidden;background:#0f172acc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.slip-thumb-btn:hover{border-color:#38bdf8;transform:scale(1.1);box-shadow:0 0 14px #38bdf84d;z-index:10}.slip-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.daily-total-bar{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;background:#0f172acc;border-top:1px solid rgba(255,255,255,.08);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.daily-total-label{font-size:.95rem;font-weight:600;color:#94a3b8}.daily-total-amount{font-size:1.45rem;font-weight:800;color:#34d399;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(52,211,153,.3)}.badge-cat-ad{background:#f59e0b29;border:1px solid rgba(245,158,11,.35);color:#fbbf24}.badge-cat-chatgpt{background:#10a37f29;border:1px solid rgba(16,163,127,.35);color:#34d399}.badge-cat-gmail{background:#a855f729;border:1px solid rgba(168,85,247,.35);color:#c084fc}.badge-cat-tools{background:#38bdf829;border:1px solid rgba(56,189,248,.35);color:#38bdf8}.badge-cat-other{background:#64748b33;border:1px solid rgba(100,116,139,.35);color:#cbd5e1}.fin-view-pills{display:inline-flex;align-items:center;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);padding:3px;gap:2px}.fin-view-pill-btn{padding:.4rem .95rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:#94a3b8;border:none;background:transparent;cursor:pointer;transition:all .18s ease}.fin-view-pill-btn:hover{color:#f8fafc}.fin-view-pill-btn.active{background:#f59e0b;color:#0f172a;box-shadow:0 0 12px #f59e0b59}.mobile-bottom-nav,.mobile-header-top,.sidebar-close-btn,.sidebar-backdrop{display:none}@media(max-width:1024px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#0b1120f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 -4px 24px #00000080;z-index:999;align-items:center;justify-content:space-around;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;color:var(--text-muted);font-size:.65rem;font-weight:600;cursor:pointer;flex:1;height:100%;padding:4px 0;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.nav-dock-item:active{transform:scale(.92)}.nav-dock-item.active{color:#38bdf8}.nav-dock-item.active .nav-dock-icon-wrap{color:#38bdf8;background:#38bdf81f}.nav-dock-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:28px;border-radius:var(--radius-md);transition:all .15s ease}.nav-dock-badge{position:absolute;top:-2px;right:-4px;background:#f43f5e;color:#fff;font-size:.6rem;font-weight:700;min-width:16px;height:16px;padding:0 3px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid #0b1120;box-shadow:0 0 6px #f43f5e99}.nav-dock-hero-btn{position:relative;top:-14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0 .4rem;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nav-dock-hero-circle{width:48px;height:48px;border-radius:50%;background:var(--color-dv-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 18px #ff73008c,0 0 0 4px #0b1120;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-dock-hero-btn:active .nav-dock-hero-circle{transform:scale(.92)}.nav-dock-hero-label{font-size:.62rem;font-weight:700;color:#fb923c;margin-top:2px;letter-spacing:-.01em}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#030712b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1040;animation:fadeIn .2s ease-out}.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:290px;max-width:82vw;height:100vh;z-index:1050;transform:translate(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease;box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 36px #000000bf}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-close-btn:hover{background:#ef444433;color:#f87171;border-color:#ef444466}.main-wrapper{margin-left:0!important;width:100%!important;max-width:100%!important;min-height:100vh;padding-bottom:5.5rem!important}.top-header{flex-direction:column;align-items:stretch;padding:0;min-height:auto}.header-desktop-layers{display:none}.mobile-header-top{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;width:100%}.mobile-hamburger-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#f8fafc;cursor:pointer;transition:all .15s ease}.mobile-hamburger-btn:active{transform:scale(.94);background:#ffffff26}}@media(max-width:768px){input,select,textarea{font-size:16px!important}.page-container{padding:.85rem .75rem 5.5rem!important;max-width:100%!important}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.page-title{font-size:1.35rem}.page-desc{font-size:.82rem}.plan-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.plan-card{min-height:48px;padding:.6rem .5rem;font-size:.82rem}.modal-backdrop{padding:.75rem}.modal-dialog{max-width:96vw;width:96vw;max-height:92vh;border-radius:var(--radius-lg)}.header-popover-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000c7!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:99999!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;animation:fadeIn .18s ease-out!important}.header-account-popover{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100vw!important;min-width:0!important;max-height:84vh!important;overflow-y:auto!important;background:#0f172a!important;border:1px solid rgba(255,255,255,.18)!important;border-bottom:none!important;border-radius:20px 20px 0 0!important;padding:1.25rem 1.15rem 2.5rem!important;box-shadow:0 -12px 40px #000000d9!important;animation:slideUp .22s cubic-bezier(.16,1,.3,1)!important}.form-row,.form-grid{grid-template-columns:1fr!important}.table-responsive,.table-wrapper,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-bottom:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.fin-view-pills{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start}.fin-view-pill-btn{white-space:nowrap;padding:.35rem .75rem;font-size:.75rem}}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#0f172aa6;border-top:1px solid rgba(51,65,85,.35);border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:.82rem;color:var(--text-secondary);gap:1rem;flex-wrap:wrap}.pagination-info{display:flex;align-items:center;gap:.5rem}.pagination-info strong{color:var(--text-primary);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background:#ffffff1f;color:var(--text-primary);border-color:#fff3}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-page-pill{padding:.3rem .65rem;border-radius:var(--radius-md);background:#38bdf81f;border:1px solid rgba(56,189,248,.3);color:#38bdf8;font-weight:600;font-size:.78rem}.pagination-size-select{background:#0b1224cc;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.78rem;outline:none;cursor:pointer}.upgrade-date-card{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .75rem;border-radius:var(--radius-md);min-width:210px;background:#0f172a99;border:1px solid var(--border-subtle);transition:all .15s ease}.upgrade-date-card.cgpt{background:#10b9810d;border-color:#10b98140}.upgrade-date-card.cgpt:hover{border-color:#10b98173;background:#10b98117}.upgrade-date-card.gemini{background:#a855f70d;border-color:#a855f740}.upgrade-date-card.gemini:hover{border-color:#a855f773;background:#a855f717}.upgrade-date-card.inactive{background:#ffffff05;border:1px dashed rgba(255,255,255,.12);align-items:center;justify-content:center;padding:.65rem .75rem}.upgrade-date-timeline{display:flex;align-items:center;justify-content:space-between;gap:.45rem}.timeline-point{display:flex;flex-direction:column;gap:2px}.timeline-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.timeline-date{font-size:.8rem;font-weight:600;color:#cbd5e1;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.timeline-date.highlight{color:#f8fafc;font-weight:700}.timeline-connector{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.75rem;padding:0 2px}.upgrade-date-badges{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-top:.15rem;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.06)}.upgrade-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:.12rem .45rem;border-radius:4px}.upgrade-status-badge.active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.upgrade-status-badge.warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.upgrade-status-badge.expired{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.upgrade-cycle-badge{font-size:.68rem;color:#94a3b8;padding:.12rem .42rem;border-radius:4px;background:#ffffff0d}.badge-archived-pill{display:inline-flex;align-items:center;font-size:.65rem;font-weight:600;color:#94a3b8;background:#64748b2e;border:1px solid rgba(100,116,139,.3);padding:.12rem .45rem;border-radius:4px;letter-spacing:.02em}.reminder-service-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.05rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;border:1px solid var(--border-subtle);background:#0f172aa6;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.reminder-service-tab:hover{background:#1e293bbf;color:var(--text-primary);border-color:#fff3}.reminder-service-tab.active{background:#2563eb;color:#fff;border-color:#3b82f6;box-shadow:0 0 14px #2563eb59}.reminder-sub-pill{padding:.32rem .85rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;border:1px solid var(--border-subtle);background:#0f172a80;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.reminder-sub-pill:hover{border-color:#fff3;color:var(--text-primary)}.reminder-sub-pill.active{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b73}.master-cycle-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:1.25rem}.master-cycle-header{padding:.85rem 1.25rem;background:#0f172ae6;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem}.reminder-btn-payment-done{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:600;background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.35);cursor:pointer;transition:all .15s ease;white-space:nowrap}.reminder-btn-payment-done:hover,.reminder-btn-payment-done.done{background:#10b981;color:#fff;border-color:#059669;box-shadow:0 0 12px #10b9814d}.reminder-btn-send{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:600;background:#0ea5e929;color:#38bdf8;border:1px solid rgba(14,165,233,.35);cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.reminder-btn-send:hover{background:#0ea5e947;border-color:#0ea5e999}.reminder-btn-renew{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:600;background:#14b8a629;color:#2dd4bf;border:1px solid rgba(20,184,166,.35);cursor:pointer;transition:all .15s ease;white-space:nowrap}.reminder-btn-renew:hover{background:#14b8a647;border-color:#14b8a699}.reminder-btn-renew-plan{display:inline-flex;align-items:center;gap:.38rem;padding:.4rem .85rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;background:linear-gradient(135deg,#10b98138,#14b8a642);color:#34d399;border:1px solid rgba(16,185,129,.45);cursor:pointer;transition:all .18s ease;white-space:nowrap;box-shadow:0 2px 8px #10b98126}.reminder-btn-renew-plan:hover{background:linear-gradient(135deg,#10b98159,#14b8a66b);border-color:#34d399;transform:translateY(-1px);box-shadow:0 4px 12px #10b98147;color:#fff}.reminder-btn-not-renew{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:600;background:transparent;color:#f87171;border:1px solid rgba(239,68,68,.35);cursor:pointer;transition:all .15s ease;white-space:nowrap}.reminder-btn-not-renew:hover{background:#ef444426;border-color:#ef444499}@keyframes pwaFadeIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:pwaFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@media all and (display-mode:standalone){html,body{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y pinch-zoom!important;height:auto!important}body{-webkit-tap-highlight-color:transparent}.mobile-bottom-nav{padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.content-area{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));overflow-y:visible!important}}@media(max-width:640px){.pwa-install-banner{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}