.col-resizer>span{transition:background .12s,width .12s}.col-resizer:hover>span{background:var(--accent)!important;width:4px!important}:root{--bg: #0a0b0d;--bg2: #111318;--bg3: #191c24;--border: #252832;--text: #e8eaf0;--text2: #8b8fa8;--accent: #4f8cff;--green: #22c55e;--red: #ef4444;--amber: #f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-weight:600}code,.mono{font-family:DM Mono,monospace}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:DM Sans,sans-serif;border:none;font-size:.875rem;border-radius:8px;padding:8px 16px;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#3d7aee}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-ghost{background:transparent;color:var(--text2)}.btn-ghost:hover{color:var(--text);background:var(--bg3)}input,select,textarea{font-family:DM Sans,sans-serif;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:8px;font-size:.875rem;outline:none;transition:border-color .15s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--text2)}select{cursor:pointer}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:500;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.5px}.tag-wl{background:#4f8cff26;color:var(--accent)}.tag-chr{background:#a855f726;color:#a855f7}.tag-shc{background:#ec489926;color:#ec4899}.tag-vid{background:#22c55e26;color:var(--green)}.tag-img{background:#f59e0b26;color:var(--amber)}.tag-approved{background:#22c55e26;color:var(--green)}.tag-pending{background:#f59e0b26;color:var(--amber)}.tag-rejected{background:#ef444426;color:var(--red)}.tag-duplicate{background:#8b8fa826;color:var(--text2)}.tag-trash{background:#78350f40;color:#f97316;text-decoration:line-through}.tag-slot{background:#1a2e1a;color:#4ade80;border:1px solid #1a3d1a}.tag-crash{background:#2e1a1a;color:#f87171;border:1px solid #3d1a1a}.tag-offline{background:#1a1a2e;color:#818cf8;border:1px solid #1a1a3d}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:.75rem;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}td{padding:10px 12px;font-size:.875rem;border-bottom:1px solid var(--border);white-space:nowrap}tr:hover td{background:var(--bg3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:20px}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:32px;text-align:center;color:var(--text2);cursor:pointer;transition:all .15s ease}.upload-zone:hover,.upload-zone.active{border-color:var(--accent);color:var(--accent);background:#4f8cff0d}.score-bar{width:100%;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.stat-card .stat-label{font-size:.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-card .stat-value{font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.8rem;color:var(--text2);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.skeleton{display:inline-block;border-radius:4px;background:#ffffff1a;animation:pulse 1.4s ease-in-out infinite;vertical-align:middle}.creo-card:hover .creo-card-actions{opacity:1!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
