*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--font-base);line-height:1.5;color:var(--foreground);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:1.2}p{margin:0}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}:root{--white: #ffffff;--black: #000000;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-150: #eeeeef;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--gray-950: #09090b;--accent-blue: #2563eb;--accent-indigo: #6366f1;--accent-green: #059669;--accent-red: #dc2626;--accent-yellow: #d97706;--accent-purple: #7c3aed;--accent-orange: #ea580c;--accent-teal: #0891b2;--accent-pink: #db2777;--accent-blue-light: #3b82f6;--accent-blue-dark: #1d4ed8;--accent-green-light: #10b981;--accent-green-dark: #047857;--accent-red-light: #ef4444;--accent-red-dark: #b91c1c;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--font-sans: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;--font-mono: "SF Mono", "Roboto Mono", monospace;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-none: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .375rem;--radius-xl: .5rem;--radius-2xl: .75rem;--radius-3xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--color-bg-base: var(--gray-50);--color-bg-subtle: var(--white);--color-bg-muted: var(--gray-100);--color-bg-emphasis: var(--gray-900);--color-border-default: var(--gray-200);--color-border-muted: var(--gray-150);--color-border-emphasis: var(--gray-300);--color-text-default: var(--gray-900);--color-text-muted: var(--gray-600);--color-text-subtle: var(--gray-500);--color-text-on-emphasis: var(--white);--color-accent-default: var(--accent-blue);--color-accent-emphasis: var(--accent-indigo);--color-accent-muted: rgba(37, 99, 235, .1);--color-success: var(--accent-green);--color-success-light: var(--accent-green-light);--color-success-muted: rgba(5, 150, 105, .1);--color-danger: var(--accent-red);--color-danger-light: var(--accent-red-light);--color-danger-muted: rgba(220, 38, 38, .1);--color-warning: var(--accent-yellow);--color-warning-muted: rgba(217, 119, 6, .1);--color-info: var(--accent-teal);--color-info-muted: rgba(8, 145, 178, .1);--color-focus: var(--accent-blue);--color-selection: rgba(37, 99, 235, .2)}:root{--background: var(--color-bg-base);--foreground: var(--color-text-default);--card: var(--color-bg-subtle);--card-foreground: var(--color-text-default);--popover: var(--color-bg-base);--popover-foreground: var(--color-text-default);--primary: var(--color-accent-default);--primary-foreground: var(--white);--primary-hover: var(--accent-blue-dark);--primary-light: var(--accent-blue-light);--primary-muted: var(--color-accent-muted);--secondary: var(--color-bg-muted);--secondary-foreground: var(--color-text-default);--secondary-hover: var(--gray-200);--secondary-accent: var(--color-accent-muted);--muted: var(--color-bg-muted);--muted-foreground: var(--color-text-muted);--accent: var(--color-bg-muted);--accent-foreground: var(--color-text-default);--destructive: var(--color-danger);--destructive-foreground: var(--white);--destructive-hover: var(--accent-red-dark);--destructive-light: var(--color-danger-light);--destructive-muted: var(--color-danger-muted);--border: var(--color-border-default);--input: var(--color-border-default);--ring: var(--color-focus);--ring-offset: var(--white);--success: var(--color-success);--success-foreground: var(--white);--success-hover: var(--accent-green-dark);--success-muted: var(--color-success-muted);--warning: var(--color-warning);--warning-foreground: var(--white);--warning-muted: var(--color-warning-muted);--info: var(--color-info);--info-foreground: var(--white);--info-muted: var(--color-info-muted);--hover-overlay: rgba(0, 0, 0, .05);--active-overlay: rgba(0, 0, 0, .1);--selected-bg: var(--primary-muted);--selected-border: var(--primary)}[data-theme=dark]{--color-bg-base: var(--gray-950);--color-bg-subtle: var(--gray-900);--color-bg-muted: var(--gray-800);--color-bg-emphasis: var(--white);--color-border-default: var(--gray-800);--color-border-muted: var(--gray-900);--color-border-emphasis: var(--gray-700);--color-text-default: var(--gray-100);--color-text-muted: var(--gray-400);--color-text-subtle: var(--gray-500);--color-text-on-emphasis: var(--gray-900);--color-accent-default: var(--accent-blue);--color-accent-emphasis: var(--accent-indigo);--color-accent-muted: rgba(37, 99, 235, .15);--color-success-muted: rgba(16, 185, 129, .15);--color-danger-muted: rgba(239, 68, 68, .15);--color-warning-muted: rgba(245, 158, 11, .15);--color-info-muted: rgba(6, 182, 212, .15);--hover-overlay: rgba(255, 255, 255, .05);--active-overlay: rgba(255, 255, 255, .1);--ring-offset: var(--gray-950);--secondary-hover: var(--gray-700);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--card: var(--color-bg-subtle)}[data-theme=dark] .ag-theme-quartz,[data-theme=dark] .ag-theme-alpine,[data-theme=dark] .ag-theme-balham,[data-theme=dark] [class*=ag-theme-]{--ag-background-color: #18181b;--ag-foreground-color: #f4f4f5;--ag-border-color: #3f3f46;--ag-header-background-color: #27272a;--ag-header-foreground-color: #f4f4f5;--ag-odd-row-background-color: #09090b;--ag-row-hover-color: rgba(37, 99, 235, .15);--ag-selected-row-background-color: rgba(37, 99, 235, .25);--ag-range-selection-background-color: rgba(37, 99, 235, .25);--ag-input-focus-border-color: #2563eb;--ag-checkbox-checked-color: #2563eb;--ag-range-selection-border-color: #2563eb;--ag-modal-overlay-background-color: rgba(0, 0, 0, .7);--ag-chip-background-color: #27272a;--ag-input-disabled-background-color: #27272a;--ag-input-background-color: #18181b;--ag-panel-background-color: #27272a;--ag-menu-background-color: #27272a;--ag-control-panel-background-color: #27272a;--ag-side-button-selected-background-color: #27272a;--ag-row-background-color: #18181b;--ag-data-color: #f4f4f5;--ag-cell-horizontal-border: 1px solid #3f3f46;--ag-wrapper-border-radius: .5rem}:root{--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-tertiary: #06b6d4;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--gradient-primary: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-secondary: linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-tertiary) 100%);--gradient-success: linear-gradient(135deg, var(--accent-success) 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, var(--accent-danger) 0%, #dc2626 100%);--color-primary: var(--primary);--color-secondary: var(--secondary);--color-success: var(--success);--color-warning: var(--warning);--color-danger: var(--destructive);--color-info: var(--primary);--color-background: var(--background);--color-surface: var(--card);--color-text-primary: var(--foreground);--color-text-secondary: var(--muted-foreground);--color-border: var(--border);--color-bg-base: #fafbfc;--color-bg-subtle: #ffffff;--color-bg-muted: #f6f8fa;--color-bg-emphasis: var(--accent);--color-bg-overlay: rgba(255, 255, 255, .9);--color-border-default: #e2e8f0;--color-border-muted: #f1f5f9;--color-border-emphasis: #cbd5e1;--color-text-default: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-text-on-emphasis: #ffffff;--color-accent-default: var(--accent-primary);--color-accent-emphasis: var(--accent-secondary);--color-accent-muted: rgba(59, 130, 246, .08);--color-accent-hover: rgba(59, 130, 246, .12);--chart-1: #2563eb;--chart-2: #d97706;--chart-3: #0d9488;--chart-4: #e11d48;--chart-5: #7c3aed;--chart-6: #65a30d;--chart-7: #0891b2;--chart-8: #c2410c;--chart-grid: rgba(17, 24, 39, .08);--color-danger-muted: rgba(239, 68, 68, .08);--color-success-muted: rgba(16, 185, 129, .08);--surface: var(--color-bg-muted);--text-muted: var(--color-text-muted);--color-text: var(--color-text-default);--text: var(--color-text-default);--color-bg: var(--color-bg-subtle);--color-bg-default: var(--color-bg-subtle);--bg-subtle: var(--color-bg-muted);--bg-1: var(--color-bg-subtle);--bg-2: var(--color-bg-muted);--input-bg: var(--color-bg-subtle);--color-bg-hover: var(--color-bg-muted);--muted-hover: var(--color-bg-muted);--border-color: var(--color-border-default);--color-error: var(--color-danger);--color-primary-hover: var(--color-accent-hover);--color-primary-muted: var(--color-accent-muted);--color-success-bg: var(--color-success-muted);--color-success-text: var(--color-success);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 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-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8)}[data-theme=dark]{--chart-1: #3b82f6;--chart-2: #c97a06;--chart-3: #12a594;--chart-4: #f43f5e;--chart-5: #8b5cf6;--chart-6: #6d9a15;--chart-7: #0aa2c0;--chart-8: #db6410;--chart-grid: rgba(248, 250, 252, .1);--color-bg-base: #0a0a0a;--color-bg-subtle: #141414;--color-bg-muted: #1a1a1a;--color-bg-overlay: rgba(20, 20, 20, .9);--color-border-default: #2a2a2a;--color-border-muted: #1f1f1f;--color-border-emphasis: #3a3a3a;--color-text-default: #f8fafc;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-accent-muted: rgba(59, 130, 246, .15);--color-accent-hover: rgba(59, 130, 246, .25);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow: 0 0 30px rgba(59, 130, 246, .25)}[data-theme=blue]{--accent-primary: #2563eb;--accent-secondary: #3b82f6;--accent-tertiary: #60a5fa;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%)}[data-theme=green]{--accent-primary: #059669;--accent-secondary: #10b981;--accent-tertiary: #34d399;--gradient-primary: linear-gradient(135deg, #059669 0%, #10b981 100%);--gradient-secondary: linear-gradient(135deg, #10b981 0%, #34d399 100%)}[data-theme=purple]{--accent-primary: #7c3aed;--accent-secondary: #8b5cf6;--accent-tertiary: #a78bfa;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%)}[data-theme=orange]{--accent-primary: #ea580c;--accent-secondary: #f97316;--accent-tertiary: #fb923c;--gradient-primary: linear-gradient(135deg, #ea580c 0%, #f97316 100%);--gradient-secondary: linear-gradient(135deg, #f97316 0%, #fb923c 100%)}[data-theme=red]{--accent-primary: #dc2626;--accent-secondary: #ef4444;--accent-tertiary: #f87171;--gradient-primary: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);--gradient-secondary: linear-gradient(135deg, #ef4444 0%, #f87171 100%)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-default);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}a{color:var(--color-accent-default);text-decoration:none;transition:all .2s ease}a:hover{color:var(--color-accent-emphasis)}button{font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}::selection{background:var(--color-accent-muted);color:var(--color-accent-default)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-muted)}::-webkit-scrollbar-thumb{background:var(--color-border-emphasis);border-radius:5px;border:2px solid var(--color-bg-muted)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}:focus-visible{outline:2px solid var(--color-accent-default);outline-offset:2px}.glass{background:var(--color-bg-overlay);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--color-border-muted)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-pill,.badge{display:inline-block;color:#fff;padding:3px 12px;border-radius:9999px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}.status-pill+.status-pill,.badge+.badge{margin-left:4px}.status-pill--success{background:var(--success, #16a34a)}.status-pill--danger{background:var(--destructive, #dc2626)}.status-pill--warning{background:var(--warning, #d97706)}.status-pill--info{background:var(--info, #2563eb)}.status-pill--primary{background:var(--primary, #3b82f6)}.status-pill--neutral{background:#6b7280}.action-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px!important;margin:0 2px;border:none;border-radius:0!important;cursor:pointer;font-size:12px;font-weight:600;line-height:1.4;color:#fff!important;background:var(--primary, #3b82f6)!important;white-space:nowrap;vertical-align:middle}.action-btn:hover{filter:brightness(.94)}.action-btn--edit,.action-btn--primary{background:var(--primary, #3b82f6)!important}.action-btn--danger,.action-btn--delete{background:var(--destructive, #dc2626)!important}.action-btn--success,.action-btn--activate{background:var(--success, #16a34a)!important}.action-btn--warning,.action-btn--inactivate{background:var(--warning, #d97706)!important}.action-btn--neutral{background:#6b7280!important}.main>*{min-width:0;flex-shrink:0}.detail-row>.label{flex-shrink:0}.detail-row>*:not(.label){min-width:0;overflow-wrap:anywhere}.detail-row.is-long{grid-column:1 / -1}.detail-row.is-long>*:not(.label){white-space:pre-wrap}