:root{--bg-base: #07080c;--bg-surface: #0f1117;--bg-elevated: #161920;--bg-hover: #1c2029;--glass: rgba(15, 17, 23, .75);--glass-border: rgba(255, 255, 255, .07);--accent: #00e5a0;--accent-soft: rgba(0, 229, 160, .12);--accent-glow: rgba(0, 229, 160, .35);--accent-2: #7c6cff;--warn: #ffb020;--warn-soft: rgba(255, 176, 32, .12);--danger: #ff4d6a;--danger-soft: rgba(255, 77, 106, .12);--ok: #2ee59d;--text: #f0f1f4;--text-2: #b8bec9;--text-3: #8a919e;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-w: 248px;--shadow-glow: 0 0 40px var(--accent-glow);--transition: .2s cubic-bezier(.4, 0, .2, 1);--color-background-primary: var(--bg-elevated);--color-background-secondary: var(--bg-surface);--color-background-tertiary: var(--bg-base);--color-background-info: var(--accent-soft);--color-background-danger: var(--danger-soft);--color-border-secondary: var(--glass-border);--color-border-tertiary: var(--glass-border);--color-border-info: rgba(0, 229, 160, .25);--color-text-primary: var(--text);--color-text-secondary: var(--text-2);--color-text-tertiary: var(--text-3);--color-text-info: var(--accent);--color-text-danger: var(--danger);--urgency-critical: #ef4444;--urgency-warning: #eab308;--urgency-future: #9ca3af;--gray-btn-bg: var(--bg-hover);--gray-btn-text: var(--text-2)}[data-theme=light]{--bg-base: #f0f2f5;--bg-surface: #ffffff;--bg-elevated: #f8f9fb;--bg-hover: #eef0f4;--glass-border: rgba(0, 0, 0, .08);--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--accent: #00b483;--accent-2: #6366f1;--accent-soft: rgba(0, 180, 131, .12);--danger-soft: rgba(239, 68, 68, .08);--warn-soft: rgba(234, 179, 8, .1);--gray-btn-bg: #e5e7eb;--gray-btn-text: #4b5563;--shadow-glow: 0 0 32px rgba(0, 180, 130, .2)}[data-theme=cyberpunk]{--bg-base: #0a041c;--bg-surface: #130a2a;--bg-elevated: #1a0e3a;--bg-hover: #261750;--glass-border: rgba(255, 0, 128, .25);--text: #00ffff;--text-2: #ff00ff;--text-3: #9b66ff;--accent: #ff00ff;--accent-2: #00ffff;--accent-soft: rgba(255, 0, 255, .15);--danger-soft: rgba(239, 68, 68, .12);--warn-soft: rgba(234, 179, 8, .12);--gray-btn-bg: #261750;--gray-btn-text: #ff00ff;--shadow-glow: 0 0 35px rgba(255, 0, 255, .4)}[data-theme=emerald]{--bg-base: #040e0c;--bg-surface: #0a1f1b;--bg-elevated: #102d27;--bg-hover: #163e36;--glass-border: rgba(52, 211, 153, .2);--text: #e6fcf5;--text-2: #6ee7b7;--text-3: #34d399;--accent: #10b981;--accent-2: #059669;--accent-soft: rgba(16, 185, 129, .15);--danger-soft: rgba(239, 68, 68, .12);--warn-soft: rgba(245, 158, 11, .12);--gray-btn-bg: #102d27;--gray-btn-text: #6ee7b7;--shadow-glow: 0 0 35px rgba(16, 185, 129, .3)}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .35s ease,color .25s ease,border-color .35s ease!important}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:14px;color:var(--text);background:var(--bg-base);-webkit-font-smoothing:antialiased;line-height:1.5}button,input{font-family:inherit}a{color:inherit}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:48px 56px;background:var(--bg-surface)}.auth-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(0,229,160,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(124,108,255,.15) 0%,transparent 55%),radial-gradient(ellipse 40% 40% at 60% 20%,rgba(255,77,106,.08) 0%,transparent 50%);animation:meshShift 12s ease-in-out infinite alternate}.auth-hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 20%,transparent 80%)}@keyframes meshShift{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.auth-hero-content{position:relative;z-index:1;max-width:420px}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:48px}.auth-logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.auth-logo-mark i{font-size:22px;color:var(--bg-base)}.auth-logo-text{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em}.auth-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 16px}.auth-hero h1 span{background:linear-gradient(90deg,var(--accent),#5dffc8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-hero-desc{color:var(--text-2);font-size:15px;line-height:1.6;margin:0 0 40px}.auth-pills{display:flex;flex-wrap:wrap;gap:10px}.auth-pill{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:#ffffff0a;border:1px solid var(--glass-border);font-size:13px;color:var(--text-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-pill i{color:var(--accent);font-size:15px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px 32px;background:var(--bg-base);position:relative}.auth-panel:before{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--glass-border),transparent)}.auth-card{width:100%;max-width:400px;animation:fadeUp .5s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-card h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.auth-card-sub{color:var(--text-2);font-size:14px;margin:0 0 28px}.auth-error{padding:10px 14px;border-radius:var(--radius-sm);background:var(--danger-soft);border:1px solid rgba(255,77,106,.25);color:var(--danger);font-size:13px;margin-bottom:12px}.auth-success{padding:10px 14px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid rgba(0,229,160,.25);color:var(--accent);font-size:13px;margin-bottom:12px}.auth-dev-link{margin-bottom:12px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px dashed var(--glass-border);font-size:12px}.auth-dev-link-label{color:var(--text-3);margin-bottom:6px}.auth-dev-link a{color:var(--accent);word-break:break-all}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.auth-forgot-link{font-size:12px;padding:0}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.field input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text);font-size:14px;transition:border-color var(--transition),box-shadow var(--transition)}.field input::placeholder{color:var(--text-3)}.field input:focus{outline:none;border-color:#00e5a066;box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary{width:100%;padding:13px 20px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent) 0%,#00c98a 100%);color:var(--bg-base);font-size:15px;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);margin-top:4px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px var(--accent-glow)}.btn-ghost{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;font-weight:500;padding:0}.btn-ghost:hover{text-decoration:underline}.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--text-2)}.demo-box{margin-top:28px;padding:16px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border)}.demo-box-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:10px}.demo-btns{display:flex;gap:10px}.demo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition)}.demo-btn:hover{border-color:#00e5a059;background:var(--accent-soft)}.demo-btn i{font-size:15px;color:var(--accent)}.type-picker{max-width:440px;animation:fadeUp .4s ease-out}.type-picker h1{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 6px}.type-option{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--radius);border:1px solid var(--glass-border);background:var(--bg-surface);margin-bottom:12px;cursor:pointer;transition:all var(--transition)}.type-option:hover{border-color:#00e5a04d;background:var(--bg-hover);transform:translate(4px)}.type-option-icon{width:48px;height:48px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.type-option-icon i{font-size:22px;color:var(--accent)}.type-option-title{font-weight:600;font-size:15px}.type-option-desc{font-size:13px;color:var(--text-2);margin-top:2px}.type-option-arrow{margin-left:auto;color:var(--text-3)}.app-shell{min-height:100vh;display:flex;background:var(--bg-base)}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;padding:24px 16px;background:var(--bg-surface);border-right:1px solid var(--glass-border);position:sticky;top:0;height:100vh}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 8px 28px}.sidebar-logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center}.sidebar-logo-mark i{font-size:18px;color:var(--bg-base)}.sidebar-logo-text{font-family:var(--font-display);font-size:17px;font-weight:700}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-2);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);position:relative;text-align:left;width:100%}.nav-item i{font-size:18px;width:22px}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.sidebar-user{padding:14px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--glass-border);margin-top:auto}.sidebar-user-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-user-name{font-weight:600;font-size:13px}.sidebar-user-email{font-size:11px;color:var(--text-3)}.sidebar-user-badges{display:flex;flex-wrap:wrap;gap:6px}.btn-logout{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:10px;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:transparent;color:var(--text-2);font-size:12px;cursor:pointer;transition:all var(--transition)}.btn-logout:hover{color:var(--danger);border-color:#ff4d6a4d;background:var(--danger-soft)}.app-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.top-header{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:var(--bg-surface);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:50}.top-header-v2{padding:18px 36px;min-height:72px;background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg-surface) 100%);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 4px 24px #0003}.top-header-left{display:flex;align-items:center;gap:12px}.top-header-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.top-header-icon-wrap.workspace{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(0,229,160,.25)}.top-header-icon-wrap.solo{background:var(--bg-hover);color:var(--text-2);border:1px solid var(--glass-border)}.top-header-brand{display:flex;flex-direction:column;gap:2px}.top-header-workspace{font-weight:700;font-size:20px;color:var(--text);letter-spacing:-.02em}.top-header-sub{font-size:14px;color:var(--text-2);font-weight:500}.top-header-divider{width:1px;height:28px;background:var(--glass-border)}.top-header-user-text{display:flex;flex-direction:column;gap:1px}.top-header-email{font-size:13px;color:var(--text-2);font-weight:500}.top-header-right{display:flex;align-items:center;gap:14px}.top-header-user{display:flex;align-items:center;gap:10px}.top-header-name{font-weight:600;font-size:16px;color:var(--text)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.theme-toggle:hover{color:var(--accent);border-color:#00e5a04d}.btn-header-logout{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:transparent;color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-header-logout:hover{color:var(--danger);border-color:#ff4d6a4d;background:var(--danger-soft)}.btn-header-logout-lg{padding:10px 18px;font-size:15px;font-weight:600;color:var(--text);border-color:#ffffff26;background:var(--bg-elevated)}.btn-header-logout-lg:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-logout-page{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,77,106,.35);background:var(--danger-soft);color:var(--danger);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition)}.btn-logout-page:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.page-toolbar-actions{display:flex;gap:10px;align-items:center}.app-main{flex:1;min-width:0;padding:32px 40px;background:radial-gradient(ellipse 60% 40% at 100% 0%,rgba(0,229,160,.04) 0%,transparent 50%),var(--bg-base)}.page-header{margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.page-subtitle{color:var(--text-2);font-size:15px;margin:0;line-height:1.5}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.stat-grid-2x2{grid-template-columns:repeat(2,1fr);gap:20px}.stat-card-lg{padding:24px 26px}.stat-value-lg{font-size:40px!important;line-height:1.1}.stat-card-lg .stat-label{font-size:13px;margin-bottom:14px}.section-title-lg{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.section-title-lg i{color:var(--accent)}.stat-card{padding:18px 20px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);transition:transform var(--transition),border-color var(--transition)}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.stat-card.accent{border-color:#00e5a033}.stat-card.warn{border-color:#ffb02033}.stat-card.danger{border-color:#ff4d6a33}.stat-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.stat-label i{font-size:15px}.stat-value{font-family:var(--font-mono);font-size:26px;font-weight:500;letter-spacing:-.02em}.stat-sub{font-size:14px;color:var(--text-2);margin-top:6px;line-height:1.4}.stat-card-lg .stat-sub{font-size:14px;color:var(--text-2)}.section-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0 0 14px;display:flex;align-items:center;gap:8px}.section-title i{color:var(--danger)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card-grid-2{grid-template-columns:repeat(2,1fr)!important}@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.card-grid{grid-template-columns:1fr}}.sub-card{position:relative;padding:18px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);transition:transform var(--transition),box-shadow var(--transition);overflow:hidden}.sub-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.urgency-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px}.urgency-badge.urgency-critical{background:#ef444426;color:var(--urgency-critical)}.urgency-badge.urgency-warning{background:#eab30826;color:var(--urgency-warning)}.urgency-badge.urgency-future{background:#9ca3af26;color:var(--urgency-future)}.sub-card-actions{display:flex;gap:4px}.sub-action-btn{width:30px;height:30px;border:none;border-radius:6px;background:var(--bg-elevated);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.sub-action-btn:hover{background:var(--accent-soft);color:var(--accent)}.sub-delete-btn:hover{background:var(--danger-soft)!important;color:var(--danger)!important}.sub-renew-date{font-size:14px;color:var(--text-2);margin-bottom:14px;font-weight:600}.sub-card.urgency-critical{border-left:3px solid var(--urgency-critical)}.sub-card.urgency-warning{border-left:3px solid var(--urgency-warning)}.sub-card.urgency-future{border-left:3px solid var(--urgency-future)}.sub-card.urgency-ok{border-left:3px solid var(--ok)}.urgency-ok{color:var(--ok)}.urgency-dot-ok{background:var(--ok)}.urgency-badge.urgency-ok{background:#2ee59d26;color:var(--ok)}.renewal-row.urgency-ok{border-left:3px solid var(--ok)}.renewal-section-critical{padding:16px;border-radius:var(--radius);background:#ef44440a;margin-bottom:20px}.renewal-section-warning{padding:16px;border-radius:var(--radius);background:#eab3080a;margin-bottom:20px}.renewal-section-ok{padding:16px;border-radius:var(--radius);background:#9ca3af0a;margin-bottom:20px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-2);border:1px dashed var(--glass-border);border-radius:var(--radius);margin-bottom:24px}.empty-state i{font-size:40px;color:var(--text-3);margin-bottom:12px;display:block}.empty-state p{margin:0 0 16px;font-size:15px}.add-form-card{max-width:520px;padding:28px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.form-select{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text);font-size:14px}.form-select:focus,.add-form-card input:focus,.modal-form input:focus{outline:none;border-color:#00e5a066;box-shadow:0 0 0 3px var(--accent-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-hint{font-size:12px;color:var(--accent);margin-top:6px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:14px;cursor:pointer}.modal-form .field{margin-bottom:14px}.modal-form .field label{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.modal-form input,.add-form-card input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text);font-size:14px}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.8) sepia(100%) saturate(10000%) hue-rotate(110deg);opacity:.85;transition:opacity .2s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.mode-toggle{display:flex;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--glass-border);overflow:hidden}.mode-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.mode-btn.active{background:var(--accent-soft);color:var(--accent)}.solo-upgrade-card{text-align:center;padding:48px 32px;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-lg);max-width:480px}.solo-upgrade-card h3{font-size:18px;margin:0 0 10px}.solo-upgrade-card p{color:var(--text-2);margin:0 0 24px;line-height:1.5}.btn-press{transition:transform .12s ease}.btn-press:active{transform:scale(.96)}.sub-card:hover{transform:translateY(-4px) scale(1.01)}.sub-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.sub-status-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.sub-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sub-logo{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--font-mono)}.sub-header-text{flex:1;min-width:0}.sub-name{font-weight:700;font-size:16px;color:var(--text);line-height:1.3}.sub-plan{font-size:13px;color:var(--text-2);margin-top:2px}.sub-pricing-block{margin:14px 0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border)}.sub-pricing-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2);margin-bottom:8px}.sub-assignee{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);margin-bottom:10px;padding:6px 10px;background:var(--bg-elevated);border-radius:6px}.sub-assignee i{color:var(--accent);font-size:14px}.sub-usage-block{margin-bottom:12px}.renewal-auto{color:var(--text-2)!important;margin-left:4px}.sub-cost-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.sub-cost{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--text)}.sub-cost span{font-size:13px;color:var(--text-2);font-family:var(--font-body)}.sub-cost-inr{font-size:13px;color:var(--text-2);font-weight:500}.progress-bar{height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden;margin-top:4px}.progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.progress-meta{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--text-2);margin-bottom:6px}.waste-chip{font-size:11px;color:var(--warn);background:var(--warn-soft);padding:5px 10px;border-radius:6px;margin:10px 0}.renewal-line{font-size:14px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.sub-actions{display:flex;gap:8px}.btn-sm{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition);border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text)}.btn-sm:hover{border-color:#ffffff26}.btn-sm.accent{border-color:#00e5a04d;background:var(--accent-soft);color:var(--accent)}.btn-sm.danger{border:none;background:var(--danger);color:#fff}.btn-sm.danger:hover{box-shadow:0 4px 16px #ff4d6a66}.btn-sm.pay-neutral{border:none;background:var(--bg-hover);color:var(--text)}.btn-sm.pay-neutral:hover{background:#374151;color:#fff}[data-theme=light] .btn-sm.pay-neutral:hover{background:#d1d5db;color:#111}.btn-sm.upgrade-gray{border:1px solid var(--glass-border);background:var(--gray-btn-bg);color:var(--gray-btn-text)}.btn-sm.upgrade-gray:hover{background:var(--text-3);color:var(--bg-surface)}.btn-sm.upgrade-btn-blue{border:1px solid rgba(66,133,244,.3);background:#4285f41f;color:#5c93ff}.btn-sm.upgrade-btn-blue:hover{background:#4285f440;color:#fff;box-shadow:0 4px 16px #4285f44d}.urgency-critical{color:var(--urgency-critical)}.urgency-warning{color:var(--urgency-warning)}.urgency-future{color:var(--urgency-future)}.urgency-dot-critical{background:var(--urgency-critical)}.urgency-dot-warning{background:var(--urgency-warning)}.urgency-dot-future{background:var(--urgency-future)}.renewal-row.urgency-critical{border-left:3px solid var(--urgency-critical)}.renewal-row.urgency-warning{border-left:3px solid var(--urgency-warning)}.renewal-row.urgency-future{border-left:3px solid var(--urgency-future)}.renewal-alert.urgency-critical{border-color:#ef44444d;background:#ef44440f}.renewal-alert.urgency-warning{border-color:#eab3084d;background:#eab3080f}.renewal-alert.urgency-future{border-color:#9ca3af40;background:#9ca3af0f}.renewal-group-sub{color:var(--text-3);font-weight:400;margin-left:4px}.renewal-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:8px;border:1px solid;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.renewal-alert i{font-size:18px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-muted{background:var(--bg-hover);color:var(--text-2)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;border:2px solid}.data-table{border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);overflow:hidden}.data-table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.4fr;padding:12px 20px;background:var(--bg-elevated);font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.data-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1.4fr;padding:14px 20px;align-items:center;border-top:1px solid var(--glass-border);transition:background var(--transition)}.data-table-row:hover{background:var(--bg-hover)}.renewal-group{margin-bottom:28px}.renewal-group-label{font-size:13px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.renewal-group-label .dot{width:8px;height:8px;border-radius:50%}.renewal-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);margin-bottom:10px;transition:transform var(--transition)}.renewal-row:hover{transform:translate(4px)}.renewal-countdown{text-align:right;margin-right:8px}.renewal-countdown-num{font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1}.renewal-countdown-label{font-size:12px;color:var(--text-2);font-weight:500}.renewal-actions{display:flex;flex-direction:column;gap:6px}.health-card{display:flex;align-items:center;gap:20px;padding:22px 24px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--glass-border);margin-bottom:24px;position:relative;overflow:hidden}.health-card:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:var(--score-color, var(--accent));opacity:.06}.health-ring{width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:3px solid;flex-shrink:0}.health-score{font-family:var(--font-mono);font-size:24px;font-weight:500;line-height:1}.health-max{font-size:10px;opacity:.7}.health-card-title{font-family:var(--font-display);font-weight:700;font-size:17px}.health-card-desc{font-size:14px;color:var(--text-2);margin-top:8px;line-height:1.5}.health-card-bright{border-color:#00e5a026}.health-card-desc-bright{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.health-stat-pill{display:inline-flex;padding:4px 10px;border-radius:99px;background:var(--bg-elevated);border:1px solid var(--glass-border);font-size:13px;color:var(--text)}.health-stat-pill.warn{border-color:#ffb02059;color:var(--warn)}.circle-progress{position:relative;flex-shrink:0}.circle-progress svg{transform:rotate(-90deg)}.circle-progress-track{fill:none;stroke:var(--bg-hover)}.circle-progress-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.circle-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle-progress-value{font-family:var(--font-mono);font-size:22px;font-weight:500;line-height:1}.circle-progress-max{font-size:10px;opacity:.7}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-elevated) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000040;font-size:13px;font-weight:500;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{border-color:#2ee59d59}.toast-success i{color:var(--ok)}.toast-error{border-color:#ff4d6a59}.toast-error i{color:var(--danger)}.toast-info{border-color:#00e5a059}.toast-info i{color:var(--accent)}.toast-close{margin-left:auto;background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:flex}.toast-close:hover{color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;padding:24px;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--glass-border);box-shadow:0 24px 64px #0006;animation:fadeUp .25s ease;position:relative}.modal-form-lg{max-width:480px}.add-sub-modal{max-width:720px!important;width:100%;padding:28px 32px}.add-sub-modal-wide{max-width:820px!important}.modal-overlay-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.add-sub-section-glow:hover{box-shadow:0 0 24px #00e5a014}.add-sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.add-sub-section{padding:18px 20px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--glass-border);transition:border-color var(--transition)}.add-sub-section:hover{border-color:#00e5a033}.add-sub-section-full{grid-column:1 / -1}.add-sub-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.add-sub-section-title i{color:var(--accent);font-size:18px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.modal-close:hover{color:var(--text);border-color:#ff4d6a66;background:var(--danger-soft)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 10px}.modal-message{font-size:14px;color:var(--text-2);line-height:1.5;margin:0 0 20px}.modal-form .field label{color:var(--text-2);font-size:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions .btn-primary{width:auto;padding:10px 20px}.modal-confirm.danger{background:var(--danger);color:#fff}.modal-confirm.danger:hover{box-shadow:0 4px 16px #ff4d6a66}.checkout-summary{background:var(--bg-base);border:1px solid var(--glass-border);border-radius:10px;padding:14px 16px;margin-bottom:20px;font-size:13px}.checkout-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.checkout-summary-row.muted{color:var(--text-2);font-size:12px}.checkout-summary-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--glass-border);padding-top:10px;margin-top:8px;font-weight:700;color:var(--accent)}.payment-method-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text-2);font-size:11px;cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition)}.payment-method-btn:hover{border-color:#00e5a059;color:var(--text)}.payment-method-btn.active{border-color:var(--accent);color:var(--accent);background:#00e5a014}.checkout-razorpay-note{margin:12px 0 0;font-size:12px;color:var(--text-2);line-height:1.5}.checkout-razorpay-note code{font-size:11px;color:var(--accent)}.checkout-secure-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:11px;color:var(--text-muted)}.checkout-success-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#00e5a026;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:28px}.payment-spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.checkout-pricing-card{background:var(--card-bg, var(--bg-surface));border:1px solid var(--border, var(--glass-border));border-radius:16px;padding:24px;margin-bottom:32px;position:relative;overflow:hidden}.checkout-pricing-glow{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.3;pointer-events:none}.checkout-pricing-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.checkout-pricing-header h2{font-size:20px;font-weight:700;margin:0 0 6px}.checkout-pricing-header p{color:var(--text-2);margin:0;font-size:14px}.checkout-live-badge,.checkout-fx-badge{margin-left:10px;font-size:11px}.checkout-live-badge{color:var(--ok)}.checkout-fx-badge{color:var(--text-muted)}.billing-toggle{display:flex;align-items:center;gap:12px;background:var(--bg-base);padding:4px 8px;border-radius:99px;border:1px solid var(--glass-border)}.billing-toggle button{background:transparent;color:var(--text-2);border:none;border-radius:99px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer}.billing-toggle button.active{background:var(--accent-soft);color:var(--accent)}.billing-toggle .save-pill{background:var(--ok);color:#000;font-size:9px;padding:1px 4px;border-radius:4px;font-weight:700;margin-left:4px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.plan-card{background:#ffffff03;border:1px solid var(--glass-border);border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.plan-card.current{background:#00e5a008;border:2px solid var(--accent)}.plan-active-pill{position:absolute;top:12px;right:12px;background:var(--accent);color:#000;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px}.plan-card-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.plan-icon-wrap{width:32px;height:32px;border-radius:8px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center}.plan-card h3{font-size:15px;font-weight:700;margin:0}.plan-card-head span{font-size:11px;color:var(--text-3)}.plan-price-block{margin:14px 0}.plan-price{font-size:28px;font-weight:800;color:var(--text-1)}.plan-period{font-size:12px;color:var(--text-3)}.plan-inr-hint{font-size:12px;color:var(--accent);margin-top:4px}.plan-effective{font-size:11px;color:var(--ok);margin-top:2px}.plan-features{padding-left:16px;margin:0 0 20px;font-size:12px;color:var(--text-2);line-height:1.6}.plan-features li{margin-bottom:6px}.plan-cta{width:100%;background:var(--accent);color:#000;border:none;border-radius:6px;padding:10px;font-weight:700;cursor:pointer;font-size:13px}.plan-card.current .plan-cta{background:var(--bg-hover);color:var(--text-3);cursor:not-allowed}.payment-history-card{margin-bottom:32px;padding:24px;border-radius:16px;border:1px solid var(--glass-border)}.pricing-honest-banner{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px;padding:14px 16px;border-radius:12px;border:1px solid rgba(0,229,160,.25);background:var(--accent-soft);font-size:13px;line-height:1.55;color:var(--text-2)}.pricing-honest-banner i{color:var(--accent);font-size:18px;margin-top:2px;flex-shrink:0}.pricing-honest-banner p{margin:0}.pricing-honest-banner strong{color:var(--text-1)}.payment-history-card h2{font-size:18px;margin-bottom:12px}.payment-history-card>p{font-size:13px;color:var(--text-2);margin-bottom:16px}.payment-history-empty{color:var(--text-muted);font-size:13px}.payment-history-list{display:flex;flex-direction:column;gap:8px}.payment-history-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;border:1px solid var(--glass-border);font-size:13px}.payment-history-row span{color:var(--text-muted);margin-left:8px}.payment-history-amount{text-align:right}.payment-history-amount .ok{color:var(--ok);font-size:11px}.payment-receipt-btn{margin-top:8px;font-size:11px;padding:4px 10px}.membership-report-card{margin-bottom:20px}.membership-report-card h2{font-size:1.1rem;margin:0 0 6px}.membership-report-card>p{color:var(--text-3);font-size:13px;margin:0 0 16px}.membership-report-wrap{overflow-x:auto}.membership-report-table{width:100%;border-collapse:collapse;font-size:13px}.membership-report-table th,.membership-report-table td{padding:12px 10px;border-bottom:1px solid var(--glass-border);text-align:left;vertical-align:top}.membership-report-table th{color:var(--text-3);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.membership-member-cell strong{display:block;color:var(--text-1)}.membership-member-cell span{display:block;color:var(--text-3);font-size:12px;margin-top:2px}.membership-pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize;background:var(--bg-elevated);color:var(--text-2)}.membership-pill.ok{background:var(--accent-soft);color:var(--ok)}.membership-pill.warn{background:var(--warn-soft);color:var(--warn)}.membership-muted{color:var(--text-3);font-size:12px}.pricing-upsell{padding:24px;text-align:center;color:var(--text-2)}.pricing-upsell i{font-size:32px;color:var(--text-3);margin-bottom:8px}.checkout-modal{max-width:460px}.checkout-region-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkout-region-toggle button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:10px;border:1px solid var(--glass-border);background:var(--bg-base);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer}.checkout-region-toggle button.active{border-color:var(--accent);color:var(--accent);background:#00e5a014}.checkout-intl-note{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:#ffc10714;border:1px solid rgba(255,193,7,.25);font-size:12px;color:var(--text-2);line-height:1.5}.checkout-intl-note i{color:#ffc107;margin-top:2px;flex-shrink:0}.checkout-intl-note a{color:var(--accent)}.checkout-form{display:flex;flex-direction:column;gap:16px}.checkout-brand-row{display:flex;align-items:center;gap:12px}.checkout-brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#00b87a);color:#000;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center}.checkout-brand-sub{margin:0;font-size:12px;color:var(--text-muted)}.checkout-plan-pill{background:#00e5a014;border:1px solid rgba(0,229,160,.2);border-radius:99px;padding:8px 14px;font-size:13px;color:var(--text-2)}.checkout-summary-hero{text-align:center;padding:20px 16px}.checkout-inr-total{font-size:36px;font-weight:800;color:var(--accent);line-height:1.1}.checkout-usd-note{margin-top:6px;font-size:13px;color:var(--text-2)}.checkout-fx-source{margin-top:4px;font-size:11px;color:var(--text-muted)}.checkout-accepted p{margin:0 0 10px;font-size:13px;color:var(--text-2)}.checkout-accepted-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checkout-accepted-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:8px;border:1px solid var(--glass-border);background:var(--bg-base);font-size:10px;color:var(--text-2)}.checkout-accepted-item i{font-size:18px;color:var(--accent)}.checkout-trust-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-2)}.checkout-trust-list li{display:flex;align-items:center;gap:8px}.checkout-trust-list i{color:var(--accent)}.checkout-actions{display:flex;gap:10px}.checkout-actions .btn-outline,.checkout-pay-btn{flex:1}.checkout-pay-btn{font-weight:700}.checkout-success-panel,.checkout-loading-panel{text-align:center;padding:32px 0}.checkout-success-panel h3,.checkout-loading-panel h3{font-size:20px;font-weight:700;margin-bottom:8px}.checkout-success-panel p,.checkout-loading-panel p{color:var(--text-2);font-size:14px;margin:0}.rec-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);margin-bottom:12px;transition:border-color var(--transition)}.rec-card:hover{border-color:#ffffff1f}.rec-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rec-icon i{font-size:20px}.rec-title{font-weight:600;font-size:16px;margin-bottom:6px;color:var(--text)}.rec-desc{font-size:14px;color:var(--text-2);line-height:1.55}.rec-body{flex:1;min-width:0}.rec-card-bright{padding:20px 22px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.ai-savings-section{margin:28px 0 32px}.ai-savings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ai-savings-title{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-savings-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#f5503626;color:#f55036;border:1px solid rgba(245,80,54,.35)}.ai-savings-card{padding:16px 18px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-surface);margin-bottom:14px}.ai-savings-muted{display:flex;align-items:flex-start;gap:10px;color:var(--text-2);font-size:13px}.ai-savings-muted i{color:var(--text-3);margin-top:2px}.ai-savings-summary{border-color:#f5503633;background:linear-gradient(135deg,rgba(245,80,54,.06),transparent)}.ai-savings-summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:8px}.ai-savings-summary p{margin:0;font-size:14px;line-height:1.55;color:var(--text)}.ai-savings-cached{display:inline-block;margin-top:10px;font-size:11px;color:var(--text-3)}.ai-insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px}.ai-insight-pill{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-base)}.ai-insight-pill.priority-high{border-color:#ff4d6a4d}.ai-insight-pill.priority-medium{border-color:#ffc10740}.ai-insight-title{font-size:13px;font-weight:600;margin-bottom:4px}.ai-insight-detail{font-size:12px;color:var(--text-2);line-height:1.45}.ai-rec-subtitle{font-size:14px;font-weight:600;margin:0 0 12px;color:var(--text-2)}.ai-rec-card{border-color:#f550361f}.rec-card-bright:hover{transform:translateY(-2px);border-color:#00e5a033;box-shadow:0 8px 24px #0003}.rec-side{margin-left:auto;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.rec-saving{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--ok)}.team-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);margin-bottom:10px;transition:background var(--transition)}.team-row:hover{background:var(--bg-hover)}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.btn-outline:hover{border-color:#00e5a04d;background:var(--accent-soft)}.google-signin-btn{width:100%;justify-content:center;gap:8px}.google-signin-hint{margin-top:8px;font-size:11px;color:var(--text-muted);line-height:1.45;text-align:center}.google-signin-hint code{font-size:10px;color:var(--text-2)}.loading-state{text-align:center;padding:64px 24px;color:var(--text-2)}.spinner{width:32px;height:32px;border:2px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{padding:16px 20px;border-radius:var(--radius);background:var(--danger-soft);border:1px solid rgba(255,77,106,.25);color:var(--danger);font-size:14px;margin-bottom:24px}.error-banner p{margin:8px 0 0;font-size:13px;color:var(--text-2)}.tool-search{position:relative}.tool-search-input-wrap{display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-elevated);transition:border-color var(--transition),box-shadow var(--transition)}.tool-search-input-wrap.open,.tool-search-input-wrap:focus-within{border-color:#00e5a066;box-shadow:0 0 0 3px var(--accent-soft)}.tool-search-input{flex:1;border:none;background:transparent;color:var(--text);font-size:14px;padding:12px 0;outline:none}.tool-search-input::placeholder{color:var(--text-3)}.tool-search-chevron{color:var(--text-2);font-size:16px}.tool-search-logo{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.tool-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 12px 40px #00000059;z-index:100;list-style:none;margin:0;padding:6px}.tool-search-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left;transition:background var(--transition)}.tool-search-option:hover,.tool-search-option.selected{background:var(--accent-soft)}.tool-search-name{flex:1;font-size:15px;font-weight:600;color:var(--text)}.tool-search-default{font-size:12px;color:var(--text-2);font-family:var(--font-mono)}.tool-search-empty{padding:16px;text-align:center;color:var(--text-2);font-size:14px}.add-form-card .field label,.modal-form .field label{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.summary-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 0;padding:16px 20px;margin-bottom:20px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--glass-border)}.summary-item{display:flex;flex-direction:column;gap:4px;padding:0 20px}.summary-item:first-child{padding-left:0}.summary-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2)}.summary-value{font-family:var(--font-mono);font-size:24px;font-weight:700;color:var(--text)}.summary-item.accent .summary-value{color:var(--accent)}.summary-divider{width:1px;height:36px;background:var(--glass-border)}.section-separator{margin-top:32px;padding-top:24px;border-top:1px solid var(--glass-border)}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.team-card{padding:18px 20px;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--glass-border);transition:border-color var(--transition),transform var(--transition)}.team-card:hover{border-color:#00e5a033;transform:translateY(-2px)}.team-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.team-card-info{flex:1;min-width:0}.team-card-name{font-weight:700;font-size:17px;color:var(--text)}.team-card-email{font-size:14px;color:var(--text-2);margin-top:4px;display:flex;align-items:center;gap:6px;font-weight:500}.team-card-tools{font-size:14px;color:var(--text-2);line-height:1.55;margin-bottom:12px;min-height:22px;font-weight:500}.team-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--glass-border)}.team-card-spend{font-family:var(--font-mono);font-size:22px;font-weight:700;color:var(--text)}.team-card-count{font-size:12px;color:var(--accent);font-weight:600}.renewal-row-v2{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:16px 18px!important}.renewal-row-body{min-width:0}.renewal-row-title{font-weight:700;font-size:16px;color:var(--text)}.renewal-row-plan{font-size:15px;color:var(--text-2);margin-top:4px;font-weight:500}.renewal-row-email{font-size:14px;color:var(--text-2);margin-top:6px;display:flex;align-items:center;gap:6px;font-weight:500}.renewal-remaining.urgency-critical .renewal-remaining-num{color:var(--danger)}.renewal-remaining.urgency-warning .renewal-remaining-num{color:var(--warn)}.renewal-remaining.urgency-ok .renewal-remaining-num{color:var(--ok)}.renewal-actions-v2{display:flex;flex-direction:column;gap:8px;min-width:120px}.renewal-row-v3{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px!important;flex-wrap:wrap}.renewal-row-left{display:flex;align-items:center;gap:14px;flex:1;min-width:200px}.renewal-row-flow{display:flex;align-items:center;gap:12px;flex-shrink:0}.renewal-remaining{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 18px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border);min-width:110px;text-align:center}.renewal-remaining-num{font-family:var(--font-mono);font-size:32px;font-weight:800;line-height:1}.renewal-remaining-text{font-size:12px;font-weight:600;color:var(--text-2);margin-top:4px;white-space:nowrap}.renewal-flow-btn{min-width:118px!important;padding:10px 16px!important;font-size:14px!important;font-weight:600!important}.view-modal{max-width:440px}.view-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.view-modal-plan{font-size:14px;color:var(--text-2);margin:4px 0 0}.view-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.view-modal-item{padding:12px 14px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--glass-border)}.view-modal-item.full{grid-column:1 / -1}.view-modal-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:6px}.view-modal-value{font-size:16px;font-weight:600;color:var(--text)}.view-modal-sub{display:block;font-size:12px;color:var(--text-2);margin-top:2px}.field-error{font-size:12px;color:var(--danger);margin-top:6px}.input-invalid{border-color:#ff4d6a80!important;box-shadow:0 0 0 2px var(--danger-soft)!important}.sub-card-interactive{animation:cardFadeIn .45s ease backwards;animation-delay:var(--stagger, 0s);position:relative;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sub-card-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--tool-color) 18%,transparent),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}.sub-card-interactive:hover .sub-card-glow{opacity:1}.sub-card-interactive:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 16px 40px #00000059,0 0 0 1px color-mix(in srgb,var(--tool-color) 25%,transparent);border-color:color-mix(in srgb,var(--tool-color) 30%,var(--glass-border))}.sub-logo-pulse{transition:transform .3s}.sub-card-interactive:hover .sub-logo-pulse{transform:scale(1.08)}.progress-bar-lg{height:6px;border-radius:3px}.progress-fill-animated{transition:width .8s cubic-bezier(.4,0,.2,1)}.sub-cost-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sub-cost-per-seat{font-size:13px;font-weight:600;color:var(--accent)}.seat-chips{margin-bottom:12px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.seat-chips-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin-bottom:8px;display:flex;align-items:center;gap:6px}.seat-chips-row{display:flex;flex-wrap:wrap;gap:6px}.seat-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:var(--accent-soft);border:1px solid rgba(0,229,160,.25);font-size:12px;font-weight:600;color:var(--text);transition:transform .2s}.seat-chip:hover{transform:scale(1.05)}.seat-chip-num{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#000;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.seat-chip.empty{background:var(--bg-hover);border-color:var(--glass-border);color:var(--text-2)}.plan-chip{transition:all .15s ease-in-out}.plan-chip:hover{transform:translateY(-1px)}.seat-email-block{width:100%}.seat-email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.seat-email-title{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.seat-email-title i{color:var(--accent)}.seat-email-count{font-size:13px;font-weight:600;color:var(--accent);padding:4px 10px;background:var(--accent-soft);border-radius:99px}.seat-email-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:240px;overflow-y:auto;padding-right:6px}.seat-email-grid::-webkit-scrollbar,.modal::-webkit-scrollbar{width:6px;height:6px}.seat-email-grid::-webkit-scrollbar-track,.modal::-webkit-scrollbar-track{background:#ffffff05;border-radius:99px}.seat-email-grid::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb{background:#00e5a040;border-radius:99px}.seat-email-grid::-webkit-scrollbar-thumb:hover,.modal::-webkit-scrollbar-thumb:hover{background:#00e5a073}.seat-email-row label{font-size:12px;font-weight:600;color:var(--text-2);display:block;margin-bottom:6px}.seat-email-input-wrap{display:flex;gap:6px}.seat-email-input-wrap input{flex:1;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-surface);color:var(--text);font-size:14px}.seat-email-row.filled .seat-email-input-wrap input{border-color:#00e5a059}.seat-email-row.invalid .seat-email-input-wrap input{border-color:#ff4d6a80}.seat-email-pick{padding:8px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text-2);font-size:12px;cursor:pointer}.seat-email-hint{margin-top:12px;font-size:13px;color:var(--text-2);font-weight:500}.dept-badge{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--dept-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--dept-color) 35%,transparent);color:var(--dept-color)}.dept-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.dept-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--glass-border);background:var(--bg-elevated);color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.dept-filter-btn:hover,.dept-filter-btn.active{border-color:color-mix(in srgb,var(--dept-color, var(--accent)) 40%,transparent);background:color-mix(in srgb,var(--dept-color, var(--accent)) 12%,transparent);color:var(--text);transform:translateY(-1px)}.dept-section{margin-bottom:32px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:linear-gradient(135deg,color-mix(in srgb,var(--dept-color) 4%,var(--bg-surface)),var(--bg-surface))}.dept-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.dept-section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text)}.dept-section-title i{color:var(--dept-color);font-size:22px}.dept-section-count{font-size:13px;font-weight:600;color:var(--text-2);margin-left:8px}.dept-section-spend{font-family:var(--font-mono);font-size:16px;font-weight:700;color:var(--dept-color)}.team-card-interactive{transition:transform .25s,box-shadow .25s,border-color .25s}.team-card-interactive:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000040;border-color:#00e5a033}.team-card-badges{display:flex;gap:8px}.summary-sub{font-size:12px;color:var(--accent);font-weight:600}.status-critical{color:var(--danger)}.status-warning{color:var(--warn)}.status-ok{color:var(--ok)}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg-surface);border-top:1px solid var(--glass-border);gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-nav-item{flex:1;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-3);font-size:10px;font-weight:500;cursor:pointer;position:relative}.mobile-nav-item i{font-size:20px}.mobile-nav-item.active{color:var(--accent);background:var(--accent-soft)}.mobile-nav-badge{position:absolute;top:4px;right:8px;width:16px;height:16px;border-radius:50%;background:var(--danger);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.seat-count-block{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:12px;border-radius:10px;background:#ffffff08;border:1px dashed var(--glass-border);font-size:12px;color:var(--text-2);cursor:pointer;transition:border-color .2s,background .2s}.seat-count-block:hover{border-color:#00e5a04d;background:#00e5a00a}.seat-count-block i{color:var(--accent);font-size:14px}.seat-count-block strong{color:var(--text-1);font-family:var(--font-mono)}.seat-count-disabled{color:var(--danger);font-size:11px}.seat-status-signal{width:8px;height:8px;border-radius:50%;flex-shrink:0}.seat-status-signal.active{background:var(--accent);box-shadow:0 0 8px #00e5a099}.seat-status-signal.disabled{background:var(--danger);box-shadow:0 0 8px #ff4d6a66}.seat-tool-logo{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.seat-dept-pill{font-size:10px;background:#ffffff0d;padding:2px 6px;border-radius:4px;text-transform:capitalize;color:var(--text-3)}.seat-toggle-wrap{display:flex;align-items:center;gap:8px}.seat-billing-toggle{position:relative;display:inline-block;width:40px;height:22px;cursor:pointer}.seat-billing-toggle.locked{opacity:.45;cursor:not-allowed}.seat-billing-toggle input{opacity:0;width:0;height:0}.seat-billing-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:22px;transition:.25s}.seat-billing-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s}.seat-billing-toggle input:checked+.seat-billing-slider{background:var(--accent);box-shadow:0 0 10px #00e5a073}.seat-billing-toggle input:checked+.seat-billing-slider:before{transform:translate(18px)}.seat-billing-label{font-size:12px;font-weight:600}.seat-billing-label.on{color:var(--accent)}.seat-billing-label.off{color:var(--text-3)}.seat-actions-row{display:inline-flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.seat-pay-now{text-decoration:none;color:var(--accent)!important;border-color:#00e5a040!important}.seat-pay-now-off{opacity:.4;cursor:not-allowed;pointer-events:none;color:var(--text-3)!important;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;border:1px dashed var(--border);border-radius:6px}.seat-delete-btn{color:var(--danger)!important;border-color:#ff4d6a40!important}.seat-delete-btn:hover:not(.locked){background:#ff4d6a1a!important}.seat-delete-btn.locked{opacity:.35;cursor:not-allowed}.edit-seat-modal{max-width:480px;width:100%}.edit-seat-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.edit-seat-modal-intro{margin-bottom:16px;font-size:13px}.edit-seat-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;padding:14px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:10px}.edit-seat-summary-item{display:flex;flex-direction:column;gap:4px}.edit-seat-price{font-size:20px;font-weight:700;color:var(--text-1)}.edit-seat-price.disabled{display:flex;align-items:baseline;gap:8px}.edit-seat-price-struck{text-decoration:line-through;opacity:.45;font-size:16px}.edit-seat-price-zero{color:var(--danger);font-size:20px}.edit-seat-price-unit{font-size:12px;font-weight:500;color:var(--text-muted);margin-left:2px}.edit-seat-renewal{font-size:14px;font-weight:600;color:var(--text-1)}.edit-seat-renewal.paid-through{color:var(--ok)}.edit-seat-billing-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;margin-bottom:16px;background:#ffffff05;border:1px dashed var(--glass-border);border-radius:10px}.edit-seat-status-line{display:flex;align-items:center;gap:8px;margin-top:4px}.edit-seat-billing-toggle{flex-shrink:0}.edit-seat-owner-hint{font-size:12px;color:var(--text-muted);margin:-8px 0 12px}.edit-seat-pay-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px dashed var(--glass-border)}.edit-seat-pay-btn{flex:1;min-width:140px;justify-content:center;text-decoration:none;text-align:center}.edit-seat-modal-actions{margin-top:20px}.edit-seat-locked-tag{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.edit-seat-locked-tag i{font-size:12px}.edit-seat-email-locked{opacity:.85;cursor:not-allowed;background:#ffffff08!important;border-color:var(--glass-border)!important;color:var(--text-muted)!important}.edit-seat-period-block{margin-bottom:12px;padding:12px 14px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:10px}.tool-billing-grid-wrap{background:var(--card-bg, var(--bg-surface));border:1px solid var(--glass-border);border-radius:16px;padding:24px}.tool-billing-grid-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.tool-billing-grid-title{font-size:20px;font-weight:700;margin:0 0 6px}.tool-billing-grid-title i{margin-right:6px;color:var(--accent)}.tool-billing-grid-sub{color:var(--text-2);margin:0;font-size:14px}.tool-billing-grid-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tool-billing-search{min-width:260px}.tool-link-test-banner{display:flex;align-items:center;gap:8px;padding:12px 14px;margin-bottom:16px;border-radius:10px;background:var(--accent-soft);border:1px solid rgba(0,229,160,.2);color:var(--accent);font-size:13px}.tool-link-test-banner code{font-family:var(--font-mono);font-size:12px;background:#0003;padding:2px 6px;border-radius:4px}.tool-billing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.tool-billing-card{position:relative;padding:16px;border-radius:12px;border:1px solid var(--glass-border);background:#ffffff05;transition:border-color .2s,transform .2s}.tool-billing-card:hover{border-color:#00e5a040;transform:translateY(-2px)}.tool-billing-active-badge{position:absolute;top:10px;right:10px;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(0,229,160,.2)}.tool-billing-card-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tool-billing-logo{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.tool-billing-card h3{font-size:14px;font-weight:600;margin:0}.tool-billing-meta{font-size:11px;color:var(--text-2)}.tool-billing-meta.muted{color:var(--text-3)}.tool-billing-card-actions{display:flex;gap:6px;flex-wrap:wrap}.tool-billing-card-actions .btn-sm{flex:1;min-width:72px;justify-content:center;text-decoration:none}.pay-now-btn{background:linear-gradient(135deg,var(--accent),#00c98a)!important;color:var(--bg-base)!important;border:none!important;font-weight:600}.pay-now-btn:hover{filter:brightness(1.08);box-shadow:0 4px 16px #00e5a059}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0 8px}.chart-card{background:var(--surface-2);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:18px 20px;transition:border-color .2s,box-shadow .2s}.chart-card:hover{border-color:#00e5a033;box-shadow:0 8px 28px #0003}.chart-card-wide{grid-column:1 / -1}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.chart-card-title{font-size:14px;font-weight:600;margin:0;color:var(--text-1)}.chart-card-sub{font-size:13px;font-weight:600;color:var(--text-2);font-family:var(--font-mono)}.chart-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding:4px 10px;border-radius:99px;border:1px solid rgba(0,229,160,.3);background:#00e5a014}.chart-toggle-group{display:inline-flex;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:8px;padding:2px}.chart-toggle-btn{background:transparent;border:none;color:var(--text-3);font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.chart-toggle-btn:hover{color:var(--text-2)}.chart-toggle-btn.active{background:var(--accent);color:var(--bg-base);box-shadow:0 2px 8px #00e5a04d}.chart-body{min-height:220px}.chart-body-pie{display:flex;flex-direction:column;align-items:center}.chart-legend{display:flex;gap:16px;margin-top:8px;font-size:13px;font-weight:600;color:var(--text-2)}.chart-legend-wrap{flex-wrap:wrap;justify-content:center;gap:8px 16px}.chart-legend-item{display:flex;align-items:center;gap:6px}.chart-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip{background:var(--surface-3);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;box-shadow:0 8px 24px #0000004d}.chart-tooltip-label{font-size:11px;color:var(--text-3);margin-bottom:2px}.chart-tooltip-value{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--accent)}@media(max-width:960px){.dashboard-charts{grid-template-columns:1fr}.chart-card-wide{grid-column:auto}}@media(max-width:960px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.stat-grid,.stat-grid-2x2{grid-template-columns:repeat(2,1fr)}.stat-value-lg{font-size:32px!important}.app-sidebar{display:none}.top-header{padding:14px 18px}.top-header-workspace{font-size:17px}.top-header-sub{font-size:12px}.team-grid,.add-sub-grid{grid-template-columns:1fr}.renewal-row-v3{flex-direction:column;align-items:stretch}.renewal-row-flow{width:100%;justify-content:stretch}.renewal-flow-btn{flex:1}.summary-bar{flex-direction:column;align-items:flex-start}.summary-divider{display:none}.summary-item{padding:8px 0}.btn-header-logout span{display:none}.app-main{padding:20px 16px 88px}.mobile-nav{display:flex}.data-table-head,.data-table-row{grid-template-columns:1.5fr 1fr 1fr;font-size:12px}.data-table-head span:nth-child(n+4),.data-table-row>*:nth-child(n+4){display:none}}@media(max-width:520px){.stat-grid,.stat-grid-2x2,.form-row{grid-template-columns:1fr}.demo-btns{flex-direction:column}}.assigned-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.assigned-tool-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:14px;padding:18px}.assigned-tool-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.assigned-tool-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.assigned-tool-head h3{margin:0;font-size:16px}.assigned-tool-head p{margin:4px 0 0;color:var(--text-3);font-size:13px}.assigned-tool-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.assigned-tool-meta .label{display:block;font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}.assigned-tool-actions{display:flex;gap:8px}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .45s;--duration-slower: .7s;--accent-1: var(--accent);--accent-glow-strong: rgba(0, 229, 160, .45);--surface-glass: rgba(15, 17, 23, .72);--card-bg: var(--bg-surface);--card-border: var(--glass-border);--text-main: var(--text);--text-muted: var(--text-3)}[data-theme=light]{--surface-glass: rgba(255, 255, 255, .85);--accent-glow-strong: rgba(0, 180, 130, .25)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 10% 0%,rgba(0,229,160,.07),transparent 55%),radial-gradient(ellipse 40% 35% at 90% 10%,rgba(124,108,255,.06),transparent 50%),radial-gradient(ellipse 30% 30% at 50% 100%,rgba(255,77,106,.04),transparent 45%);animation:ambientDrift 18s ease-in-out infinite alternate}.app-content{position:relative;z-index:1}@keyframes ambientDrift{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}.page-transition{animation:pageEnter var(--duration-slow) var(--ease-out-expo) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px) scale(.985);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.page-header{animation:fadeSlideDown .5s var(--ease-out-expo) both}.page-title{background:linear-gradient(135deg,var(--text) 0%,var(--text-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.stagger-grid>*{animation:staggerFadeUp .5s var(--ease-out-expo) both}.stagger-grid>*:nth-child(1){animation-delay:.04s}.stagger-grid>*:nth-child(2){animation-delay:.08s}.stagger-grid>*:nth-child(3){animation-delay:.12s}.stagger-grid>*:nth-child(4){animation-delay:.16s}.stagger-grid>*:nth-child(5){animation-delay:.2s}.stagger-grid>*:nth-child(6){animation-delay:.24s}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-glass)!important}.sidebar-logo-mark{animation:logoPulse 3s ease-in-out infinite;box-shadow:0 0 20px var(--accent-glow)}@keyframes logoPulse{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 24px var(--accent-glow-strong)}}.nav-item{overflow:hidden;transform:translate(0)}.nav-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);transform:translate(-100%);transition:transform .5s ease;pointer-events:none}.nav-item:hover:after{transform:translate(100%)}.nav-item:hover{transform:translate(3px)}.nav-item.active{box-shadow:inset 0 0 0 1px #00e5a026;animation:navActivePop .35s var(--ease-out-back)}@keyframes navActivePop{0%{transform:scale(.97)}60%{transform:scale(1.02)}to{transform:scale(1)}}.nav-badge{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.top-header-v2{-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);background:var(--surface-glass)!important;border-bottom:1px solid var(--glass-border);animation:fadeSlideDown .4s var(--ease-out-expo) both}.theme-toggle{position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.theme-toggle:hover{transform:rotate(-12deg) scale(1.08);box-shadow:0 0 16px var(--accent-glow)}.theme-toggle:active{transform:rotate(0) scale(.92)}.theme-toggle i{display:block;transition:transform .4s var(--ease-out-back)}.theme-toggle:active i{transform:scale(.85)}.stat-card,.stat-card-lg,.card{transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) ease,border-color var(--duration-normal) ease}.stat-card:hover,.stat-card-lg:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003,0 0 0 1px #00e5a01a}.health-card{animation:healthGlow 4s ease-in-out infinite alternate}@keyframes healthGlow{0%{box-shadow:0 0 #00e5a000}to{box-shadow:0 0 40px #00e5a014}}.rec-card{transition:transform var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.rec-card:hover{transform:translate(6px);box-shadow:-4px 0 0 var(--accent),0 8px 24px #00000026}.rec-icon{transition:transform .35s var(--ease-out-back)}.rec-card:hover .rec-icon{transform:scale(1.12) rotate(-4deg)}.btn-primary,.btn{position:relative;overflow:hidden}.btn-primary:after,.btn:not(.btn-ghost):not(.nav-item):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,.25) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform .4s ease,opacity .3s ease}.btn-primary:active:after,.btn:not(.btn-ghost):active:after{opacity:1;transform:scale(2);transition:transform 0s,opacity 0s}.btn-press{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease}.btn-press:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-press:active:not(:disabled){transform:scale(.96) translateY(0)}.field input,.field select,.field textarea{transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,transform var(--duration-fast) ease}.field input:focus,.field select:focus,.field textarea:focus{transform:translateY(-1px);box-shadow:0 4px 20px #00e5a01f,0 0 0 3px var(--accent-soft)}.sub-card-interactive{transition:transform var(--duration-slow) var(--ease-out-expo),box-shadow var(--duration-slow) ease,border-color var(--duration-normal) ease}.sub-action-btn{transition:transform var(--duration-fast) var(--ease-spring),background var(--duration-fast) ease,color var(--duration-fast) ease}.sub-action-btn:hover{transform:scale(1.15)}.sub-action-btn:active{transform:scale(.9)}.toast{animation:toastSlideIn .4s var(--ease-out-back) both}.toast:nth-child(2){animation-delay:.06s}.toast:nth-child(3){animation-delay:.12s}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-close{transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast) ease}.toast-close:hover{transform:rotate(90deg) scale(1.1)}.modal-overlay{animation:overlayFade .25s ease both}.modal-panel,.modal-content,.modal{animation:modalPop .35s var(--ease-out-back) both}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.agent-widget{position:fixed;bottom:24px;right:24px;z-index:999}.agent-fab{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;box-shadow:0 8px 28px #00e5a059;animation:fabEnter .5s var(--ease-out-back) both;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-normal) ease}.agent-fab:hover{transform:scale(1.08);box-shadow:0 12px 36px #00e5a080}.agent-fab:active{transform:scale(.94)}.agent-fab i{font-size:24px;animation:sparkleRotate 4s linear infinite}@keyframes fabEnter{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fabFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sparkleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.agent-panel{width:360px;height:480px;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;padding:0;border:1px solid var(--glass-border);background:var(--bg-surface);box-shadow:0 24px 64px #00000073,0 0 0 1px #00e5a01a;animation:panelSlideUp .4s var(--ease-out-expo) both;transform-origin:bottom right}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.agent-panel-header{background:linear-gradient(135deg,var(--accent),var(--accent-2));padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.agent-panel-title{color:#000;font-weight:700;font-size:14px}.agent-panel-sub{color:#0009;font-size:11px}.agent-close-btn{background:#00000026;border:none;color:#000;cursor:pointer;border-radius:50%;width:24px;height:24px;font-weight:700;transition:transform var(--duration-fast) var(--ease-spring)}.agent-close-btn:hover{transform:rotate(90deg) scale(1.1)}.agent-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.agent-msg{padding:8px 12px;border-radius:12px;max-width:85%;font-size:13px;white-space:pre-line;animation:msgPop .3s var(--ease-out-back) both}@keyframes msgPop{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.agent-msg-user{align-self:flex-end;background:var(--accent-soft);color:var(--accent)}.agent-msg-agent{align-self:flex-start;background:var(--bg-hover);color:var(--text)}.agent-msg-thinking{align-self:flex-start;background:var(--bg-hover);color:var(--text-muted)}.agent-msg-thinking:after{content:"...";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.agent-chips{padding:0 12px 8px;display:flex;gap:6px;flex-wrap:wrap}.agent-chip{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-muted);padding:4px 10px;border-radius:12px;font-size:11px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo)}.agent-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-soft)}.agent-form{border-top:1px solid var(--glass-border);padding:12px;display:flex;gap:8px}.agent-input{flex:1;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;color:var(--text);font-size:13px;transition:border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease}.agent-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.agent-send-btn{background:var(--accent);color:#000;border:none;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring)}.agent-send-btn:hover:not(:disabled){transform:scale(1.05)}.agent-send-btn:active:not(:disabled){transform:scale(.95)}.agent-send-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface-glass)!important}.mobile-nav-item{transition:transform var(--duration-fast) var(--ease-spring),color var(--duration-normal) ease}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item.active{animation:navActivePop .3s var(--ease-out-back)}.progress-fill,.progress-fill-animated{animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.skeleton-card,.skeleton{animation:shimmer 1.4s ease-in-out infinite}.auth-card{animation:authCardEnter .6s var(--ease-out-expo) both}@keyframes authCardEnter{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.type-option{transition:transform var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) ease,box-shadow var(--duration-normal) ease,background var(--duration-normal) ease}.type-option:hover{transform:translate(8px) scale(1.01);box-shadow:0 8px 24px #00e5a01a}.type-option:active{transform:translate(4px) scale(.99)}.health-card circle,circle-progress{transition:stroke-dashoffset 1s var(--ease-out-expo)}.urgency-critical .urgency-badge,.urgency-critical{animation:urgencyPulse 2s ease-in-out infinite}@keyframes urgencyPulse{0%,to{box-shadow:0 0 #ff4d6a00}50%{box-shadow:0 0 12px #ff4d6a59}}.landing{--lp-accent: #00FF88;--lp-accent-2: #00B4FF;--lp-bg: #0A0E27;--lp-surface: #0F172A;--lp-border: rgba(255, 255, 255, .08);--lp-text: #E2E8F0;--lp-muted: #94A3B8;--lp-warning: #FFB800;--lp-danger: #FF3366;background:var(--lp-bg);color:var(--lp-text);min-height:100vh;overflow-x:hidden;font-family:Inter,sans-serif}.landing h1,.landing h2,.landing h3{font-family:Inter,sans-serif!important;font-weight:800!important}.landing p,.landing li,.landing a,.landing span,.landing button,.landing input{font-family:Inter,sans-serif!important}.landing-counter,.lp-stat-value,.lp-ticker-value{font-family:Poppins,sans-serif!important;font-weight:800!important}.hero-gradient-text{background:linear-gradient(135deg,var(--lp-accent) 0%,var(--lp-accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}[data-theme=light] .landing{--lp-bg: #f4f5f7;--lp-surface: #ffffff;--lp-border: rgba(0, 0, 0, .08);--lp-text: #111827;--lp-muted: #6b7280}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;background:#07080cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--lp-border);transition:transform .3s ease}[data-theme=light] .landing-nav{background:#ffffffe6}.landing-nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:17px;cursor:pointer}.landing-nav-brand-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-2));display:flex;align-items:center;justify-content:center}.landing-nav-brand-mark i{font-size:16px;color:var(--lp-bg)}.landing-nav-links{display:flex;gap:28px}.landing-nav-links a{color:var(--lp-text);opacity:.8;text-decoration:none;font-size:15px;font-weight:600;transition:color .25s,opacity .25s}.landing-nav-links a:hover{color:var(--lp-accent);opacity:1}.landing-nav-cta{padding:9px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,var(--lp-accent),#00c98a);color:var(--lp-bg);font-weight:600;font-size:13px;cursor:pointer;transition:transform .15s,box-shadow .2s}.landing-nav-cta:hover{transform:scale(1.03);box-shadow:0 4px 20px #00e5a059}.landing-nav-cta:active{transform:scale(.97)}.landing-nav-link-btn{background:none;border:none;color:var(--lp-text);font-weight:600;font-size:14px;cursor:pointer;padding:8px 16px;transition:color .2s,transform .2s;outline:none}.landing-nav-link-btn:hover{color:var(--lp-accent)}.landing-nav-link-btn:active{transform:scale(.96)}.landing-section{max-width:1100px;margin:0 auto;padding:0 24px}.landing-hero{padding:140px 24px 80px;text-align:center;position:relative}.landing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(0,229,160,.12) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(0,212,255,.08) 0%,transparent 50%);pointer-events:none}.landing-hero-inner{position:relative;max-width:800px;margin:0 auto}.landing-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 20px;animation:lpFadeUp .7s ease-out}.landing-hero-sub{font-size:clamp(1rem,2vw,1.15rem);color:var(--lp-muted);line-height:1.6;margin:0 0 28px;animation:lpFadeUp .7s ease-out .1s both}.landing-counter{font-family:var(--font-mono);font-size:clamp(2.5rem,6vw,4rem);font-weight:500;color:var(--lp-accent);margin:0 0 32px;text-shadow:0 0 40px rgba(0,229,160,.3);animation:lpFadeUp .7s ease-out .2s both}.landing-hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;animation:lpFadeUp .7s ease-out .3s both}.lp-btn-primary{padding:14px 28px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--lp-accent),#00c98a);color:var(--lp-bg);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .2s}.lp-btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #00e5a066}.lp-btn-primary:active{transform:scale(.97)}.lp-btn-secondary{padding:14px 28px;border-radius:10px;border:1px solid var(--lp-border);background:transparent;color:var(--lp-text);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.lp-btn-secondary:hover{border-color:var(--lp-accent);background:#00e5a00f}.lp-microcopy{margin-top:20px;font-size:12px;color:var(--lp-muted);animation:lpFadeUp .7s ease-out .4s both}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-live-ticker{padding:48px 24px 64px}.lp-ticker-card{text-align:center;padding:36px 28px;margin-bottom:28px;border-radius:20px;border:1px solid rgba(0,229,160,.25);background:linear-gradient(180deg,rgba(0,229,160,.06) 0%,var(--lp-surface) 100%);box-shadow:0 0 60px #00e5a014}.lp-ticker-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--lp-muted);margin-bottom:12px}.lp-ticker-value{font-family:var(--font-mono);font-size:clamp(1.75rem,5vw,3rem);font-weight:600;color:#ff4d6a;text-shadow:0 0 30px rgba(255,77,106,.35);line-height:1.1;margin-bottom:8px}.lp-ticker-sub{font-size:13px;color:var(--lp-muted)}.lp-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lp-fact-card{position:relative;padding:22px 20px 20px 24px;border-radius:16px;background:var(--lp-surface);border:1px solid var(--lp-border);overflow:hidden;transition:transform .25s,border-color .25s}.lp-fact-card:hover{transform:translateY(-4px);border-color:#ffffff1f}.lp-fact-accent{position:absolute;left:0;top:0;bottom:0;width:4px}.lp-fact-cyan .lp-fact-accent{background:linear-gradient(180deg,var(--lp-accent),var(--lp-accent-2))}.lp-fact-purple .lp-fact-accent{background:linear-gradient(180deg,#a855f7,#ec4899)}.lp-fact-red .lp-fact-accent{background:linear-gradient(180deg,#ff4d6a,#f43f5e)}.lp-fact-value{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:var(--lp-text);margin-bottom:10px;line-height:1}.lp-fact-text{font-size:13px;color:var(--lp-muted);line-height:1.5;margin:0 0 12px}.lp-fact-source{font-size:11px;color:var(--lp-text-3, #5c6270);margin:0}.lp-how-it-works{padding:80px 24px;background:var(--lp-surface);border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border)}.lp-eyebrow{text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--lp-accent);margin:0 0 12px}.lp-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.lp-flow-card{position:relative;text-align:left;padding:20px 18px 48px;border-radius:16px;border:1px solid var(--lp-border);background:var(--lp-bg);cursor:pointer;transition:all .25s;overflow:hidden}.lp-flow-card:hover{border-color:#00e5a040;transform:translateY(-3px)}.lp-flow-card.active{border-color:var(--lp-accent);background:#00e5a00f;box-shadow:0 0 0 1px #00e5a026}.lp-flow-step{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-accent);margin-bottom:10px}.lp-flow-card h3{font-size:15px;font-weight:600;margin:0 0 8px;color:var(--lp-text)}.lp-flow-card p{font-size:12px;color:var(--lp-muted);line-height:1.5;margin:0}.lp-flow-icon{position:absolute;bottom:14px;right:14px;font-size:22px;color:#00e5a040;transition:color .25s}.lp-flow-card.active .lp-flow-icon,.lp-flow-card:hover .lp-flow-icon{color:var(--lp-accent)}.lp-flow-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:28px;border-radius:20px;border:1px solid var(--lp-border);background:var(--lp-bg)}.lp-flow-detail-text h3{font-size:1.35rem;font-weight:700;margin:0 0 12px}.lp-flow-detail-text p{font-size:14px;color:var(--lp-muted);line-height:1.6;margin:0 0 20px}.lp-flow-detail-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-accent);margin-bottom:10px}.lp-demo-chart{padding:18px;border-radius:16px;border:1px solid var(--lp-border);background:var(--lp-surface)}.lp-demo-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:14px;font-weight:600}.lp-demo-chart-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-accent);padding:4px 10px;border-radius:99px;border:1px solid rgba(0,229,160,.3)}.lp-stats-banner{padding:48px 24px;background:var(--lp-surface);border-top:1px solid var(--lp-border);border-bottom:1px solid var(--lp-border)}.lp-stats-inner{max-width:900px;margin:0 auto;text-align:center}.lp-stat-card{padding:28px 32px;position:relative;cursor:default;transition:transform .25s}.lp-stat-card:hover{transform:translateY(-4px)}.lp-stat-value{font-family:var(--font-mono);font-size:3rem;font-weight:500;color:var(--lp-accent-2);line-height:1;margin-bottom:12px}.lp-stat-text{font-size:15px;color:var(--lp-muted);line-height:1.5;max-width:420px;margin:0 auto 12px}.lp-stat-source{font-size:12px;color:var(--lp-text-3, #5c6270)}.lp-stat-source a{color:var(--lp-accent);text-decoration:none}.lp-stat-source a:hover{text-decoration:underline}.lp-stat-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);opacity:0;pointer-events:none;width:280px;padding:12px 14px;background:var(--lp-bg);border:1px solid var(--lp-border);border-radius:10px;font-size:13px;color:var(--lp-muted);box-shadow:0 12px 32px #0006;transition:opacity .2s,transform .2s;z-index:10}.lp-stat-card:hover .lp-stat-tooltip{opacity:1;transform:translate(-50%) scale(1)}.lp-stat-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.lp-stat-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--lp-border);cursor:pointer;padding:0;transition:background .2s,transform .2s}.lp-stat-dot.active{background:var(--lp-accent);transform:scale(1.2)}.lp-calculator{padding:80px 24px}.lp-section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;text-align:center;margin:0 0 12px}.lp-section-sub{text-align:center;color:var(--lp-muted);margin:0 0 40px;font-size:15px}.lp-pricing-honest{max-width:720px;margin:-24px auto 32px;padding:14px 18px;text-align:center;font-size:14px;line-height:1.55;color:var(--lp-muted);border:1px solid rgba(0,229,160,.25);border-radius:12px;background:#00e5a00f}.lp-pricing-honest strong{color:var(--lp-text, #f0f1f4)}.lp-calc-box{max-width:560px;margin:0 auto;padding:32px;background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:20px}.lp-slider-group{margin-bottom:24px}.lp-slider-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}.lp-slider-label span:last-child{font-family:var(--font-mono);color:var(--lp-accent);font-weight:500}.lp-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lp-border);border-radius:3px;outline:none}.lp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--lp-accent);cursor:pointer;box-shadow:0 0 12px #00e5a080;transition:transform .15s}.lp-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.lp-calc-result{margin-top:28px;padding:24px;border-radius:14px;background:#00e5a00f;border:1px solid rgba(0,229,160,.2);text-align:center}.lp-calc-waste{font-family:var(--font-mono);font-size:2rem;font-weight:500;color:#ff4d6a;margin-bottom:4px}.lp-calc-yearly{font-size:14px;color:var(--lp-muted);margin-bottom:12px}.lp-calc-fun{font-size:14px;color:var(--lp-text);margin-bottom:20px}.lp-calc-cta{background:none;border:none;color:var(--lp-accent);font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s}.lp-calc-cta:hover{transform:translate(4px)}.lp-features{padding:100px 24px;background:var(--lp-surface);border-top:1px solid var(--lp-border)}.lp-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:1100px;margin:0 auto}.lp-feature-card{padding:40px 36px;border-radius:20px;background:linear-gradient(135deg,var(--lp-bg) 0%,rgba(7,8,12,.6) 100%);border:1px solid var(--lp-border);transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease;cursor:default;position:relative;overflow:hidden}.lp-feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(0,229,160,.03),transparent 70%);pointer-events:none;transition:opacity .3s ease}.lp-feature-card:hover{transform:translateY(-8px) scale(1.01);border-color:#00e5a059;box-shadow:0 24px 50px -12px #00000080,0 0 40px #00e5a00d}.lp-feature-icon{width:56px;height:56px;border-radius:14px;background:#00e5a014;border:1px solid rgba(0,229,160,.15);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s ease,border-color .3s ease}.lp-feature-card:hover .lp-feature-icon{transform:scale(1.1) rotate(6deg);background:#00e5a026;border-color:var(--lp-accent)}.lp-feature-icon i{font-size:24px;color:var(--lp-accent);text-shadow:0 0 10px rgba(0,229,160,.2)}.lp-feature-card h3{font-size:19px;font-weight:700;margin:0 0 12px;color:var(--lp-text);letter-spacing:-.01em}.lp-feature-card p{font-size:14.5px;color:var(--lp-muted);margin:0;line-height:1.6}.lp-tools{padding:72px 24px;text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(0,229,160,.03) 50%,transparent 100%)}.lp-tools-title{font-family:var(--lp-font-display, "Syne", sans-serif);font-size:clamp(1.25rem,3vw,1.6rem);font-weight:700;color:var(--lp-text);margin:0 0 10px}.lp-tools-sub{font-size:15px;color:var(--lp-muted);margin:0 0 36px}.lp-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;max-width:1100px;margin:0 auto}.lp-tool-chip{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--lp-border);background:var(--lp-surface);font-size:14.5px;font-weight:600;color:var(--lp-text);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:left}.lp-tool-logo{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex-shrink:0}.lp-tool-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-tool-chip:hover{color:var(--tool-color, var(--lp-text));border-color:var(--tool-color, var(--lp-accent));transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #00000040,0 0 0 1px color-mix(in srgb,var(--tool-color, var(--lp-accent)) 30%,transparent)}.lp-testimonials{padding:80px 24px;background:var(--lp-surface);border-top:1px solid var(--lp-border)}.lp-testimonial-box{max-width:640px;margin:0 auto;text-align:center;min-height:160px}.lp-testimonial-quote{font-size:clamp(1.1rem,2.5vw,1.35rem);font-style:italic;line-height:1.6;margin:0 0 20px;animation:lpFadeUp .5s ease}.lp-testimonial-author{font-size:14px;color:var(--lp-muted)}.lp-testimonial-author strong{color:var(--lp-text)}.lp-pricing{padding:80px 24px}.lp-pricing-toggle{display:inline-flex;align-items:center;justify-content:center;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:99px;padding:4px;margin:0 auto 40px}.lp-toggle-pill{background:none;border:none;border-radius:99px;padding:8px 20px;font-size:14px;font-weight:600;color:var(--lp-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px}.lp-toggle-pill:hover{color:var(--lp-text)}.lp-toggle-pill.active{background:var(--lp-accent);color:var(--lp-bg)!important}.lp-toggle-pill.active .lp-duration-save{background:var(--lp-bg);color:var(--lp-accent)}.lp-duration-save{font-size:10px;background:#00ff8826;color:var(--lp-accent);font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.lp-pricing-duration{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px}.lp-duration-btn{padding:10px 18px;border-radius:10px;border:1px solid var(--lp-border);background:var(--lp-surface);color:var(--lp-muted);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.lp-duration-btn.active{border-color:var(--lp-accent);background:#00e5a01a;color:var(--lp-text);box-shadow:0 0 0 1px #00e5a033}.lp-duration-save{font-size:10px;color:var(--lp-accent);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}.lp-pricing-grid-2x2{grid-template-columns:repeat(2,1fr);max-width:720px}.lp-pricing-grid-4{grid-template-columns:repeat(4,1fr);max-width:1200px}.lp-price-card{padding:28px;border-radius:16px;background:var(--lp-surface);border:1px solid var(--lp-border);transition:transform .2s}.lp-price-card:hover{transform:translateY(-4px)}.lp-price-card.featured{border-color:var(--lp-accent);box-shadow:0 0 0 1px #00e5a033}.lp-price-tier{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lp-muted);margin-bottom:8px}.lp-price-amount{font-family:var(--font-mono);font-size:2.25rem;font-weight:500;margin-bottom:4px}.lp-price-period{font-size:13px;color:var(--lp-muted);margin-bottom:20px}.lp-price-effective{color:var(--lp-accent)}.lp-price-features{list-style:none;padding:0;margin:0 0 24px;font-size:13px;color:var(--lp-muted)}.lp-price-features li{padding:6px 0;display:flex;align-items:center;gap:8px}.lp-price-features i{color:var(--lp-accent);font-size:14px}.lp-footer{padding:64px 24px 40px;background:var(--lp-surface);border-top:1px solid var(--lp-border);text-align:center}.lp-waitlist-form{display:flex;gap:10px;max-width:440px;margin:0 auto 16px}.lp-waitlist-input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid var(--lp-border);background:var(--lp-bg);color:var(--lp-text);font-size:14px;transition:box-shadow .2s,border-color .2s}.lp-waitlist-input:focus{outline:none;border-color:var(--lp-accent);box-shadow:0 0 0 3px #00e5a026}.lp-footer-note{font-size:12px;color:var(--lp-muted);margin-bottom:8px}.lp-footer-social{font-size:13px;color:var(--lp-accent);font-weight:500}.legal-page{min-height:100vh;display:flex;flex-direction:column}.legal-nav{justify-content:space-between;gap:16px}.legal-back{display:inline-flex;align-items:center;gap:8px;background:none;border:none;color:var(--lp-text);font-size:16px;font-weight:600;cursor:pointer;padding:0}.legal-back:hover{color:var(--lp-accent)}.legal-nav-links{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}.legal-nav-links a{color:var(--lp-muted);text-decoration:none}.legal-nav-links a:hover,.legal-nav-active{color:var(--lp-accent)!important}.legal-main{flex:1;padding:120px 24px 64px}.legal-article{max-width:720px;margin:0 auto}.legal-updated{font-size:13px;color:var(--lp-muted);margin-bottom:12px}.legal-article h1{font-size:clamp(28px,4vw,40px);margin-bottom:32px;letter-spacing:-.02em}.legal-section{margin-bottom:28px}.legal-section h2{font-size:18px;margin-bottom:10px;color:var(--lp-text)}.legal-section p{font-size:15px;line-height:1.7;color:var(--lp-muted);margin-bottom:10px}.legal-footer{padding:32px 24px 40px;border-top:1px solid var(--lp-border);text-align:center;background:var(--lp-surface)}.legal-footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:12px;font-size:14px}.legal-footer-links a{color:var(--lp-muted);text-decoration:none}.legal-footer-links a:hover{color:var(--lp-accent)}.legal-footer p{font-size:12px;color:var(--lp-muted)}.lp-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.lp-reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.landing-nav-links{display:none}.lp-fact-grid,.lp-flow-grid{grid-template-columns:repeat(2,1fr)}.lp-flow-detail{grid-template-columns:1fr}.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-pricing-grid,.lp-pricing-grid-2x2{grid-template-columns:1fr}.lp-pricing-grid-4{grid-template-columns:repeat(2,1fr)}.lp-tools-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:520px){.landing-hero{padding-top:100px}.lp-fact-grid,.lp-flow-grid{grid-template-columns:1fr}.lp-feature-grid{grid-template-columns:1fr;gap:20px}.lp-waitlist-form{flex-direction:column}.landing-nav{padding:12px 16px}}.lp-fact-card,.lp-flow-card,.lp-feature-card,.lp-price-card,.lp-calc-box,.lp-ticker-card{background:#0f172aa6!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0000004d}@keyframes lpFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.lp-price-card.featured{animation:lpFloat 6s ease-in-out infinite}.lp-fact-card:hover,.lp-flow-card:hover,.lp-feature-card:hover,.lp-price-card:hover{transform:translateY(-8px) scale(1.02)!important;border-color:var(--lp-accent)!important;box-shadow:0 12px 30px #0f83,0 0 15px #00ff880d!important}.lp-btn-primary,.lp-btn-secondary,.landing-nav-cta{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.lp-btn-primary:active,.lp-btn-secondary:active,.landing-nav-cta:active{transform:scale(.96)!important}.lp-slider-bubble{background:#00ff8826;border:1px solid var(--lp-accent);color:var(--lp-accent);padding:2px 8px;border-radius:99px;font-size:12px;font-weight:700}.lp-faq-accordion{max-width:760px;margin:32px auto 0;display:flex;flex-direction:column;gap:16px}.lp-faq-item{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-faq-item:hover{border-color:#00ff884d}.lp-faq-item.open{border-color:var(--lp-accent);background:#0f172ad9;box-shadow:0 8px 24px #00ff880d}.lp-faq-question{width:100%;background:none;border:none;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;color:var(--lp-text);cursor:pointer;text-align:left;outline:none;transition:color .2s}.lp-faq-question:focus-visible{box-shadow:inset 0 0 0 2px var(--lp-accent)}.lp-faq-question:hover{color:var(--lp-accent)}.lp-faq-chevron{font-size:16px;color:var(--lp-muted);transition:transform .3s ease}.lp-faq-item.open .lp-faq-chevron{transform:rotate(180deg);color:var(--lp-accent)}.lp-faq-answer p{color:var(--lp-muted);line-height:1.6;font-size:14.5px}.lp-price-card{position:relative;display:flex;flex-direction:column}.lp-price-featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--lp-accent);color:var(--lp-bg);padding:4px 12px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #00ff884d}.lp-price-card-header-new{margin-bottom:16px}.lp-price-name{font-size:20px;font-weight:800;color:var(--lp-text);margin:0 0 8px}.lp-price-desc{font-size:13.5px;line-height:1.5;color:var(--lp-muted);margin:0;min-height:40px}.lp-price-amount-box{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.lp-price-amount-val{font-size:38px;font-weight:800;color:var(--lp-text)}.lp-price-amount-period{font-size:14px;color:var(--lp-muted)}.lp-price-effective-box{font-size:12.5px;color:var(--lp-accent);margin-bottom:16px;font-weight:600}.lp-price-divider{height:1px;background:#ffffff14;margin:0 0 20px}.lp-price-features{flex-grow:1}.lp-price-features li{margin-bottom:8px;font-size:13.5px;display:flex;align-items:flex-start;text-align:left;line-height:1.5}.lp-price-features i{flex-shrink:0;margin-top:3px}