@layer reset,tokens,base,features,chrome,responsive,components,overrides;@layer base{*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:10px;background-color:#f5f5f5;min-height:100vh;scroll-behavior:smooth}.container{width:100%;margin:0;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media(min-width:1920px){.container{max-width:1800px;margin:0 auto}}.header-section{position:sticky;top:0;background:#fff;z-index:100;border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.brand-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.logo{width:40px;height:40px;object-fit:contain}.brand-header h1{margin:0;font-size:28px;color:#333;font-weight:600}}@layer tokens{:root{--font-family: Arial, sans-serif;--font-family-mono: "Courier New", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--text-on-primary: #fff;--comment-target-color: #8b5cf6;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--font-size-0-8125rem: .8125rem;--font-size-0-85rem: .85rem;--font-size-0-92em: .92em;--font-size-0-9rem: .9rem;--font-size-10px: 10px;--font-size-10-5px: 10.5px;--font-size-11-5px: 11.5px;--font-size-11px: 11px;--font-size-12-5px: 12.5px;--font-size-13px: 13px;--font-size-15px: 15px;--font-size-9px: 9px;--space-px-1: 1px;--space-px-10: 10px;--space-px-11: 11px;--space-px-14: 14px;--space-px-18: 18px;--space-px-2: 2px;--space-px-28: 28px;--space-px-3: 3px;--space-px-5: 5px;--space-px-6: 6px;--space-px-7: 7px;--space-px-9: 9px;--fixed-white: #ffffff;--fixed-slate-50: #f8fafc;--fixed-slate-100: #f1f5f9;--fixed-slate-200: #e2e8f0;--fixed-slate-300: #cbd5e1;--fixed-slate-500: #64748b;--fixed-slate-600: #475569;--fixed-slate-700: #334155;--fixed-slate-800: #1e293b;--fixed-slate-900: #0f172a;--fixed-blue-600: #2563eb;--fixed-blue-700: #1d4ed8;--fixed-green-100: #dcfce7;--fixed-green-800: #166534;--fixed-amber-50: #fffbeb;--fixed-amber-200: #fde68a;--fixed-amber-500-6: rgba(245, 158, 11, .06);--fixed-amber-600: #d97706;--fixed-amber-800: #92400e;--fixed-error-700: #b42318;--report-table-border: #e5e7eb;--report-table-border-outer: #d1d5db;--report-table-header-bg: #f3f4f6;--print-font-size-body: 11px;--print-font-size-title: 15px;--print-font-size-heading: 14px;--print-cell-padding: 3px 8px;--print-block-gap: 6px;--print-heading-gap: 10px 0 4px;--print-table-gap: 8px 0 12px;--tally-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);--tally-gradient-label: linear-gradient(135deg, #2563eb, #7c3aed);--tally-gradient-shadow: 0 1px 3px rgba(59, 130, 246, .3);--tally-avatar-shadow: 0 4px 10px -2px rgba(124, 58, 237, .4);--rail-blocking: #c0392b;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root,:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #556579;--text-disabled: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #f1f5f9;--border-accent: #cbd5e1;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #166534;--color-success-hover: #14532d;--color-warning: #9a3412;--color-warning-hover: #7c2d12;--color-error: #b91c1c;--color-error-hover: #991b1b;--color-info: #0891b2;--color-info-hover: #0e7490;--table-bg: #ffffff;--table-header-bg: #f8fafc;--table-border: #e2e8f0;--table-hover: #f1f5f9;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-secondary-bg: #64748b;--btn-secondary-hover: #475569;--btn-danger-bg: #dc2626;--btn-danger-hover: #b91c1c;--input-bg: #ffffff;--input-border: #cbd5e1;--input-focus-border: #2563eb;--input-placeholder: #94a3b8;--input-readonly-bg: #f1f5f9;--modal-bg: #ffffff;--modal-overlay: rgba(15, 23, 42, .5);--modal-border: #e2e8f0;--modal-header-bg: #f8fafc;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--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, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-heavy: rgba(0, 0, 0, .2);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .4);--formula-text-color: #d97706;--formula-value-text-color: #b45309;--badge-primary-bg: #dbeafe;--badge-primary-text: #1e40af;--badge-success-bg: #dcfce7;--badge-success-text: #166534;--badge-warning-bg: #fef3c7;--badge-warning-text: #92400e;--badge-error-bg: #fee2e2;--badge-error-text: #991b1b;--badge-info-bg: #e0f2fe;--badge-info-text: #075985;--badge-purple-bg: #f3e8ff;--badge-purple-text: #6b21a8;--badge-neutral-bg: #f3f4f6;--badge-neutral-text: #4b5563;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #64748b 0%, #475569 100%);--gradient-success: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--gradient-warning: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--gradient-info: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--gradient-purple: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%)}:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-quaternary: #475569;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: #334155;--border-secondary: #1e293b;--border-accent: #475569;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-success: #22c55e;--color-success-hover: #4ade80;--color-warning: #f97316;--color-warning-hover: #fb923c;--color-error: #ef4444;--color-error-hover: #f87171;--color-info: #06b6d4;--color-info-hover: #22d3ee;--table-bg: #1e293b;--table-header-bg: #334155;--table-border: #334155;--table-hover: #334155;--btn-primary-bg: #3b82f6;--btn-primary-hover: #60a5fa;--btn-secondary-bg: #475569;--btn-secondary-hover: #64748b;--btn-danger-bg: #ef4444;--btn-danger-hover: #f87171;--input-bg: #1e293b;--input-border: #334155;--input-focus-border: #3b82f6;--input-placeholder: #64748b;--input-readonly-bg: #334155;--modal-bg: #1e293b;--modal-overlay: rgba(0, 0, 0, .75);--modal-border: #334155;--modal-header-bg: #0f172a;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5);--shadow-heavy: rgba(0, 0, 0, .7);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .5);--formula-text-color: #fbbf24;--formula-value-text-color: #fbbf24;--badge-primary-bg: rgba(59, 130, 246, .2);--badge-primary-text: #93c5fd;--badge-success-bg: rgba(34, 197, 94, .2);--badge-success-text: #86efac;--badge-warning-bg: rgba(249, 115, 22, .2);--badge-warning-text: #fdba74;--badge-error-bg: rgba(239, 68, 68, .2);--badge-error-text: #fca5a5;--badge-info-bg: rgba(6, 182, 212, .2);--badge-info-text: #67e8f9;--badge-purple-bg: rgba(139, 92, 246, .2);--badge-purple-text: #c4b5fd;--badge-neutral-bg: rgba(148, 163, 184, .15);--badge-neutral-text: #cbd5e1;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #475569 0%, #334155 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-warning: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)}:root[data-theme=blue]{--bg-primary: #0a1628;--bg-secondary: #0d2137;--bg-tertiary: #133047;--bg-quaternary: #1a4058;--text-primary: #e0f7ff;--text-secondary: #b8e6f5;--text-muted: #7dd3e8;--text-disabled: #4a9cb0;--border-primary: #2a5f75;--border-secondary: #1a4058;--border-accent: #4a9cb0;--color-primary: #00bcd4;--color-primary-hover: #26c6da;--color-success: #26a69a;--color-success-hover: #4db6ac;--color-warning: #ffa726;--color-warning-hover: #ffb74d;--color-error: #f44336;--color-error-hover: #e57373;--color-info: #4dd0e1;--color-info-hover: #80deea;--table-bg: #0f2638;--table-header-bg: #1a3d57;--table-border: #2a5f75;--table-hover: #1a4058;--btn-primary-bg: #00bcd4;--btn-primary-hover: #26c6da;--btn-secondary-bg: #0097a7;--btn-secondary-hover: #00acc1;--btn-danger-bg: #f44336;--btn-danger-hover: #e57373;--input-bg: #0d2137;--input-border: #2a5f75;--input-focus-border: #00bcd4;--input-placeholder: #4a9cb0;--input-readonly-bg: #133047;--modal-bg: #0d2137;--modal-overlay: rgba(10, 22, 40, .85);--modal-border: #2a5f75;--modal-header-bg: #0a1628;--shadow-xs: 0 1px 2px rgba(0, 188, 212, .1);--shadow-sm: 0 1px 3px rgba(0, 188, 212, .15), 0 1px 2px -1px rgba(0, 188, 212, .15);--shadow-md: 0 4px 6px -1px rgba(0, 188, 212, .2), 0 2px 4px -2px rgba(0, 188, 212, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 188, 212, .2), 0 4px 6px -4px rgba(0, 188, 212, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 188, 212, .25), 0 8px 10px -6px rgba(0, 188, 212, .25);--shadow-light: rgba(0, 188, 212, .15);--shadow-medium: rgba(0, 188, 212, .25);--shadow-heavy: rgba(0, 188, 212, .35);--focus-ring: 0 0 0 3px rgba(0, 188, 212, .5);--formula-text-color: #4dd0e1;--formula-value-text-color: #4dd0e1;--badge-primary-bg: rgba(0, 188, 212, .2);--badge-primary-text: #67e8f9;--badge-success-bg: rgba(38, 166, 154, .2);--badge-success-text: #5eead4;--badge-warning-bg: rgba(255, 167, 38, .2);--badge-warning-text: #fcd34d;--badge-error-bg: rgba(244, 67, 54, .2);--badge-error-text: #fca5a5;--badge-info-bg: rgba(77, 208, 225, .2);--badge-info-text: #a5f3fc;--badge-purple-bg: rgba(126, 87, 194, .2);--badge-purple-text: #c4b5fd;--badge-neutral-bg: rgba(122, 211, 232, .1);--badge-neutral-text: #b8e6f5;--gradient-primary: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%);--gradient-secondary: linear-gradient(135deg, #0097a7 0%, #00838f 100%);--gradient-success: linear-gradient(135deg, #26a69a 0%, #00897b 100%);--gradient-warning: linear-gradient(135deg, #ffa726 0%, #fb8c00 100%);--gradient-info: linear-gradient(135deg, #4dd0e1 0%, #00bcd4 100%);--gradient-purple: linear-gradient(135deg, #7e57c2 0%, #5e35b1 100%)}:root[data-theme=pink]{--bg-primary: #fff1f5;--bg-secondary: #ffe4ed;--bg-tertiary: #ffd6e4;--bg-quaternary: #ffc9db;--text-primary: #4a1942;--text-secondary: #6b2c55;--text-muted: #8b4570;--text-disabled: #b87a9c;--border-primary: #f9a8d4;--border-secondary: #fce7f3;--border-accent: #f472b6;--color-primary: #ec4899;--color-primary-hover: #f472b6;--color-success: #10b981;--color-success-hover: #34d399;--color-warning: #f59e0b;--color-warning-hover: #fbbf24;--color-error: #ef4444;--color-error-hover: #f87171;--color-info: #f0abfc;--color-info-hover: #f5d0fe;--table-bg: #fff5f8;--table-header-bg: #fce7f3;--table-border: #f9a8d4;--table-hover: #fdf2f8;--btn-primary-bg: #ec4899;--btn-primary-hover: #f472b6;--btn-secondary-bg: #f472b6;--btn-secondary-hover: #f9a8d4;--btn-danger-bg: #ef4444;--btn-danger-hover: #f87171;--input-bg: #fff5f8;--input-border: #f9a8d4;--input-focus-border: #ec4899;--input-placeholder: #8b4570;--input-readonly-bg: #fce7f3;--modal-bg: #fff1f5;--modal-overlay: rgba(236, 72, 153, .3);--modal-border: #f9a8d4;--modal-header-bg: #fce7f3;--shadow-xs: 0 1px 2px rgba(236, 72, 153, .1);--shadow-sm: 0 1px 3px rgba(236, 72, 153, .15), 0 1px 2px -1px rgba(236, 72, 153, .15);--shadow-md: 0 4px 6px -1px rgba(236, 72, 153, .15), 0 2px 4px -2px rgba(236, 72, 153, .15);--shadow-lg: 0 10px 15px -3px rgba(236, 72, 153, .15), 0 4px 6px -4px rgba(236, 72, 153, .15);--shadow-xl: 0 20px 25px -5px rgba(236, 72, 153, .2), 0 8px 10px -6px rgba(236, 72, 153, .2);--shadow-light: rgba(236, 72, 153, .15);--shadow-medium: rgba(236, 72, 153, .25);--shadow-heavy: rgba(236, 72, 153, .35);--focus-ring: 0 0 0 3px rgba(236, 72, 153, .4);--formula-text-color: #be185d;--formula-value-text-color: #be185d;--badge-primary-bg: rgba(236, 72, 153, .15);--badge-primary-text: #db2777;--badge-success-bg: rgba(16, 185, 129, .15);--badge-success-text: #059669;--badge-warning-bg: rgba(245, 158, 11, .15);--badge-warning-text: #b45309;--badge-error-bg: rgba(239, 68, 68, .15);--badge-error-text: #dc2626;--badge-info-bg: rgba(240, 171, 252, .2);--badge-info-text: #a855f7;--badge-purple-bg: rgba(217, 70, 239, .15);--badge-purple-text: #c026d3;--badge-neutral-bg: rgba(139, 69, 112, .1);--badge-neutral-text: #6b2c55;--gradient-primary: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--gradient-secondary: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-info: linear-gradient(135deg, #f0abfc 0%, #e879f9 100%);--gradient-purple: linear-gradient(135deg, #d946ef 0%, #c026d3 100%)}}@layer base{*{transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}.product-content-wrapper,.product-content-wrapper *{transition:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important}}}@layer tokens{@media(prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-quaternary: #475569;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-disabled: #64748b;--border-primary: #334155;--border-secondary: #1e293b;--border-accent: #475569;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--table-bg: #1e293b;--table-header-bg: #334155;--table-border: #334155;--table-hover: #334155;--btn-primary-bg: #3b82f6;--btn-primary-hover: #60a5fa;--btn-secondary-bg: #475569;--btn-secondary-hover: #64748b;--btn-danger-bg: #ef4444;--btn-danger-hover: #f87171;--input-bg: #1e293b;--input-border: #334155;--input-focus-border: #3b82f6;--input-placeholder: #64748b;--input-readonly-bg: #334155;--modal-bg: #1e293b;--modal-overlay: rgba(0, 0, 0, .75);--modal-border: #334155;--modal-header-bg: #0f172a;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5);--shadow-heavy: rgba(0, 0, 0, .7);--focus-ring: 0 0 0 3px rgba(59, 130, 246, .5);--formula-text-color: #fbbf24;--formula-value-text-color: #fbbf24;--badge-primary-bg: rgba(59, 130, 246, .2);--badge-primary-text: #93c5fd;--badge-success-bg: rgba(34, 197, 94, .2);--badge-success-text: #86efac;--badge-warning-bg: rgba(249, 115, 22, .2);--badge-warning-text: #fdba74;--badge-error-bg: rgba(239, 68, 68, .2);--badge-error-text: #fca5a5;--badge-info-bg: rgba(6, 182, 212, .2);--badge-info-text: #67e8f9;--badge-purple-bg: rgba(139, 92, 246, .2);--badge-purple-text: #c4b5fd;--badge-neutral-bg: rgba(148, 163, 184, .15);--badge-neutral-text: #cbd5e1;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-secondary: linear-gradient(135deg, #475569 0%, #334155 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-warning: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-info: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)}}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}h6{font-size:var(--text-sm)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-primary-hover)}code,kbd,samp,pre{font-family:var(--font-family-mono);font-size:.9em}code{background:var(--bg-tertiary);padding:.125rem .25rem;border-radius:var(--radius-sm)}pre{background:var(--bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:transparent;padding:0}::selection{background:var(--color-primary);color:#fff}.container{width:100%;margin:0;background:var(--bg-primary);padding:var(--space-5);color:var(--text-primary)}@media(min-width:1920px){.container{max-width:1800px;margin:0 auto}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}@layer base{:where(.company-switching){display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary);font-size:var(--text-lg)}.header-section{background:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);padding:15px 0;margin-bottom:20px}.main-content{padding:0;min-height:100vh;background:var(--bg-primary)}.logo{width:40px;height:40px;object-fit:contain}.actions-dropdown{position:absolute;right:0;top:calc(100% - 2px);width:240px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 4px 12px var(--shadow-medium);padding:8px 0;z-index:1000}.actions-dropdown-item{width:100%;text-align:left;padding:12px 16px;border:none;background:none;color:var(--text-primary);font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease}.actions-dropdown-item:hover{background:var(--table-hover);color:var(--btn-primary-bg)}.actions-dropdown-item svg{flex-shrink:0;stroke:currentColor}.actions-dropdown-separator{height:1px;background:var(--border-secondary);margin:8px 0}.dropdown-arrow{width:16px;height:16px;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.container.breadcrumb-host{padding-block-end:0;background:none;border-radius:0;box-shadow:none}.breadcrumb{display:flex;align-items:center;gap:6px;margin:12px 0;padding:0;background:none;font-size:13px;max-width:1400px;width:100%;box-sizing:border-box}.breadcrumb-link{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s}a.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-chevron{flex-shrink:0;color:var(--text-muted);opacity:.5}.breadcrumb-current{color:var(--text-primary);font-weight:600}.breadcrumb--on-dark .breadcrumb-link,[data-breadcrumb-on-dark] .breadcrumb .breadcrumb-link{color:#ffffffd9}.breadcrumb--on-dark a.breadcrumb-link:hover,[data-breadcrumb-on-dark] .breadcrumb a.breadcrumb-link:hover{color:#fff;text-decoration:underline}.breadcrumb--on-dark .breadcrumb-chevron,[data-breadcrumb-on-dark] .breadcrumb .breadcrumb-chevron{color:#ffffffb3;opacity:1}.breadcrumb--on-dark .breadcrumb-current,[data-breadcrumb-on-dark] .breadcrumb .breadcrumb-current{color:#fff}body.tp-wizard-open .breadcrumb>.breadcrumb-current{color:var(--text-muted);font-weight:500}body.tp-wizard-open .breadcrumb--on-dark>.breadcrumb-current,body.tp-wizard-open [data-breadcrumb-on-dark] .breadcrumb>.breadcrumb-current{color:#ffffffd9;font-weight:500}body.tp-wizard-open .main-wrapper{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}body.tp-wizard-open{overflow:hidden}body.tp-wizard-open .mobile-topbar{flex:0 0 auto}body.tp-wizard-open .main-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.tp-wizard-open .main-content>.breadcrumb-host{flex:0 0 auto}body.tp-wizard-open .main-content>:not(.breadcrumb-host){flex:1 1 auto;min-height:0;display:flex;flex-direction:column}body.tp-wizard-open .tp-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}body.tp-wizard-open .tp-create-wizard-fullpage{flex:1 1 auto;min-height:0}.main-content:has(.tp-page){display:flex;flex-direction:column}.main-content:has(.tp-page)>.breadcrumb-host{flex:0 0 auto}.main-content:has(.tp-page)>:not(.breadcrumb-host){flex:1 1 auto;display:flex;flex-direction:column}@media(max-width:768px){.breadcrumb{margin:0;padding:10px 12px;font-size:13px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;display:flex;align-items:center}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-link,.breadcrumb-current{flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-chevron{flex-shrink:0}}.nav-label{font-weight:600;color:var(--text-secondary);font-size:14px;white-space:nowrap}.nav-btn,.nav-btn-product{padding:6px 12px;cursor:pointer;font-size:12px;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid;text-decoration:none;display:inline-block}.nav-btn{border-radius:4px;max-width:120px;background:var(--table-header-bg);color:var(--text-secondary);border-color:var(--border-primary)}.nav-btn:hover{background:var(--border-primary);border-color:var(--border-accent)}.nav-btn.active{background:var(--btn-primary-bg);color:#fff;border-color:#007bff}.nav-btn.active:hover{background:var(--btn-primary-hover);border-color:#0056b3}.nav-btn-product{border-radius:6px;max-width:150px;background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.nav-btn-product:hover{background:#dcfce7;border-color:#86efac}.workflow{display:flex;flex-direction:column;gap:20px}.table-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:6px;padding:20px;overflow:visible}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-title{margin:0;font-size:18px;color:var(--text-primary);padding:4px 8px;flex:1;min-width:0;border-radius:4px;cursor:pointer;transition:background-color .2s}.table-title:hover{background-color:var(--bg-quaternary)}.table-title[contenteditable=true]{background-color:transparent;border:none;outline:none;padding:4px 8px}.table-controls{display:flex;gap:8px}.workflow-arrow{width:45px;height:45px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;border:3px solid white;margin:15px auto 25px;position:relative;align-self:center;box-shadow:0 4px 15px #28a7454d;transition:all .3s ease}.workflow-arrow:hover{transform:scale(1.1);box-shadow:0 6px 20px #28a74566;background:linear-gradient(135deg,#20c997,#17a2b8)}.workflow-arrow:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(45deg,#28a745,#20c997,#17a2b8,#6f42c1);z-index:-1;opacity:0;transition:opacity .3s ease}.workflow-arrow:hover:before{opacity:.7;animation:gradientRotate 2s linear infinite}@keyframes gradientRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-list{margin-top:20px}.file-list h2{font-size:18px;margin-bottom:10px;color:#333}}@layer base{.admin-consent-email{font-size:calc(var(--text-sm) * .9)}@media(max-width:768px){.admin-consent-email{font-size:var(--text-base)}}:root{--auth-primary-color: #4285f4;--auth-primary-hover: #357ae8;--auth-danger-color: #dc3545;--auth-danger-hover: #c82333;--auth-text-color: var(--text-primary);--auth-text-muted: var(--text-muted);--auth-bg-light: var(--bg-primary);--auth-bg-card: var(--bg-tertiary);--auth-avatar-size: 32px;--auth-avatar-size-large: 48px;--auth-border-radius: 50%;--auth-border-radius-card: 12px;--auth-border-radius-button: 6px;--auth-border-radius-small: 4px}.auth-controls-fixed{position:fixed;top:20px;right:20px;z-index:1000;background:var(--bg-secondary);border-radius:var(--auth-border-radius-button);box-shadow:0 2px 10px var(--shadow-light);padding:8px}.auth-controls-fixed #auth-container{margin:0}.auth-controls-fixed .user-info{background:transparent;padding:4px 8px}.auth-controls-fixed .user-top-row{gap:8px}.auth-controls-fixed .login-button{padding:8px 16px;font-size:14px;width:auto}.auth-controls-fixed .logout-button{padding:4px 8px;font-size:12px}.auth-controls-fixed .user-name{font-size:14px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-controls-fixed .user-name{font-size:12px}.auth-controls-fixed .company-name{font-size:11px}.auth-controls-fixed .avatar-container{width:32px;height:32px}.auth-controls-fixed .admin-link,.auth-controls-fixed .theme-toggle-btn-inline,.auth-controls-fixed .logout-button{width:24px;height:24px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--auth-bg-light)}.login-card{background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--auth-border-radius-card);box-shadow:0 4px 6px var(--shadow-light);padding:40px;max-width:400px;width:100%;text-align:center}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.login-logo{width:60px;height:60px;margin-bottom:16px}.login-header h1{color:var(--auth-text-color);font-size:28px;margin:0 0 8px}.login-header p{color:var(--auth-text-muted);margin:0;font-size:16px}.login-content{width:100%}.hack-login-dev{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-muted, #e5e7eb);text-align:center}.hack-login-hint{margin-bottom:.25rem;font-size:.85rem;color:var(--auth-text-muted)}.hack-login-dev .hack-login-toggle,.hack-login-dev .hack-login-submit{margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.hack-login-form:not([hidden]){margin-top:.75rem;display:grid;gap:.5rem;text-align:left}.hack-login-form label{font-weight:600;font-size:.9rem}.hack-login-message{margin-top:.75rem;font-size:.9rem;min-height:1.2em}.hack-login-message-error{color:var(--auth-danger-color)}.login-message{text-align:center;margin-bottom:20px}.login-button{background-color:var(--auth-primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--auth-border-radius-button);cursor:pointer;font-size:16px;transition:background-color .3s;width:100%;display:flex;align-items:center;justify-content:center;gap:12px}.login-button:hover{background-color:var(--auth-primary-hover)}.google-icon{flex-shrink:0}.user-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 16px;background-color:var(--auth-bg-card);color:var(--text-primary);border-radius:var(--auth-border-radius-button)}.user-top-row{display:flex;align-items:center;gap:12px}.user-info.login-page{text-align:center;flex-direction:column;background:transparent;padding:0}.user-details{display:flex;flex-direction:column;align-items:center;gap:4px}.user-details span,.user-name{font-weight:500;color:var(--auth-text-color)}.company-name{font-size:14px;color:var(--auth-text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;text-align:center;padding-top:10px}.user-action-buttons{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-top:4px}.admin-link{display:flex;align-items:center;gap:6px;padding:6px 12px;margin-top:8px;background:#f0f9ff;color:#1e40af;text-decoration:none;border-radius:var(--auth-border-radius-button);font-size:12px;font-weight:500;border:1px solid #bfdbfe;transition:all .2s ease;white-space:nowrap}.admin-link:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8;text-decoration:none}.admin-icon{flex-shrink:0;opacity:.8}.user-avatar-container{position:relative;width:var(--auth-avatar-size);height:var(--auth-avatar-size)}.avatar-container{width:32px;height:32px;overflow:hidden;border-radius:50%;position:relative}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback{width:100%;height:100%;border-radius:50%;background-color:#4285f4;display:none;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.login-page .user-avatar-container{margin-bottom:16px;width:var(--auth-avatar-size-large);height:var(--auth-avatar-size-large)}.user-avatar{width:var(--auth-avatar-size);height:var(--auth-avatar-size);border-radius:var(--auth-border-radius);object-fit:cover}.login-page .user-avatar{width:var(--auth-avatar-size-large);height:var(--auth-avatar-size-large)}.user-avatar-fallback{width:var(--auth-avatar-size);height:var(--auth-avatar-size);border-radius:var(--auth-border-radius);background-color:var(--auth-primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;font-size:14px;margin:0 auto}.login-page .user-avatar-fallback{width:var(--auth-avatar-size-large);height:var(--auth-avatar-size-large);font-size:18px}.logout-button{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);padding:0;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;box-sizing:border-box}.logout-button:hover{background:var(--bg-quaternary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-light)}.logout-button .logout-icon{width:40px;height:40px}.login-page .logout-button{padding:8px 16px;width:auto;height:auto}#login-button,#user-info{display:none}.theme-toggle-btn-inline{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);padding:0;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;box-sizing:border-box}.theme-toggle-btn-inline:hover{background:var(--bg-quaternary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 2px 8px var(--shadow-light)}.theme-toggle-btn-inline .theme-icon{font-size:14px;transition:transform .3s ease}.theme-toggle-btn-inline:hover .theme-icon{transform:scale(1.1) rotate(15deg)}.theme-toggle-btn-inline.switching .theme-icon{animation:themeSwitch .6s ease-in-out}@keyframes themeSwitch{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}.oauth-login-form{background:transparent;border-radius:0;padding:0;box-shadow:none;max-width:100%;margin:0}.provider-buttons{display:flex;flex-direction:column;gap:16px}.provider-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 24px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;color:#1a1a1a;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;gap:12px}.provider-btn:hover:not(.coming-soon){border-color:#4285f4;box-shadow:0 2px 8px #4285f433;transform:translateY(-1px)}.provider-btn:active:not(.coming-soon){transform:translateY(0)}.provider-icon{width:20px;height:20px;flex-shrink:0}.google-btn:hover{border-color:#4285f4;background:#f8f9ff}.microsoft-btn:hover:not(.coming-soon){border-color:#0078d4;background:#f3f9ff}.enterprise-btn:hover:not(.coming-soon){border-color:#2196f3;background:#f0f8ff}.provider-btn.coming-soon{cursor:not-allowed;position:relative}.coming-soon-text{position:absolute;top:-8px;right:12px;background:var(--color-warning);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.auth-controls-compact .provider-btn.coming-soon{display:none}.auth-controls-compact .provider-buttons{align-items:center}.auth-controls-compact .provider-btn{width:auto;min-width:260px}@media(max-width:500px){.auth-controls-compact .provider-btn{width:100%;min-width:0}}.oauth-error{margin-top:24px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-content{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.error-message{font-size:14px;line-height:1.4}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background:#b91c1c}.oauth-loading{margin-top:24px;padding:24px;text-align:center}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#666}.spinner{width:24px;height:24px;border:3px solid #f3f4f6;border-top:3px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}@media(max-width:480px){.login-card{margin:0 16px;padding:24px}.provider-btn{padding:14px 20px;font-size:15px}.login-header h1{font-size:24px}}}@layer base{.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--duration-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:var(--space-5)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-secondary);background:var(--bg-tertiary)}.card-elevated{box-shadow:var(--shadow-lg);border:none}.card-flat{box-shadow:none;border:1px solid var(--border-primary)}.card-outlined{background:transparent;box-shadow:none}.card-accent-primary{border-top:3px solid var(--color-primary)}.card-accent-success{border-top:3px solid var(--color-success)}.card-accent-warning{border-top:3px solid var(--color-warning)}.card-accent-error{border-top:3px solid var(--color-error)}.table-locked{opacity:.7;position:relative}.table-locked .data-table{pointer-events:none}.table-locked .btn-lock{pointer-events:auto}.table-locked:after{content:"🔒 Locked for editing";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);padding:var(--space-4) var(--space-6);border:2px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-weight:var(--font-semibold);font-size:var(--text-base);z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:var(--shadow-lg)}.locked-indicator{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border:1px solid var(--color-error);border-radius:var(--radius-md);background:#ef44441a}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-bold)}.page-header .subtitle,.page-header p{margin:0;color:var(--text-muted);font-size:var(--text-lg)}.fiscal-year-badge{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;background:var(--btn-primary-bg, #007bff);color:#fff;border-radius:16px;font-size:.875rem;font-weight:500;line-height:1.5}.fiscal-year-badge-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:#ffffff4d;color:#fff;border-radius:50%;font-size:14px;line-height:1;cursor:pointer;transition:background .2s ease}.fiscal-year-badge-clear:hover{background:#ffffff80}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);line-height:1}.badge-primary{background:var(--color-primary);color:#fff}.badge-secondary{background:var(--bg-quaternary);color:var(--text-secondary)}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:#fff}.badge-error{background:var(--color-error);color:#fff}.badge-outline{background:transparent;border:1px solid var(--border-primary);color:var(--text-secondary)}.divider{height:1px;background:var(--border-primary);margin:var(--space-4) 0}.divider-vertical{width:1px;height:auto;background:var(--border-primary);margin:0 var(--space-4)}.btn-outline{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-outline:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-accent)}.actions-dropdown-hidden{display:none}.rotate-arrow{transition:transform .2s ease}.rotate-arrow.rotated{transform:rotate(180deg)}.autocomplete-container{position:relative}.dropdown-positioned{position:absolute;z-index:1000}:root{--gauge-border-radius-sm: 2px;--gauge-border-radius-md: 4px;--gauge-border-radius-lg: 6px;--gauge-slider-height-sm: 4px;--gauge-slider-height-md: 6px;--gauge-thumb-size-sm: 16px;--gauge-thumb-size-md: 18px;--gauge-spacing-sm: .4rem;--gauge-spacing-md: .5rem;--gauge-font-size-xs: 10px;--gauge-font-size-sm: 12px;--gauge-font-size-md: .75rem;--gauge-font-size-lg: .875rem}.gauge-widget{display:flex;align-items:center;gap:var(--gauge-spacing-md);margin-top:var(--gauge-spacing-md);padding:var(--gauge-spacing-sm);background:var(--background-soft, #f8f9fa);border-radius:var(--gauge-border-radius-md);border:1px solid var(--border-light, #e9ecef);width:100%;box-sizing:border-box}.gauge-slider-base,.gauge-slider,.gauge-control-slider{flex:1;background:var(--border-light, #e9ecef);border-radius:var(--gauge-border-radius-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.gauge-slider-base::-webkit-slider-thumb,.gauge-slider::-webkit-slider-thumb,.gauge-control-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary, #007bff);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #00000026}.gauge-slider-base::-moz-range-thumb,.gauge-slider::-moz-range-thumb,.gauge-control-slider::-moz-range-thumb{background:var(--primary, #007bff);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #00000026}.gauge-slider-base:hover::-webkit-slider-thumb,.gauge-slider:hover::-webkit-slider-thumb,.gauge-control-slider:hover::-webkit-slider-thumb{background:var(--primary-dark, #0056b3);transform:scale(1.1);transition:all .15s ease}.gauge-slider-base:hover::-moz-range-thumb,.gauge-slider:hover::-moz-range-thumb,.gauge-control-slider:hover::-moz-range-thumb{background:var(--primary-dark, #0056b3);transform:scale(1.1);transition:all .15s ease}.gauge-slider{height:var(--gauge-slider-height-md)}.gauge-slider::-webkit-slider-thumb{width:var(--gauge-thumb-size-md);height:var(--gauge-thumb-size-md)}.gauge-slider::-moz-range-thumb{width:var(--gauge-thumb-size-md);height:var(--gauge-thumb-size-md)}.gauge-label-base,.gauge-label,.gauge-control-min,.gauge-control-max{font-weight:500;color:var(--text-muted, #6c757d);text-align:center}.gauge-value-base,.gauge-value,.gauge-control-value{font-weight:600;color:var(--text-primary, #212529);text-align:center}.gauge-label{font-size:var(--gauge-font-size-md);min-width:2rem}.gauge-value{font-size:var(--gauge-font-size-lg);min-width:2.5rem;text-align:center;background:var(--background, #fff);padding:.25rem .5rem;border-radius:var(--gauge-border-radius-md);border:1px solid var(--border-light, #e9ecef)}}@layer base{.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.gap-8{gap:2rem!important}.m-0{margin:0!important}.mt-4{margin-top:1rem!important}.mb-4{margin-bottom:1rem!important}.ml-2{margin-left:.5rem!important}.mr-2{margin-right:.5rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-basis-full{flex-basis:100%!important}.flex-center{display:flex!important;align-items:center!important;gap:10px!important}.flex-between{display:flex!important;justify-content:space-between!important;align-items:center!important}.flex-gap-10{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.flex-item-grow{flex:1!important;min-width:140px!important}.clickable{cursor:pointer}.transition-fast{transition:all .2s ease}.transition-bg{transition:background-color .2s}.font-sm{font-size:.875rem}.font-weight-medium{font-weight:500}.font-weight-semibold{font-weight:600}.rounded-none{border-radius:0}.rounded-2px{border-radius:2px}.rounded-3px{border-radius:3px}.rounded-4px{border-radius:4px}.rounded-6px{border-radius:6px}.rounded-8px{border-radius:8px}.rounded-12px{border-radius:12px}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.border-none{border:none}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-4px-8px{padding:4px 8px}.p-6px-12px{padding:6px 12px}.p-8px-12px{padding:8px 12px}.p-10px-16px{padding:10px 16px}.p-12px-16px{padding:12px 16px}.p-16px-24px{padding:16px 24px}.p-2px-4px{padding:2px 4px}.p-2px-7px{padding:2px 7px}.p-8px-16px{padding:8px 16px}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.m-0{margin:0}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1rem{margin-bottom:1rem}.mb-half{margin-bottom:.5rem}.btn-base{cursor:pointer;transition:all .2s ease;border-radius:4px;font-size:.875rem;padding:.5rem 1rem;font-weight:500;border:none;text-decoration:none;display:inline-block;text-align:center}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-md{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.625rem 1.25rem;font-size:1rem}.btn-rounded-sm{border-radius:3px}.btn-rounded-md{border-radius:4px}.btn-rounded-lg{border-radius:6px}.btn-rounded-xl{border-radius:8px}.btn-product-base{cursor:pointer;transition:all .2s;border-radius:6px;font-size:.875rem;font-weight:500;border:none;color:#fff}.btn-table-base{cursor:pointer;transition:background-color .2s;border-radius:4px;font-size:.875rem;border:none;color:#fff}.btn-control-base{cursor:pointer;transition:all .2s ease;border-radius:3px;font-size:12px;font-weight:500;border:1px solid var(--border-primary);background:var(--bg-primary);color:var(--text-primary)}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.bg-primary{background:#3b82f6}.bg-primary-dark{background:#2563eb}.bg-primary-darker{background:#1d4ed8}.bg-success{background:#10b981}.bg-success-dark{background:#059669}.bg-success-darker{background:#047857}.bg-danger{background:#dc2626}.bg-danger-dark{background:#b91c1c}.bg-purple{background:#8b5cf6}.bg-purple-dark{background:#7c3aed}.bg-purple-darker{background:#6d28d9}.bg-gray{background:#6b7280}.bg-gray-dark{background:#4b5563}.bg-gray-light{background:#9ca3af}.bg-gray-lighter{background:#d1d5db}.bg-sky{background:#0ea5e9}.bg-sky-dark{background:#0284c7}.bg-emerald{background:#059669}.bg-emerald-dark{background:#047857}.bg-light{background:#f8f9fa}.bg-light-gray{background:#f8fafc}.bg-light-blue{background:#f1f5f9}.bg-white{background:#fff}.bg-gray-50{background:#f9fafb}.bg-gray-100{background:#f3f4f6}.bg-gray-200{background:#e5e7eb}.bg-blue-50{background:#dbeafe}.bg-red-50{background:#fee2e2}.text-primary{color:#3b82f6}.text-success{color:#10b981}.text-danger{color:#dc2626}.text-gray{color:#6b7280}.text-gray-dark{color:#374151}.text-white{color:#fff}.border-primary{border:1px solid #3b82f6}.border-primary-light{border:1px solid #93c5fd}.border-success{border:1px solid #10b981}.border-danger{border:1px solid #dc2626}.border-danger-light{border:1px solid #fca5a5}.border-gray{border:1px solid #d1d5db}.border-gray-light{border:1px solid #e5e7eb}.border-blue{border:1px solid #2563eb}.hover-bg-primary:hover{background:#2563eb}.hover-bg-success:hover{background:#059669}.hover-bg-danger:hover{background:#fee2e2}.hover-bg-gray:hover{background:#f3f4f6}.hover-bg-blue:hover{background:#dbeafe}.hover-border-primary:hover{border-color:#60a5fa}.hover-border-danger:hover{border-color:#f87171}.hover-border-gray:hover{border-color:#9ca3af}.hover-transform:hover{transform:translateY(-1px)}.inline-flex-center{display:inline-block;margin-right:8px}.cache-status-inline{display:inline-block;margin-left:8px}.cache-stat-success{color:#10b981}}@layer base{.refresh-spin{animation:spin 1s linear!important;transform-origin:center center!important}.spin-slow{animation:spin 2s linear infinite}.spin-fast{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.fade-in-slow{animation:fadeIn var(--duration-slow) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut var(--duration-normal) var(--ease-out)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.slide-in{animation:slideInDown var(--duration-normal) var(--ease-out)}.slide-in-up{animation:slideInUp var(--duration-normal) var(--ease-out)}.slide-in-left{animation:slideInLeft var(--duration-normal) var(--ease-out)}.slide-in-right{animation:slideInRight var(--duration-normal) var(--ease-out)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pop-in{animation:popIn var(--duration-fast) var(--ease-out)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse-scale{animation:pulseScale 2s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.bounce{animation:bounce 1s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-quaternary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-circle{border-radius:var(--radius-full)}.hover-lift{transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale{transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-fast) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #2563eb4d}.transition-all{transition:all var(--duration-normal) var(--ease-out)}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}.transition-colors{transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-out)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer base{.gradient-blue-stop-0{stop-color:#06b6d4;stop-opacity:1}.gradient-blue-stop-100{stop-color:#3b82f6;stop-opacity:1}.gradient-preview-stop-0{stop-color:#06c;stop-opacity:1}.gradient-preview-stop-100{stop-color:#007bff;stop-opacity:1}.gradient-slug-stop-0{stop-color:#17a2b8;stop-opacity:1}.gradient-slug-stop-100{stop-color:#20c997;stop-opacity:1}}@layer base{.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px;display:block;line-height:1.5}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;transition:border-color .15s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}.form-section,.content-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.form-section h2,.content-section h2{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.form-input{padding:10px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;transition:border-color .15s ease;width:100%}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-select{padding:10px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;cursor:pointer;width:100%}.form-textarea{padding:10px 12px;border:1px solid #dee2e6;border-radius:4px;font-size:14px;resize:vertical;min-height:80px;width:100%}.form-label{margin-top:12px;margin-bottom:8px;font-weight:500;color:var(--text-primary)!important;font-size:14px;display:block;line-height:1.5}.form-group:first-child .form-label{margin-top:5px}.entity-checkbox-list{max-height:200px;overflow-y:auto;border:1px solid #dee2e6;border-radius:4px;padding:10px;background:#fff}.checkbox-label{display:flex;align-items:center;padding:5px 0;cursor:pointer;margin-bottom:0;font-weight:400}.checkbox-label:hover{background-color:#f8f9fa}.form-checkbox{margin-right:8px;margin-bottom:0;width:auto}.modal-body .form-group{margin-bottom:24px}.modal-body .form-label{margin-bottom:10px;line-height:1.6}.modal-body .form-hint{color:var(--text-muted);font-size:12px;margin-top:6px;line-height:1.4}.modal-body .form-error{color:#dc3545;font-size:12px;margin-top:6px;line-height:1.4}.modal-body .entity-selection{line-height:1.5}.modal-body .checkbox-label{line-height:1.5;margin-bottom:4px}.modal-body .checkbox-text{line-height:1.5}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:15px}}}@layer base{@media(max-width:768px){.form-group input,.form-group select,.form-group textarea,.form-input,.form-select,.form-textarea{font-size:var(--text-base)}}}