:root{--admin-primary: #3b82f6;--admin-primary-hover: #2563eb;--admin-primary-light: rgba(59, 130, 246, .1);--admin-secondary: #a855f7;--admin-secondary-hover: #9333ea;--admin-secondary-light: rgba(168, 85, 247, .2);--admin-background: #1a1a1a;--admin-surface: #2a2a2a;--admin-surface-hover: #333;--admin-surface-elevated: #333;--admin-overlay: rgba(0, 0, 0, .8);--admin-text-primary: #fff;--admin-text-secondary: #ccc;--admin-text-muted: #999;--admin-text-white: #fff;--admin-border: #444;--admin-border-hover: #555;--admin-error: #ef4444;--admin-error-hover: #dc2626;--admin-error-light: rgba(239, 68, 68, .2);--admin-success: #10b981;--admin-success-hover: #059669;--admin-success-light: rgba(34, 197, 94, .2);--admin-warning: #f59e0b;--admin-disabled: #666;--admin-disabled-light: rgba(100, 100, 100, .2)}.dev-component-overlay{pointer-events:none}.dev-component-overlay .overlay-content{pointer-events:auto}.dev-component-overlay:not(:hover){opacity:.7}.dev-component-overlay:hover{opacity:1}.overlay-content{transition:all .2s ease-in-out}.overlay-content.expanded{transform:scale(1.05)}.json-editor-modal-backdrop{z-index:99999}.component-name{user-select:none}.dev-rebuild-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f172aa6;backdrop-filter:blur(4px);z-index:100000;pointer-events:auto}.dev-rebuild-dialog{display:flex;align-items:center;gap:12px;background:#111827f2;border:1px solid rgba(96,165,250,.45);border-radius:12px;padding:18px 24px;color:#e0f2fe;font-family:monospace;box-shadow:0 20px 45px #0f172a73}.dev-rebuild-message{font-size:14px;line-height:1.4;max-width:320px}.dev-rebuild-spinner{width:20px;height:20px;border-radius:50%;border:2px solid rgba(96,165,250,.35);border-top-color:#60a5fa;animation:dev-rebuild-spin .75s linear infinite}@keyframes dev-rebuild-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-background{background-color:var(--background-primary)}.bg-surface{background-color:var(--surface)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.cif-bg-background{background-color:var(--background-primary)}.cif-bg-surface{background-color:var(--surface)}.cif-bg-primary{background-color:var(--primary)}.cif-bg-secondary{background-color:var(--secondary)}.cif-bg-accent{background-color:var(--accent)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-heading{color:var(--text-heading)}.cif-text-primary{color:var(--text-primary)}.cif-text-secondary{color:var(--text-secondary)}.cif-text-muted{color:var(--text-muted)}.cif-text-inverse{color:var(--text-inverse)}.cif-text-heading{color:var(--text-heading)}.cif-text-link{color:var(--link)}.border-primary{border-color:var(--primary)}.border-surface,.border-muted{border-color:var(--border)}.cif-border-primary{border-color:var(--primary)}.cif-border-surface,.cif-border-muted{border-color:var(--border)}.hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--secondary-hover)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:cif-bg-primary-hover:hover{background-color:var(--primary-hover)}.hover\:cif-bg-secondary-hover:hover{background-color:var(--secondary-hover)}.hover\:cif-text-link-hover:hover{color:var(--link-hover)}.bg-primary\/10{background-color:rgba(var(--primary-rgb),.1)}.bg-primary\/20{background-color:rgba(var(--primary-rgb),.2)}.bg-primary\/30{background-color:rgba(var(--primary-rgb),.3)}.bg-primary\/50{background-color:rgba(var(--primary-rgb),.5)}.bg-success\/20{background-color:rgba(var(--success-rgb),.2)}.bg-error\/20{background-color:rgba(var(--error-rgb),.2)}.bg-warning\/20{background-color:rgba(var(--warning-rgb),.2)}.bg-info\/10{background-color:rgba(var(--info-rgb),.1)}.bg-info\/20{background-color:rgba(var(--info-rgb),.2)}.border-primary\/20{border-color:rgba(var(--primary-rgb),.2)}.border-primary\/30{border-color:rgba(var(--primary-rgb),.3)}.border-primary\/50{border-color:rgba(var(--primary-rgb),.5)}