@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--paper: #F7F6F3;--paper-2: #EFEDE8;--paper-3: #E7E5DF;--lime: #C6F04A;--sky: #5AA9FF;--blush: #FFA6CE;--iris: #A78BFA;--mint: #6FE7B7;--sun: #FFC94A;--panel-iris: #E5DDFB;--panel-sky: #DCEBFF;--panel-lime: #EAF7C8;--panel-blush:#FFE4F0;--n-0: #ffffff;--n-10: #F7F6F3;--n-50: #EFEDE8;--n-100: #E7E5DF;--n-200: #D8D5CD;--n-300: #BEBAB1;--n-400: #9C9992;--n-500: #6A6862;--n-600: #55534E;--n-700: #3D3B37;--n-800: #2A2926;--n-900: #1D1C1A;--n-950: #171614;--n-1000: #131211;--dark-sidebar-bg: #EFEDE8;--dark-sidebar-surface: #FFFFFF;--dark-nav-active: #FFFFFF;--dark-nav-hover: rgba(19, 18, 17, .045);--dark-text: #131211;--dark-text-muted: #6A6862;--dark-border: #E7E5DF;--primary: #131211;--primary2: #3D3B37;--primary-hover: #2A2926;--primary-accent:#A78BFA;--primary-soft: #F1EDFE;--primary-ink: #5B3FD0;--accent: #A78BFA;--accent-soft: #F1EDFE;--success: #1F7A4D;--success-soft: #E3F3EA;--warning: #8A5D0B;--warning-soft: #FBF0D8;--danger: #A93521;--danger-soft: #FBE7E2;--info: #2C6FB5;--info-soft: #DFEDFA;--g-50: #E3F3EA;--y-50: #FBF0D8;--r-50: #FBE7E2;--b-50: #DFEDFA;--i-200: #D3C6FD;--r-600: #A93521;--r-700: #8A2A19;--canvas-bg: #EFEDE8;--bg: #F7F6F3;--bg2: #FFFFFF;--bg3: #EFEDE8;--surface: #FFFFFF;--border: #E7E5DF;--border-strong: #D8D5CD;--border-control: #D8D5CD;--text: #131211;--text2: #6A6862;--text3: #9C9992;--radius-app: 32px;--radius-hero: 28px;--radius-card: 20px;--radius-pill: 9999px;--radius: 14px;--radius-sm: 10px;--radius-xs: 8px;--shadow-app: 0 2px 6px rgba(19,18,17,.04), 0 24px 60px rgba(19,18,17,.07);--shadow-card: 0 1px 2px rgba(19,18,17,.03);--shadow-float: 0 1px 2px rgba(19,18,17,.04), 0 8px 24px rgba(19,18,17,.06);--shadow-lg: 0 2px 6px rgba(19,18,17,.05), 0 20px 48px rgba(19,18,17,.09);--font: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--fs-100: 11px;--fs-200: 12px;--fs-300: 14px;--fs-400: 16px;--fs-500: 20px;--fs-600: 24px;--fs-700: 32px;--fs-hero:44px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 500;--fw-bold: 600;--fw-extrabold: 700;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:var(--font);font-size:var(--fs-300);line-height:1.6;background:var(--canvas-bg);color:var(--text2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:var(--fw-medium);letter-spacing:-.028em;line-height:1.12}.app-viewport{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:stretch;background:var(--canvas-bg)}.app-frame{width:100%;max-width:1600px;min-height:calc(100vh - 40px);background:var(--bg);border-radius:var(--radius-app);box-shadow:var(--shadow-app);border:1px solid var(--border);display:flex;overflow:hidden;position:relative}.sidebar-dark{width:250px;flex-shrink:0;background:var(--dark-sidebar-bg);color:var(--dark-text);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--dark-border);padding:22px 14px;transition:width .25s cubic-bezier(.4,0,.2,1);position:sticky;top:0;height:calc(100vh - 40px);overflow-y:auto}.sidebar-dark.collapsed{width:78px}.main-viewport{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg);overflow-y:auto}.topbar-container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:20}.nav-item-pill{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius);color:var(--dark-text-muted);text-decoration:none;font-size:var(--fs-300);font-weight:var(--fw-normal);transition:background .16s ease,color .16s ease;white-space:nowrap}.nav-item-pill:hover{background:var(--dark-nav-hover);color:var(--dark-text)}.nav-item-pill.active{background:var(--dark-nav-active);color:var(--dark-text);font-weight:var(--fw-medium);box-shadow:var(--shadow-card)}.nav-icon-circle{width:26px;height:26px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon-circle{width:30px;height:30px;border-radius:10px;background:var(--primary);color:var(--lime);display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--fw-bold);flex-shrink:0}.brand-logo-text{font-size:17px;font-weight:var(--fw-medium);color:var(--text);letter-spacing:-.025em}.brand-badge{font-size:var(--fs-100);font-weight:var(--fw-medium);padding:3px 9px;border-radius:var(--radius-pill);background:var(--paper-2);color:var(--text2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-pill);font-family:var(--font);font-size:var(--fs-300);font-weight:var(--fw-medium);line-height:1;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-float)}.btn-secondary{background:var(--paper-2);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--paper-3)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--bg2)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn-danger:hover:not(:disabled){background:#f7d9d1}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){filter:brightness(.95)}.btn-sm{padding:8px 15px;font-size:var(--fs-200)}.btn-lg{padding:14px 26px;font-size:var(--fs-400)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:22px}.dark-hero-card,.hero-dark-card{background:var(--panel-iris);border-radius:var(--radius-hero);padding:26px;color:var(--text)}.dark-hero-inner-white{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.card-flush{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);padding:0;overflow:hidden}.table-container{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.section-title{font-size:var(--fs-500);font-weight:var(--fw-medium);color:var(--text);letter-spacing:-.028em;line-height:1.2}.section-sub{font-size:var(--fs-300);color:var(--text2);line-height:1.6}.label{display:block;font-size:var(--fs-200);font-weight:var(--fw-medium);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:var(--fs-700);font-weight:var(--fw-medium);color:var(--text);letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums}.input{width:100%;font-family:var(--font);font-size:var(--fs-300);color:var(--text);background:var(--bg2);border:1px solid var(--border-control);border-radius:var(--radius);padding:11px 15px;outline:none;transition:border-color .16s ease}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--primary)}.search-pill-box{display:flex;align-items:center;gap:9px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 15px}.search-pill-input{border:none;outline:none;background:transparent;font-family:var(--font);font-size:var(--fs-300);color:var(--text);width:100%}.search-pill-input::placeholder{color:var(--text3)}.search-shortcut-badge{font-size:var(--fs-100);color:var(--text3);background:var(--paper-2);border-radius:var(--radius-xs);padding:2px 7px;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-200);font-weight:var(--fw-medium);padding:4px 11px;border-radius:var(--radius-pill);background:var(--paper-2);color:var(--text2);white-space:nowrap}.badge-active{background:var(--success-soft);color:var(--success)}.badge-trial{background:var(--warning-soft);color:var(--warning)}.badge-expired{background:var(--danger-soft);color:var(--danger)}.badge-pro{background:var(--primary-soft);color:var(--primary-ink)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-dark{background:var(--primary);color:var(--paper)}.fade-up{animation:fadeUp .42s cubic-bezier(.16,1,.3,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.fade-up,.spin{animation:none}.btn-primary:hover:not(:disabled){transform:none}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-xs)}.blob{border-radius:50%;position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.blob:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset -4px -6px 12px #ffffff80,inset 4px 6px 14px #00000012}.blob-lime{background:radial-gradient(circle at 32% 28%,#E4FA92,var(--lime) 62%,#A5D62B)}.blob-sky{background:radial-gradient(circle at 32% 28%,#A8D2FF,var(--sky) 62%,#3D82D9)}.blob-blush{background:radial-gradient(circle at 32% 28%,#FFD3E6,var(--blush) 62%,#E97BAC)}.blob-iris{background:radial-gradient(circle at 32% 28%,#D3C6FD,var(--iris) 62%,#7C5CE0)}.blob-mint{background:radial-gradient(circle at 32% 28%,#B6F5DA,var(--mint) 62%,#38C494)}.blob-sun{background:radial-gradient(circle at 32% 28%,#FFE6AE,var(--sun) 62%,#E0A21F)}@media (max-width: 1024px){.app-viewport{padding:16px}.app-frame{min-height:calc(100vh - 32px)}.sidebar-dark{width:210px;padding:20px 14px}.main-viewport{padding:24px 28px}}@media (max-width: 820px){.app-viewport{padding:0}.app-frame{flex-direction:column;border-radius:0;border:none;min-height:100vh;box-shadow:none}.sidebar-dark{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--dark-border)}.sidebar-dark .nav-item-pill{white-space:nowrap;flex-shrink:0}.main-viewport{padding:20px 16px}.topbar-container{align-items:stretch;flex-direction:column;gap:12px}.table-wrap,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.main-viewport{padding:16px 12px}.card{padding:16px}}