:root{--bg-app: #f8fafc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-input: #ffffff;--bg-input-focus: #ffffff;--bg-surface-elevated: #ffffff;--bg-glass-heavy: rgba(255, 255, 255, .98);--color-dv-orange: #0f172a;--color-dv-orange-hover: #1e293b;--color-dv-orange-glow: rgba(15, 23, 42, .06);--color-dv-amber: #d97706;--color-dv-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--color-dv-navy: #0f172a;--border-subtle: #e2e8f0;--border-focus: #0f172a;--border-glow: rgba(15, 23, 42, .08);--border-glass: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-dim: #94a3b8;--text-burmese: #475569;--text-burmese-muted: #64748b;--color-cgpt: #059669;--color-cgpt-hover: #047857;--color-cgpt-glow: rgba(5, 150, 105, .1);--color-gemini: #4f46e5;--color-gemini-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--color-gemini-glow: rgba(79, 70, 229, .1);--color-amber: #d97706;--color-emerald: #059669;--color-rose: #e11d48;--color-sky: #0284c7;--bank-kbzpay: #0054a6;--bank-wavepay: #ca8a04;--bank-kbz: #003b73;--bank-aya: #dc2626;--bank-cb: #0284c7;--bank-yoma: #002f6c;--bank-yoma-accent: #dc2626;--bank-abank: #dc2626;--bank-abank-accent: #1e3a8a;--bank-other: #64748b;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-glow-orange: 0 2px 8px rgba(15, 23, 42, .08);--shadow-glow-emerald: 0 2px 8px rgba(5, 150, 105, .08);--shadow-glow-amber: 0 2px 8px rgba(217, 119, 6, .08);--shadow-glow-gemini: 0 2px 8px rgba(79, 70, 229, .08);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", "Space Grotesk", system-ui, sans-serif;--font-tech: "Plus Jakarta Sans", sans-serif;--font-burmese: "Pyidaungsu", "Noto Sans Myanmar", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, 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: 260px;--header-height: 56px}*,*: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{display:none}#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 var(--border-subtle)}.sidebar-cta-order{width:100%;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-lg);background:#0f172a;border:1px solid #1e293b;color:#fff;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;text-align:left;position:relative;overflow:hidden}.sidebar-cta-order:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26;background:#1e293b}.sidebar-cta-order.is-active{box-shadow:0 0 0 2px #0f172a,0 4px 12px #0f172a33}.cta-icon-wrap{width:32px;height:32px;border-radius:8px;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;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:#fffc;line-height:1.4;margin-top:2px}.cta-badge{font-size:.65rem;font-weight:700;background:#ffffff26;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:36px;height:36px;border-radius:var(--radius-md);background:#0f172a;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 3px #0000001a}.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;color:#0f172a;-webkit-text-fill-color:#0f172a}.logo-badge{font-size:.65rem;font-weight:700;color:#64748b;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:#f1f5f9;color:var(--text-primary);transform:translate(2px)}.nav-link.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 1px 3px #0000001a;font-weight:600}.nav-link.active svg{color:#fff}.nav-link.active-cgpt,.nav-link.active-gemini,.nav-link.active-amber,.nav-link.active-emerald,.nav-link.active-rose,.nav-link.active-sky{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 1px 3px #0000001a;font-weight:600}.nav-link.active-cgpt svg,.nav-link.active-gemini svg,.nav-link.active-amber svg,.nav-link.active-emerald svg,.nav-link.active-rose svg,.nav-link.active-sky svg{color:#fff}.nav-badge{margin-left:auto;font-size:.72rem;padding:.15rem .55rem;border-radius:var(--radius-full);background:#f1f5f9;color:var(--text-secondary);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}.nav-badge.danger{background:#fee2e2;color:#dc2626}.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:#fff;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;position:sticky;top:0;z-index:30;box-shadow:0 1px 2px #00000008;padding-top:env(safe-area-inset-top,0px)}.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:#fff;border-bottom:1px solid #f1f5f9}.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:#f8fafc;border:1px solid #e2e8f0}.header-live-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b98166;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:#94a3b8}.header-context-title{font-size:.82rem;font-weight:700;color:#0f172a;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:#0f172a;letter-spacing:.01em;line-height:1}.header-brand-version{font-size:.58rem;font-weight:700;color:#475569;letter-spacing:.08em;text-transform:uppercase;background:#f1f5f9;border:1px solid #e2e8f0;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:#64748b;font-weight:500;padding:.18rem .6rem;border-radius:var(--radius-full);background:#f8fafc;border:1px solid #e2e8f0;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:#f0f9ff;border-color:#bae6fd;color:#0284c7}.header-stat-pill.cyan:hover{background:#e0f2fe;border-color:#7dd3fc}.header-stat-pill.emerald{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.header-stat-pill.emerald:hover{background:#d1fae5;border-color:#6ee7b7}.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:44px;display:flex;align-items:center;gap:0;padding:0 1.75rem;background:#fff;border-bottom:1px solid var(--border-subtle)}.header-platform-section{display:inline-flex;align-items:center;gap:.65rem;height:32px;padding:0 .85rem;border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .16s ease;white-space:nowrap}.header-platform-section:hover{background:#f1f5f9;border-color:#cbd5e1}.header-platform-section.gemini,.header-platform-section.chatgpt{border-color:var(--border-subtle);background:#f8fafc}.header-platform-section.gemini:hover,.header-platform-section.chatgpt:hover{border-color:#cbd5e1;background:#f1f5f9}.header-platform-section.active-open{background:#0f172a;border-color:#0f172a;color:#fff}.header-platform-section.active-open .header-platform-label,.header-platform-section.active-open .header-chevron{color:#fff!important}.header-platform-label{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;letter-spacing:.02em;flex-shrink:0;color:#0f172a}.header-platform-label.gemini,.header-platform-label.chatgpt{color:#0f172a}.header-chevron{transition:transform .2s ease;opacity:.6}.header-chevron.open{transform:rotate(180deg);opacity:1}.header-layer2-divider{width:1px;height:22px;background:var(--border-subtle);margin:0 .85rem;flex-shrink:0}.header-slot-pill-inline{font-size:.65rem;font-weight:700;font-family:var(--font-mono);padding:1px 6px;border-radius:4px;line-height:1.3;flex-shrink:0}.header-slot-pill-inline.available-gemini,.header-slot-pill-inline.available-chatgpt{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.header-slot-pill-inline.full{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.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 .45rem;border-radius:var(--radius-full);line-height:1.2}.header-slot-pill.available-gemini,.header-slot-pill.available-chatgpt{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.header-slot-pill.full{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.header-copy-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 6px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.header-copy-btn:hover{background:#e2e8f0;color:var(--text-primary)}.header-copy-btn.key{color:#d97706}.header-copy-btn.key:hover{background:#fef3c7;color:#b45309;border-color:#fde68a}.header-popover-backdrop{display:contents}.header-account-popover{position:absolute;top:calc(100% + 8px);left:0;width:325px;background:#fff;border:1px solid var(--border-subtle);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;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 #f1f5f9}.popover-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.popover-close-btn:hover{background:#e2e8f0;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:#f8fafc;border:1px solid #e2e8f0;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:#fff;border:1px solid #e2e8f0;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:#f1f5f9;color:var(--text-primary)}.popover-toggle-btn{background:#fff;border:1px solid #e2e8f0;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:#f1f5f9}.popover-footer{padding-top:.4rem;border-top:1px solid #f1f5f9}.popover-accounts-section{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid #f1f5f9;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:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.popover-account-item:hover{background:#f1f5f9;border-color:#cbd5e1}.popover-account-item.active{background:#f5f3ff;border-color:#c4b5fd}.popover-account-item.active-chatgpt{background:#ecfdf5;border-color:#a7f3d0}.popover-nav-btn{width:100%;background:#f8fafc;border:1px solid #e2e8f0;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:#f1f5f9;color:var(--text-primary)}.stat-val-bold{font-family:var(--font-mono);font-weight:700;color:#0f172a;font-size:.85rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}.stat-val-bold.cyan{color:#0369a1}.stat-val-bold.green,.stat-val-bold.emerald{color:#047857}.stat-val-bold.indigo{color:#4338ca}.stat-val-bold.purple{color:#6d28d9}.stat-val-bold.amber{color:#b45309}.stat-val-bold.rose{color:#be123c}.table-action-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .16s cubic-bezier(.4,0,.2,1);position:relative;outline:none;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-action-btn.copy{color:#059669;border-color:#a7f3d0;background:#ecfdf5}.table-action-btn.copy:hover{background:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px)}.table-action-btn.renew{color:#d97706;border-color:#fde68a;background:#fef3c7}.table-action-btn.renew:hover{background:#fde68a;border-color:#fcd34d;transform:translateY(-1px)}.table-action-btn.edit{color:#0284c7;border-color:#bae6fd;background:#f0f9ff}.table-action-btn.edit:hover{background:#e0f2fe;border-color:#7dd3fc;transform:translateY(-1px)}.table-action-btn.expire{color:#dc2626;border-color:#fecaca;background:#fee2e2}.table-action-btn.expire:hover{background:#fecaca;border-color:#f87171;transform:translateY(-1px)}.table-action-btn.delete{color:#ef4444;border-color:#fecaca;background:#fef2f2}.table-action-btn.delete:hover{color:#dc2626;background:#fee2e2;border-color:#f87171;transform:translateY(-1px)}.header-right{display:flex;align-items:center;gap:1rem}.glass-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #0000000d;position:relative;overflow:hidden}.glass-card:before{display:none}.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)}.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:#fff;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:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.plan-card.selected,.plan-card.selected.gemini,.plan-card.selected.claude,.plan-card.selected.canva,.plan-card.selected.other{background:#0f172a;border-color:#0f172a;box-shadow:0 2px 8px #0f172a26}.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,.plan-card.selected.gemini .plan-title,.plan-card.selected.claude .plan-title,.plan-card.selected.canva .plan-title,.plan-card.selected.other .plan-title{color:#fff!important;font-weight:700}.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:#fff;border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bank-card:hover{border-color:#94a3b8;background:#f8fafc;transform:translateY(-1px)}.bank-card.active,.bank-card.active.kbzpay,.bank-card.active.wavepay,.bank-card.active.kbz,.bank-card.active.aya,.bank-card.active.cb,.bank-card.active.yoma,.bank-card.active.abank,.bank-card.active.other{border-color:#0f172a;background:#0f172a;color:#fff;box-shadow:0 1px 3px #0f172a26}.bank-card.active span,.bank-card.active.kbzpay span,.bank-card.active.wavepay span,.bank-card.active.kbz span,.bank-card.active.aya span,.bank-card.active.cb span,.bank-card.active.yoma span,.bank-card.active.abank span,.bank-card.active.other span{color:#fff!important}.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:.5rem}.duration-pill{padding:.45rem .95rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:500;letter-spacing:.015em;background:#fff;border:1px solid var(--border-subtle);color:#475569;cursor:pointer;transition:all .15s ease}.duration-pill:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.duration-pill.active{background:#0f172a;border-color:#0f172a;color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.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 #cbd5e1;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:#f8fafc}.slip-dropzone:hover,.slip-dropzone.dragging{border-color:#0f172a;background:#f1f5f9}.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:#0f172a;color:#fff;border:1px solid #0f172a;box-shadow:0 1px 2px #0000000d}.btn-primary:hover{background:#1e293b;border-color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.btn-emerald{background:#059669;color:#fff}.btn-emerald:hover{background:#047857;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:#f1f5f9;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:.75rem 1rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid var(--border-subtle);background:#f8fafc;white-space:nowrap}.data-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;line-height:1.4;vertical-align:middle;background:#fff;transition:background .12s ease}.data-table tr:hover td{background:#f8fafc;color:#0f172a}.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-audited{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-full);background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;font-size:.74rem;font-weight:600}.badge-pending{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-full);background:#fef3c7;border:1px solid #fde68a;color:#b45309;font-size:.74rem;font-weight:600}.badge-done{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.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:#f8fafc;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;color:#0f172a!important;text-shadow:none!important}.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:#fff;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 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;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:#0f172a;border:1px solid #1e293b;color:#fff;font-size:.88rem;box-shadow:0 10px 15px -3px #0000001a;display:flex;align-items:center;gap:.75rem;animation:slideInRight .25s ease}.toast.success{border-color:#059669;background:#064e3b}.toast.error{border-color:#dc2626;background:#7f1d1d}@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:#f8fafc;overflow:hidden;padding:1.5rem}.login-ambient-grid,.login-ambient-orb{display:none}.login-card-wrapper{position:relative;z-index:10;width:100%;max-width:440px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a;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 2px 10px #0000001a;border:1px solid #e2e8f0}.login-badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .85rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#0f172a;margin-bottom:.65rem}.login-title{font-family:var(--font-heading);font-size:1.55rem;font-weight:800;color:#0f172a;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:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.status-pill.offline{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.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:#fee2e2;border:1px solid #fecaca;color:#dc2626}.login-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.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:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);color:#0f172a;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:#0f172a;background:#fff;box-shadow:0 0 0 3px #0f172a1a}.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:#0f172a;color:#fff;border:1px solid #0f172a;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 1px 3px #0000001a;transition:all .2s ease}.login-submit-btn:hover:not(:disabled){background:#1e293b;border-color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a26}.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:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.15rem 1.35rem;display:flex;align-items:center;gap:1.1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.pro-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000f;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:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.pro-stat-icon-wrap.trending,.pro-stat-icon-wrap.users{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.pro-stat-icon-wrap.emerald{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.pro-stat-icon-wrap.rose{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.pro-stat-icon-wrap.amber{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.pro-stat-icon-wrap.sky{background:#f0f9ff;color:#0284c7;border:1px solid #bae6fd}.pro-stat-icon-wrap.purple{background:#f5f3ff;color:#6d28d9;border:1px solid #ddd6fe}.pro-stat-value{font-size:1.65rem;font-weight:800;color:#0f172a;line-height:1.1;letter-spacing:-.02em}.pro-stat-label{font-size:.75rem;color:#64748b;font-weight:600;margin-top:.25rem;letter-spacing:.01em}.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:#fff;border:1px solid #cbd5e1;border-radius:var(--radius-md);font-size:.84rem;color:#0f172a;outline:none;transition:all .2s ease}.pro-search-input:focus{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a1a}.pro-table-wrapper{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000d}.pro-table{width:100%;border-collapse:collapse;text-align:left}.pro-table th{padding:.85rem 1.15rem;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fafc;border-bottom:1px solid var(--border-subtle)}.pro-table td{padding:.85rem 1.15rem;font-size:.84rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle;background:#fff}.pro-table tbody tr{transition:background .15s ease}.pro-table tbody tr:hover td{background:#f8fafc;color:#0f172a}.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:#f8fafc;border:1px dashed #cbd5e1;color:#475569}.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 #e2e8f0;background:#fff;color:#475569;cursor:pointer;white-space:nowrap;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #00000008}.filter-chip-btn:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.filter-chip-btn.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 1px 3px #0f172a26}.filter-chip-count{font-size:.7rem;padding:.1rem .45rem;border-radius:9999px;background:#f1f5f9;color:#475569;font-weight:700}.filter-chip-btn.active .filter-chip-count{background:#fff3;color:#fff}.kbd-shortcut{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .42rem;border-radius:4px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.7rem;font-family:monospace;font-weight:600;color:#475569;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 #e2e8f0;background:#fff;cursor:pointer;transition:all .15s ease;text-align:center}.duration-preset-card:hover{background:#f8fafc;border-color:#cbd5e1;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:.78rem;font-weight:600;transition:all .15s ease;white-space:nowrap;background:#fff;border:1px solid var(--border-subtle);color:#0f172a}.header-email-pill.purple{background:#fff;border:1px solid var(--border-subtle);color:#0f172a}.header-email-pill.purple:hover{background:#f8fafc;border-color:#cbd5e1}.gemini-pill-num{font-size:.68rem;font-weight:700;color:#475569;background:#f1f5f9;padding:1px 4px;border-radius:3px;line-height:1}.no-accs-badge{font-size:.78rem;color:#64748b!important;font-weight:600;letter-spacing:.01em}.header-email-pill.emerald{background:#fff;border:1px solid var(--border-subtle);color:#0f172a}.header-email-pill.emerald:hover{background:#f8fafc;border-color:#cbd5e1}.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:#fff;border:1px solid var(--border-subtle);padding:2px 6px;border-radius:6px;transition:all .15s ease;white-space:nowrap;height:26px;box-sizing:border-box;color:#0f172a}.header-cgpt-account-card:hover{background:#f8fafc;border-color:#cbd5e1}.cgpt-pill-num{font-size:.68rem;font-weight:700;color:#475569;background:#f1f5f9;padding:1px 4px;border-radius:3px;line-height:1}.clickable-email:hover{text-decoration:underline;color:#0f172a!important}.header-2fa-token-pill{display:inline-flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid var(--border-subtle);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:#f1f5f9;border-color:#0f172a}.live-token-code{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:#0f172a;letter-spacing:.03em;line-height:1}.live-token-timer{font-size:.66rem;color:#64748b;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:#64748b;opacity:.8}.header-2fa-token-pill:hover .header-token-copy-icon{opacity:1;color:#0f172a}.popover-account-item.active-gemini{background:#f1f5f9;border-color:#cbd5e1}.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:#475569;background:#fff;border:1px solid #e2e8f0;cursor:pointer;transition:all .18s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000a}.audit-tab-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.audit-tab-btn.active,.audit-tab-btn.active.tab-audit,.audit-tab-btn.active.tab-monthly,.audit-tab-btn.active.tab-revenue,.audit-tab-btn.active.tab-opex{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 2px 6px #0f172a2e}.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 #e2e8f0;padding:0;overflow:hidden;background:#f8fafc;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:#f8fafc;border-top:1px solid var(--border-subtle);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.daily-total-label{font-size:.95rem;font-weight:700;color:#475569}.daily-total-amount{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-shadow:none}.badge-cat-ad{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.badge-cat-chatgpt{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.badge-cat-gmail{background:#f5f3ff;border:1px solid #ddd6fe;color:#6d28d9}.badge-cat-tools{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.badge-cat-other{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.fin-view-pills{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;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:#64748b;border:none;background:transparent;cursor:pointer;transition:all .18s ease}.fin-view-pill-btn:hover{color:#0f172a}.fin-view-pill-btn.active{background:#0f172a;color:#fff;box-shadow:0 1px 3px #0f172a1f}.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:64px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #e2e8f0;box-shadow:0 -4px 20px #0000000f;z-index:999;align-items:center;justify-content:space-around;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav-item,.nav-dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:#64748b;font-size:.68rem;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}.mobile-nav-item:active,.nav-dock-item:active{transform:scale(.92)}.mobile-nav-item.active,.nav-dock-item.active{color:#0f172a;font-weight:700}.mobile-nav-icon-wrap,.nav-dock-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:var(--radius-md);transition:all .15s ease}.mobile-nav-item.active .mobile-nav-icon-wrap,.nav-dock-item.active .nav-dock-icon-wrap{color:#0f172a}.mobile-nav-label{font-size:.65rem;font-weight:600;line-height:1;letter-spacing:-.01em}.mobile-nav-badge,.nav-dock-badge{position:absolute;top:-2px;right:-4px;background:#dc2626;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 #ffffff;box-shadow:0 1px 3px #dc262666}.mobile-nav-hero-cta,.nav-dock-hero-btn{position:relative;top:-12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;cursor:pointer;padding:0 .4rem;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.hero-cta-circle,.nav-dock-hero-circle{width:48px;height:48px;border-radius:50%;background:#0f172a;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 14px #0f172a59,0 0 0 4px #fff;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.mobile-nav-hero-cta:active .hero-cta-circle,.nav-dock-hero-btn:active .nav-dock-hero-circle{transform:scale(.92)}.hero-cta-label,.nav-dock-hero-label{font-size:.62rem;font-weight:700;color:#0f172a;margin-top:3px;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;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.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!important;padding-top:env(safe-area-inset-top,0px)!important;background:#fff!important;position:sticky;top:0;z-index:100;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.header-desktop-layers{display:none}.mobile-header-top{display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;width:100%;min-height:52px;background:#fff;box-sizing:border-box}.mobile-hamburger-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f1f5f9;border:1px solid #cbd5e1;color:#0f172a;cursor:pointer;transition:all .15s ease;flex-shrink:0;box-shadow:0 1px 2px #0000000d}.mobile-hamburger-btn:active{transform:scale(.92);background:#e2e8f0}}@media(max-width:768px){input,select,textarea{font-size:16px!important}.page-container{padding:.85rem .75rem 6rem!important;max-width:100%!important}.pro-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.pro-stat-card{padding:.75rem .65rem!important;gap:.5rem!important}.pro-stat-icon-wrap{width:34px!important;height:34px!important}.pro-stat-icon-wrap svg{width:18px!important;height:18px!important}.pro-stat-value{font-size:1.05rem!important;word-break:break-word}.pro-stat-label{font-size:.7rem!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}.data-table-container,.pro-table-wrapper,.table-responsive,.table-wrapper,.table-container{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:.75rem!important;scrollbar-width:thin!important;scrollbar-color:#cbd5e1 transparent!important;border-radius:var(--radius-md)!important}.data-table-container::-webkit-scrollbar,.pro-table-wrapper::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{height:5px!important}.data-table-container::-webkit-scrollbar-track,.pro-table-wrapper::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:999px!important}.data-table-container::-webkit-scrollbar-thumb,.pro-table-wrapper::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:999px!important}.data-table,.pro-table{min-width:680px!important;width:100%!important}.data-table th,.pro-table th{padding:.55rem .65rem!important;font-size:.68rem!important;white-space:nowrap!important;letter-spacing:.04em!important}.data-table td,.pro-table td{padding:.55rem .65rem!important;font-size:.78rem!important;line-height:1.35!important}.data-table td .badge,.data-table td .badge-audited,.data-table td .badge-pending,.data-table td .badge-done,.pro-table td .badge,.pro-table td .badge-audited,.pro-table td .badge-pending{white-space:nowrap!important;font-size:.68rem!important;padding:.15rem .5rem!important}.data-table td button,.pro-table td button{min-height:28px!important;padding:.25rem .45rem!important;font-size:.74rem!important}.table-pagination{flex-direction:column!important;align-items:center!important;gap:.65rem!important;padding:.75rem .85rem!important;text-align:center!important}.pagination-info{justify-content:center!important;font-size:.76rem!important}.pagination-controls{justify-content:center!important;flex-wrap:wrap!important;gap:.35rem!important}.glass-card{border-radius:var(--radius-lg)!important;margin-bottom:.85rem!important}.card-header{padding:.85rem 1rem!important;flex-wrap:wrap!important;gap:.65rem!important}.card-body{padding:.95rem .85rem!important}.modal-backdrop{padding:.5rem!important}.modal-dialog{max-width:96vw!important;width:96vw!important;max-height:90vh!important;border-radius:14px!important;margin:auto!important}.modal-dialog .card-body{padding:1rem .85rem!important}.modal-dialog .card-header{padding:.85rem 1rem!important}.master-cycle-card{border-radius:var(--radius-md)!important;margin-bottom:.85rem!important}.master-cycle-header{padding:.7rem .85rem!important;gap:.5rem!important;flex-direction:column!important;align-items:flex-start!important}.master-cycle-header>div{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:.4rem!important}.duration-pills,.fin-view-pills,.reminder-tabs-scroll,.reminder-sub-pills-scroll{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;max-width:100%!important;padding-bottom:4px!important;scrollbar-width:none!important}.duration-pills::-webkit-scrollbar,.fin-view-pills::-webkit-scrollbar,.reminder-tabs-scroll::-webkit-scrollbar,.reminder-sub-pills-scroll::-webkit-scrollbar{display:none!important}.duration-pill,.fin-view-pill-btn,.reminder-service-tab,.reminder-sub-pill{white-space:nowrap!important;flex-shrink:0!important;font-size:.74rem!important;padding:.35rem .7rem!important}.bank-grid,.bank-breakdown-grid{grid-template-columns:repeat(2,1fr)!important;gap:.45rem!important}.bank-card{padding:.45rem .65rem!important;min-height:38px!important;font-size:.78rem!important}.bank-card .bank-name{font-size:.76rem!important}.customer-search-wrap{min-width:0!important;width:100%!important}}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.25rem;background:#fff;border-top:1px solid #e2e8f0;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:#fff;border:1px solid #e2e8f0;color:#475569;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:#f8fafc;color:#0f172a;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page-pill{padding:.3rem .65rem;border-radius:var(--radius-md);background:#f1f5f9;border:1px solid #e2e8f0;color:#0f172a;font-weight:600;font-size:.78rem}.pagination-size-select{background:#fff;border:1px solid #e2e8f0;color:#0f172a;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 1rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#334155;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a}.reminder-service-tab:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.reminder-service-tab.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 2px 4px #0f172a26}.reminder-sub-pill{padding:.35rem .9rem;border-radius:var(--radius-full);font-size:.76rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.reminder-sub-pill:hover{border-color:#cbd5e1;color:#0f172a;background:#f8fafc}.reminder-sub-pill.active{background:#0f172a;color:#fff;border-color:#0f172a;box-shadow:0 1px 3px #0f172a26}.master-cycle-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000000d;margin-bottom:1.25rem}.master-cycle-header{padding:.85rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;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:#ecfdf5;color:#047857;border:1px solid #a7f3d0;cursor:pointer;transition:all .15s ease;white-space:nowrap}.reminder-btn-payment-done:hover,.reminder-btn-payment-done.done{background:#059669;color:#fff;border-color:#047857;box-shadow:0 1px 3px #05966933}.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:#f0f9ff;color:#0284c7;border:1px solid #bae6fd;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.reminder-btn-send:hover{background:#0284c7;color:#fff;border-color:#0284c7}.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:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;cursor:pointer;transition:all .15s ease;white-space:nowrap}.reminder-btn-renew:hover{background:#15803d;color:#fff;border-color:#15803d}.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:#0f172a;color:#fff;border:1px solid #0f172a;cursor:pointer;transition:all .18s ease;white-space:nowrap;box-shadow:0 1px 3px #0f172a26}.reminder-btn-renew-plan:hover{background:#1e293b;border-color:#1e293b;color:#fff;box-shadow:0 2px 6px #0f172a40}.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:#fff1f2;color:#e11d48;border:1px solid #fecdd3;cursor:pointer;transition:all .15s ease;white-space:nowrap}.reminder-btn-not-renew:hover{background:#e11d48;color:#fff;border-color:#e11d48}@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}}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}