:root{--bg-primary: #0D0D0D;--bg-surface: #171717;--bg-elevated: #1E1E1E;--bg-hover: #262626;--bg-input: #1A1A1A;--accent: #CD0E13;--accent-hover: #9D1C1F;--accent-muted: rgba(205, 14, 19, .12);--text-primary: #E5E5E5;--text-secondary:#A3A3A3;--text-tertiary: #525252;--text-inverse: #0D0D0D;--border: #262626;--border-strong: #404040;--danger: #EF4444;--danger-muted: rgba(239, 68, 68, .12);--success: #22C55E;--success-muted: rgba(34, 197, 94, .12);--info: #3B82F6;--info-muted: rgba(59, 130, 246, .12);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--radius: 2px;--radius-md: 4px}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.font-mono{font-family:var(--font-mono)}.heading-xl{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-primary)}.heading-lg{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--text-primary)}.heading-md{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.section-label{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.data-text{font-family:var(--font-mono);font-size:13px;font-weight:400;color:var(--text-secondary)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card-compact{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-family:var(--font-sans);font-size:13px;font-weight:500;line-height:1;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:14px}.input{width:100%;padding:10px 12px;font-family:var(--font-sans);font-size:14px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-tertiary)}.input-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.02em}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23A3A3A3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.input{resize:vertical;min-height:80px}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.table-container table{width:100%;border-collapse:collapse}.table-container thead{background:var(--bg-elevated)}.table-container th{padding:12px 16px;text-align:left;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border)}.table-container td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border)}.table-container tbody tr{transition:background-color .1s ease}.table-container tbody tr:hover{background:var(--bg-hover)}.table-container tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;border-radius:var(--radius);letter-spacing:.02em}.badge-success{background:var(--success-muted);color:var(--success)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-neutral{background:var(--bg-hover);color:var(--text-secondary)}.badge-accent{background:var(--accent-muted);color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;justify-content:center;align-items:center;padding:16px}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-height:90vh;overflow-y:auto}.modal-content-sm{max-width:400px}.modal-content-md{max-width:560px}.modal-content-lg{max-width:720px}.modal-content-xl{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-body{padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-title{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--page-title-color, var(--text-primary))}.page-subtitle{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-card .stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.stat-card .stat-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-top:8px;letter-spacing:.02em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .15s ease}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn-danger:hover{background:var(--danger-muted);color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}}.divider{height:1px;background:var(--border);border:none;margin:16px 0}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s ease;font-size:13px;color:var(--text-secondary)}.checkbox-item:hover{border-color:var(--border-strong);background:var(--bg-hover)}.checkbox-item.active{border-color:var(--accent);background:var(--accent-muted);color:var(--accent)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-tertiary)}.empty-state svg{margin:0 auto 16px;opacity:.4}.alert-error{padding:12px 16px;background:var(--danger-muted);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--danger);font-size:13px}.alert-success{padding:12px 16px;background:var(--success-muted);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius);color:var(--success);font-size:13px}.color-swatch{width:24px;height:24px;border-radius:var(--radius);border:2px solid var(--border-strong);flex-shrink:0}.transition-fast{transition:all .15s ease}.bg-surface{background-color:var(--bg-surface)!important}.bg-elevated{background-color:var(--bg-elevated)!important}.bg-primary-dark{background-color:var(--bg-primary)!important}.text-accent{color:var(--accent)!important}.border-subtle{border-color:var(--border)!important}body.theme-light{--bg-primary: #F5F5F5;--bg-surface: #FFFFFF;--bg-elevated: #FAFAFA;--bg-hover: #F0F0F0;--bg-input: #FFFFFF;--accent-muted: rgba(205, 14, 19, .1);--text-primary: #171717;--text-secondary:#525252;--text-tertiary: #A3A3A3;--text-inverse: #FFFFFF;--border: #E5E5E5;--border-strong: #D4D4D4;--danger-muted: rgba(239, 68, 68, .08);--success-muted: rgba(34, 197, 94, .08);--info-muted: rgba(59, 130, 246, .08)}body.theme-light ::-webkit-scrollbar-track{background:var(--bg-surface)}body.theme-light ::-webkit-scrollbar-thumb{background:var(--border-strong)}body.theme-light ::-webkit-scrollbar-thumb:hover{background:#bfbfbf}body.theme-light select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23525252' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E")}body.theme-light .modal-overlay{background:#0006}body.theme-light .input{border-color:#d4d4d4}body.theme-light .input:focus{border-color:var(--accent)}body.theme-light .icon-btn:hover{background:#e5e5e5}body.theme-light .icon-btn-danger:hover{background:#ef444414}body{transition:background-color .3s ease,color .3s ease}.card,.card-compact,.stat-card,.modal-content,.table-container,.input,.btn,.badge,.checkbox-item,.divider,.icon-btn{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.sidebar-resize-handle{background:transparent;transition:background-color .15s ease}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background-color:var(--accent)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}