:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 8px 10px -6px rgba(0, 0, 0, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky-header: 1100;--z-sidebar: 1200;--z-modal-backdrop: 1300;--z-modal: 1400;--z-toast: 1500;--z-tooltip: 1600;--color-status-success: #10b981;--color-status-warning: #f59e0b;--color-status-danger: #ef4444;--color-status-info: #06b6d4;--chart-primary: #10b981;--chart-secondary: #06b6d4;--chart-tertiary: #a855f7;--chart-quaternary: #f59e0b;--chart-grid: rgba(255, 255, 255, .08)}:root,html,body,html[data-theme=light],html.theme-light,body[data-theme=light],body.theme-light,[data-theme=light],.theme-light{--surface-page: #f8fafc;--surface-card: #ffffff;--surface-card-hover: #f1f5f9;--surface-subtle: #f1f5f9;--surface-well: #f8fafc;--surface-popover: #ffffff;--surface-overlay: rgba(15, 23, 42, .5);--surface-input: #ffffff;--surface-input-border: #cbd5e1;--surface-border: #e2e8f0;--surface-border-subtle: #cbd5e1;--surface-bg-alt: #f1f5f9;--surface-nav-bg: rgba(255, 255, 255, .85);--landing-hero-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(5, 150, 105, .05), transparent 70%);--text-primary: #0f172a;--text-heading: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-brand: #059669;--text-inverse: #ffffff;--text-on-brand: #ffffff;--color-brand-primary: #059669;--color-brand-hover: #047857;--color-brand-primary-hover: #047857;--color-brand-subtle: rgba(5, 150, 105, .08);--color-brand-border: rgba(5, 150, 105, .3);--color-destructive: #dc2626;--color-destructive-hover: #b91c1c;--color-destructive-subtle: rgba(220, 38, 38, .08);--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-subtle: rgba(220, 38, 38, .08);--color-warning: #d97706;--color-warning-hover: #b45309;--color-warning-subtle: rgba(217, 119, 6, .12);--color-info: #0284c7;--color-info-hover: #0369a1;--color-info-subtle: rgba(2, 132, 199, .12);--color-success: #059669;--color-success-hover: #047857;--color-success-subtle: rgba(5, 150, 105, .12);--color-accent-indigo: #6366f1;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--chart-grid: rgba(0, 0, 0, .06);--shadow-card: 0 2px 10px rgba(0, 0, 0, .05);--shadow-card-hover: 0 6px 20px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 40px rgba(0, 0, 0, .15)}html[data-theme=dark],html.theme-dark,body[data-theme=dark],body.theme-dark,[data-theme=dark],.theme-dark{--surface-page: #080c14;--surface-card: #0f172a;--surface-card-hover: #17223b;--surface-subtle: rgba(255, 255, 255, .04);--surface-well: #080c14;--surface-popover: #0f172a;--surface-overlay: rgba(3, 7, 18, .8);--surface-input: #080c14;--surface-input-border: rgba(255, 255, 255, .12);--surface-border: rgba(255, 255, 255, .08);--surface-border-subtle: rgba(255, 255, 255, .04);--surface-bg-alt: #080c14;--surface-nav-bg: rgba(8, 12, 20, .85);--landing-hero-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(16, 185, 129, .09), transparent 70%);--text-primary: #f8fafc;--text-heading: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--text-brand: #34d399;--text-inverse: #080c14;--text-on-brand: #ffffff;--color-brand-primary: #10b981;--color-brand-hover: #059669;--color-brand-primary-hover: #059669;--color-brand-subtle: rgba(16, 185, 129, .12);--color-brand-border: rgba(16, 185, 129, .28);--color-destructive: #f87171;--color-destructive-hover: #ef4444;--color-destructive-subtle: rgba(239, 68, 68, .12);--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .12);--color-warning: #fbbf24;--color-warning-hover: #f59e0b;--color-warning-subtle: rgba(251, 191, 36, .12);--color-info: #38bdf8;--color-info-hover: #0ea5e9;--color-info-subtle: rgba(56, 189, 248, .12);--color-success: #34d399;--color-success-hover: #10b981;--color-success-subtle: rgba(52, 211, 153, .12);--color-accent-indigo: #818cf8;--color-primary-500: #818cf8;--color-primary-600: #6366f1;--chart-grid: rgba(255, 255, 255, .05);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .5);--shadow-card-hover: 0 12px 32px -4px rgba(0, 0, 0, .7);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .85)}html,body{margin:0;padding:0;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background-color:var(--surface-page, #f8fafc);color:var(--text-primary, #0f172a);font-family:var(--font-family-sans, "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-page, #f8fafc)}::-webkit-scrollbar-thumb{background:var(--surface-border, #cbd5e1);border-radius:var(--radius-full, 9999px)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #94a3b8)}select,.form-select,.modal-select,.studio-select,.custom-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23059669' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:14px 14px!important;padding:10px 38px 10px 14px!important;background-color:var(--surface-card, #ffffff)!important;color:var(--text-primary, #0f172a)!important;border:1px solid var(--surface-border, #e2e8f0)!important;border-radius:var(--radius-lg, 10px)!important;font-family:inherit!important;font-size:var(--font-size-xs, 12px)!important;font-weight:var(--font-weight-medium, 500)!important;height:42px!important;line-height:1.4!important;cursor:pointer!important;box-shadow:0 1px 2px #0000000a!important;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s ease!important}select:hover,.form-select:hover,.modal-select:hover,.studio-select:hover,.custom-select:hover{border-color:var(--color-brand-primary, #059669)!important;background-color:var(--surface-page, #f8fafc)!important}select:focus,select:focus-visible,.form-select:focus,.form-select:focus-visible,.modal-select:focus,.modal-select:focus-visible,.studio-select:focus,.studio-select:focus-visible,.custom-select:focus,.custom-select:focus-visible{outline:none!important;border-color:var(--color-brand-primary, #059669)!important;box-shadow:0 0 0 3px #0596692e!important}select:disabled,.form-select:disabled,.modal-select:disabled,.studio-select:disabled,.custom-select:disabled{opacity:.6!important;cursor:not-allowed!important;background-color:var(--surface-page, #f1f5f9)!important}select option,.form-select option,.modal-select option,.studio-select option,.custom-select option{background-color:var(--surface-card, #ffffff)!important;color:var(--text-primary, #0f172a)!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;padding:10px 14px!important;line-height:1.6!important}select option:checked,.form-select option:checked,.modal-select option:checked,.studio-select option:checked,.custom-select option:checked{background-color:#05966926!important;color:var(--color-brand-primary, #059669)!important;font-weight:700!important}select option:hover,.form-select option:hover,.modal-select option:hover,.studio-select option:hover,.custom-select option:hover{background-color:var(--surface-page, #f8fafc)!important}select optgroup,.form-select optgroup,.modal-select optgroup,.studio-select optgroup,.custom-select optgroup{background-color:var(--surface-subtle, #f1f5f9)!important;color:var(--text-secondary, #475569)!important;font-weight:800!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;padding:8px 12px!important;font-family:inherit!important}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],textarea,.form-input,.modal-input,.modal-textarea,.filter-input{background-color:var(--surface-input, #ffffff);color:var(--text-primary, #0f172a);border:1px solid var(--surface-input-border, #cbd5e1);border-radius:var(--radius-lg, 10px);padding:10px 14px;font-family:inherit;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=url]::placeholder,textarea::placeholder,.form-input::placeholder,.modal-input::placeholder,.modal-textarea::placeholder,.filter-input::placeholder{color:var(--text-muted, #94a3b8)}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=number]:hover,input[type=url]:hover,textarea:hover,.form-input:hover,.modal-input:hover,.modal-textarea:hover,.filter-input:hover{border-color:var(--color-brand-primary, #059669)}input[type=text]:focus,input[type=text]:focus-visible,input[type=email]:focus,input[type=email]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=url]:focus,input[type=url]:focus-visible,textarea:focus,textarea:focus-visible,.form-input:focus,.form-input:focus-visible,.modal-input:focus,.modal-input:focus-visible,.modal-textarea:focus,.modal-textarea:focus-visible,.filter-input:focus,.filter-input:focus-visible{outline:none;border-color:var(--color-brand-primary, #059669);box-shadow:0 0 0 3px #0596692e}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=url]:disabled,textarea:disabled,.form-input:disabled,.modal-input:disabled,.modal-textarea:disabled,.filter-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-subtle, #f1f5f9)}.table-container,.cms-table-wrapper,.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4, 16px);border-radius:var(--radius-lg, 12px)}.modal-backdrop{position:fixed;inset:0;background-color:var(--surface-overlay, rgba(15, 23, 42, .7));backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 1300);padding:var(--space-4, 16px)}.modal-card{background-color:var(--surface-card, #ffffff);border:1px solid var(--surface-border, #e2e8f0);border-radius:var(--radius-2xl, 20px);padding:var(--space-6, 24px);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-modal);color:var(--text-primary, #0f172a)}@media (max-width: 640px){.modal-card{padding:var(--space-4, 16px);border-radius:var(--radius-xl, 16px)}}button,.btn,app-button button{font-family:inherit;transition:background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .15s ease}.btn-primary,button.btn-primary{background-color:var(--color-brand-primary)!important;color:#fff!important;border:1px solid var(--color-brand-primary)!important;box-shadow:0 2px 8px var(--color-brand-subtle)}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background-color:var(--color-brand-hover)!important;border-color:var(--color-brand-hover)!important;box-shadow:0 4px 14px var(--color-brand-subtle);transform:translateY(-1px)}.btn-primary:active:not(:disabled),button.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary i,.btn-primary svg,.btn-primary .fa-solid,.btn-primary .fa-regular,button.btn-primary i,button.btn-primary svg,button.btn-primary .fa-solid,button.btn-primary .fa-regular{color:#fff!important}.btn-secondary,button.btn-secondary{background-color:var(--surface-subtle)!important;color:var(--text-primary)!important;border:1px solid var(--surface-border)!important}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background-color:var(--surface-card-hover)!important;border-color:var(--color-brand-border, var(--surface-border))!important;color:var(--text-primary)!important;transform:translateY(-1px)}.btn-secondary:active:not(:disabled),button.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline,button.btn-outline{background-color:transparent!important;color:var(--text-primary)!important;border:1px solid var(--surface-border)!important}.btn-outline:hover:not(:disabled),button.btn-outline:hover:not(:disabled){background-color:var(--color-brand-subtle)!important;border-color:var(--color-brand-primary)!important;color:var(--color-brand-primary)!important;transform:translateY(-1px)}.btn-outline:hover:not(:disabled) i,.btn-outline:hover:not(:disabled) svg,.btn-outline:hover:not(:disabled) .fa-solid,.btn-outline:hover:not(:disabled) .fa-regular,button.btn-outline:hover:not(:disabled) i,button.btn-outline:hover:not(:disabled) svg,button.btn-outline:hover:not(:disabled) .fa-solid,button.btn-outline:hover:not(:disabled) .fa-regular{color:var(--color-brand-primary)!important}.btn-outline:active:not(:disabled),button.btn-outline:active:not(:disabled){transform:translateY(0)}.btn-ghost,button.btn-ghost{background-color:transparent!important;color:var(--text-secondary)!important;border:1px solid transparent!important}.btn-ghost:hover:not(:disabled),button.btn-ghost:hover:not(:disabled){background-color:var(--surface-subtle)!important;color:var(--text-primary)!important}.btn-destructive,button.btn-destructive{background-color:var(--color-destructive)!important;color:#fff!important;border:1px solid var(--color-destructive)!important;box-shadow:0 2px 8px var(--color-destructive-subtle)}.btn-destructive:hover:not(:disabled),button.btn-destructive:hover:not(:disabled){background-color:var(--color-destructive-hover)!important;border-color:var(--color-destructive-hover)!important;transform:translateY(-1px)}.btn-destructive i,.btn-destructive svg,.btn-destructive .fa-solid,.btn-destructive .fa-regular,button.btn-destructive i,button.btn-destructive svg,button.btn-destructive .fa-solid,button.btn-destructive .fa-regular{color:#fff!important}.view-source-pill{background:var(--color-brand-subtle)!important;border:1px solid var(--color-brand-border)!important;color:var(--color-brand-primary)!important;padding:3px 10px!important;border-radius:var(--radius-sm, 6px)!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:5px!important;transition:all .2s ease!important}.view-source-pill i,.view-source-pill svg,.view-source-pill .fa-solid{color:var(--color-brand-primary)!important}.view-source-pill:hover{background:var(--color-brand-primary)!important;color:#fff!important;border-color:var(--color-brand-primary)!important;transform:translateY(-1px)}.view-source-pill:hover i,.view-source-pill:hover svg,.view-source-pill:hover .fa-solid{color:#fff!important}.close-btn,.modal-close-btn{background:transparent!important;border:none!important;font-size:22px!important;line-height:1!important;color:var(--text-muted)!important;cursor:pointer!important;padding:4px 8px!important;border-radius:var(--radius-md, 6px)!important;transition:color .2s ease,background-color .2s ease!important}.close-btn:hover,.modal-close-btn:hover{color:var(--text-primary)!important;background-color:var(--surface-subtle)!important}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],input[type=tel],textarea,select,.form-input,.form-select,.modal-input,.modal-select{font-size:16px!important}button,.btn,.nav-link,.sub-tab-btn,.google-auth-btn{min-height:42px}}.table-container,.cms-table-wrapper,.responsive-table-wrapper,.matrix-table-container,.ledger-table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:thin}.btn-signin,.btn-cockpit,.theme-toggle-btn,.btn-home,.auth-back-link{white-space:nowrap!important;flex-shrink:0!important}