:root{--color-bg-page: #0A0F1A;--color-bg-surface: #0D1521;--color-bg-surface-hover: #132030;--color-bg-nav: rgba(13, 21, 33, .91);--color-landing-border: #1A2535;--color-landing-muted: #8FA5B5;--color-border-soft: rgba(255, 255, 255, .08);--color-border-strong: #2a2a3a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0b0;--color-text-muted: #6b6b80;--color-accent-primary: #2DB8E8;--color-accent-hover: #1a9fd0;--color-accent-indigo: #6f6dfe;--color-accent-indigo-light: #9b8afb;--color-accent-indigo-soft: #818cf8;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .06);--shadow-card: 0 4px 20px rgba(45, 184, 232, .15);--shadow-dropdown: 0 10px 15px rgba(0, 0, 0, .2);--shadow-glow: 0 0 30px rgba(45, 184, 232, .2);--shadow-cta-glow: 0 0 20px rgba(45, 184, 232, .25);--font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-heading: "Bricolage Grotesque", -apple-system, sans-serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-2xl: 2rem;--font-size-3xl: 3.5rem;--font-size-4xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-price: 3rem;--sidebar-width: 15rem;--topbar-height: 4.25rem;--container-max: 80rem;--landing-content-max: 1680px;--landing-h-pad: max(7.5rem, calc((100vw - var(--landing-content-max)) / 2));--panel-content-padding: 2.5rem;--color-alert-warning-bg: rgba(245, 158, 11, .08);--color-alert-warning-border: var(--color-warning);--page-gutter: 7.5rem;--section-gutter: 5rem;--cta-gutter: 10rem;--hiw-gutter: 3.75rem;--section-gutter-y: 2.5rem;--z-base: 1;--z-topbar: 100;--z-dropdown: 200;--z-overlay: 900;--z-drawer: 1000;--z-modal: 1100;--z-toast: 9999;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .25s ease}@media(max-width:1680px){:root{--landing-h-pad: 2.5rem}}@media(max-width:768px){:root{--page-gutter: 2rem;--section-gutter: 2rem;--cta-gutter: 2rem;--hiw-gutter: 2rem;--section-gutter-y: 2rem}}@media(max-width:480px){:root{--page-gutter: 1.25rem;--section-gutter: 1.25rem;--cta-gutter: 1.25rem;--hiw-gutter: 1.25rem;--section-gutter-y: 1.5rem}}.page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:underline}:focus-visible{outline:none;box-shadow:0 0 0 2px #6f6dfe80;border-radius:var(--radius-sm)}.page-padding{padding:var(--space-md)}@media(min-width:768px){.page-padding{padding:var(--space-lg)}}@media(min-width:1024px){.page-padding{padding:var(--space-xl) var(--space-2xl)}}.app-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(17.5rem,1fr));gap:var(--space-lg)}.app-grid-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--space-lg)}.app-grid-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:var(--space-lg)}.app-grid-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--space-xl)}.app-table{width:100%;border-collapse:collapse}.app-table th,.app-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border-soft);font-size:var(--font-size-base);color:var(--color-text-primary)}.app-table thead th{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.app-table tbody tr:hover{background:var(--color-bg-surface-hover)}.icon{width:1rem;height:1rem;stroke-width:1.5;color:var(--color-text-muted);flex-shrink:0}.icon-md{width:1.25rem;height:1.25rem}.icon-lg{width:1.5rem;height:1.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;background:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;width:100%}.toast-container[data-v-dfd0ed05]{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);max-width:22rem;width:100%;pointer-events:none}.toast[data-v-dfd0ed05]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);font-size:var(--font-size-base);pointer-events:all;border-left:3px solid transparent;background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-soft)}.toast--success[data-v-dfd0ed05]{border-left-color:var(--color-success)}.toast--error[data-v-dfd0ed05]{border-left-color:var(--color-danger)}.toast--info[data-v-dfd0ed05]{border-left-color:var(--color-accent-primary)}.toast__message[data-v-dfd0ed05]{flex:1;line-height:1.4}.toast__close[data-v-dfd0ed05]{background:none;border:none;cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-muted);opacity:.6;padding:0;line-height:1;flex-shrink:0;transition:opacity var(--transition-fast)}.toast__close[data-v-dfd0ed05]:hover{opacity:1}.toast-enter-active[data-v-dfd0ed05],.toast-leave-active[data-v-dfd0ed05]{transition:all var(--transition-slow)}.toast-enter-from[data-v-dfd0ed05],.toast-leave-to[data-v-dfd0ed05]{opacity:0;transform:translate(100%)}