:root{--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-elevated: #f1f5f9;--bg-surface-hover: #e2e8f0;--bg-input: #ffffff;--border-subtle: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #4f46e5;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-accent: #6366f1;--btn-primary-bg: #0f172a;--btn-primary-text: #ffffff;--btn-primary-border: #0f172a;--btn-primary-hover: #1e293b;--success: #059669;--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning: #d97706;--warning-bg: #fffbeb;--warning-border: #fde68a;--danger: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--info: #2563eb;--info-bg: #eff6ff;--info-border: #bfdbfe;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-dropdown: 0 12px 30px -4px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .2s ease}[data-theme=dark]{--bg-app: #090b10;--bg-surface: #0f131c;--bg-surface-elevated: #151a26;--bg-surface-hover: #1c2232;--bg-input: #121722;--border-subtle: #1c2230;--border-default: #262f42;--border-strong: #37435e;--border-focus: #6366f1;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-disabled: #475569;--brand-primary: #4f46e5;--brand-primary-hover: #4338ca;--brand-accent: #6366f1;--btn-primary-bg: #ffffff;--btn-primary-text: #090b10;--btn-primary-border: rgba(255, 255, 255, .9);--btn-primary-hover: #f1f5f9;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .25);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .25);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .25);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--info-border: rgba(59, 130, 246, .25);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-dropdown: 0 12px 30px -4px rgba(0, 0, 0, .7)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:14px;transition:background-color var(--transition-fast),color var(--transition-fast)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md)}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.glass-panel:hover{border-color:var(--border-strong)}input,select,textarea{font-family:var(--font-sans);font-size:.875rem;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.55rem .75rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #6366f126}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);border-radius:var(--radius-sm);padding:.5rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary-indigo{background:var(--brand-primary);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:.5rem 1rem;font-weight:600;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all var(--transition-fast)}.btn-primary-indigo:hover{background:var(--brand-primary-hover)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:.5rem .875rem;font-weight:500;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-sm);padding:.4rem .65rem;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all var(--transition-fast)}.btn-ghost:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:var(--radius-xs);font-size:.75rem;font-weight:500;letter-spacing:.01em}.badge-active{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-inactive{background:var(--bg-surface-elevated);color:var(--text-muted);border:1px solid var(--border-default)}.badge-video{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-image{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-carousel{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-neutral{background:var(--bg-surface-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:750px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-dropdown)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.data-table th{padding:.75rem 1rem;background:var(--bg-surface-elevated);color:var(--text-secondary);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-default)}.data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tr:hover td{background:var(--bg-surface-hover)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border-default);border-radius:var(--radius-full);outline:none;cursor:pointer;margin:4px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#2563eb;cursor:pointer;border:2.5px solid #ffffff;box-shadow:0 1px 4px #00000040;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#2563eb;cursor:pointer;border:2.5px solid #ffffff;box-shadow:0 1px 4px #00000040}