@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root,[data-theme=light]{--apice-orange:#f97316;--apice-orange-light:#fb923c;--apice-orange-dark:#ea6c10;--apice-orange-glow:#f973161f;--bg:#f7f8fa;--surface:#fff;--surface-2:#f3f4f6;--border:#e8eaed;--text:#111827;--text-muted:#6b7280;--text-faint:#9ca3af;--apice-black:var(--bg);--apice-black-light:var(--surface);--apice-white:var(--text);--gray-50:#fafafa;--gray-100:#f3f4f6;--gray-200:#1f2937;--gray-300:#374151;--gray-400:#6b7280;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#e8eaed;--gray-800:#e8eaed;--gray-900:#f1f3f5;--success:#16a34a;--success-light:#16a34a1f;--danger:#dc2626;--danger-light:#dc26261a;--warning:#d97706;--warning-light:#d977061f;--info:#2563eb;--info-light:#2563eb1f;--sidebar-width:264px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 4px 14px #10182814;--shadow-lg:0 14px 40px #1018281f;--shadow-glow:0 0 0 3px var(--apice-orange-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--apice-orange-glow:#f973162e;--bg:#0b0b0d;--surface:#16171b;--surface-2:#1f2026;--border:#2a2b31;--text:#f4f5f7;--text-muted:#9ca3af;--text-faint:#6b7280;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#8a8f98;--gray-600:#6b7280;--gray-700:#2a2b31;--gray-800:#24252b;--gray-900:#1f2026;--success:#22c55e;--success-light:#22c55e24;--danger:#ef4444;--danger-light:#ef444424;--warning:#f59e0b;--warning-light:#f59e0b24;--info:#3b82f6;--info-light:#3b82f624;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #0006;--shadow-lg:0 14px 40px #00000080;--shadow-glow:0 0 0 3px var(--apice-orange-glow);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-900)}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--apice-orange)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.text-orange{color:var(--apice-orange)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-muted{color:var(--gray-500)}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--apice-orange), var(--apice-orange-dark));color:#fff;box-shadow:0 2px 8px #f582204d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f5822066}.btn-secondary{background:var(--gray-800);color:var(--gray-200);border:1px solid var(--gray-700)}.btn-secondary:hover{background:var(--gray-700);border-color:var(--gray-600)}.btn-ghost{color:var(--gray-400);background:0 0}.btn-ghost:hover{background:var(--gray-800);color:var(--gray-200)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-icon{width:36px;height:36px;padding:8px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--apice-black-light);border:1px solid var(--gray-800);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:24px}.card:hover{border-color:var(--gray-700)}.card-glow:hover{box-shadow:var(--shadow-glow);border-color:#f582204d}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.form-input{background:var(--gray-900);border:1px solid var(--gray-700);border-radius:var(--radius-md);color:var(--gray-200);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--apice-orange);box-shadow:0 0 0 3px var(--apice-orange-glow)}.form-input::placeholder{color:var(--gray-600)}.form-select{background:var(--gray-900);border:1px solid var(--gray-700);border-radius:var(--radius-md);color:var(--gray-200);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23737373' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 14px;font-size:14px}.form-select:focus{border-color:var(--apice-orange);box-shadow:0 0 0 3px var(--apice-orange-glow)}textarea.form-input{resize:vertical;min-height:100px}.checkbox-group{cursor:pointer;align-items:center;gap:8px;padding:6px 0;display:flex}.checkbox-input{border:2px solid var(--gray-600);background:var(--gray-900);appearance:none;cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);border-radius:4px;position:relative}.checkbox-input:checked{background:var(--apice-orange);border-color:var(--apice-orange)}.checkbox-input:checked:after{content:"✓";color:#fff;font-size:11px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label{color:var(--gray-300);-webkit-user-select:none;user-select:none;font-size:14px}.badge{border-radius:100px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-orange{background:var(--apice-orange-glow);color:var(--apice-orange)}.badge-success{background:var(--success-light);color:var(--success)}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--apice-black-light);border:1px solid var(--gray-700);border-radius:var(--radius-xl);width:90%;max-width:560px;max-height:85vh;padding:32px;animation:.3s slideUp;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--apice-white);font-size:20px;font-weight:700}.table-container{border-radius:var(--radius-lg);border:1px solid var(--gray-800);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--gray-900);text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);text-align:left;border-bottom:1px solid var(--gray-800);padding:12px 16px;font-size:12px;font-weight:600}tbody td{border-bottom:1px solid var(--gray-800);padding:14px 16px;font-size:14px}tbody tr:hover{background:#f582200a}tbody tr:last-child td{border-bottom:none}.tabs{background:var(--gray-900);border-radius:var(--radius-md);gap:4px;width:fit-content;padding:4px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:500}.tab.active{background:var(--apice-orange);color:#fff}.tab:hover:not(.active){color:var(--gray-200);background:var(--gray-800)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:.4s fadeIn}.animate-slide-up{animation:.4s slideUp}.animate-slide-left{animation:.4s slideInLeft}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg, var(--gray-800) 0%, var(--gray-700) 50%, var(--gray-800) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.metric-card{background:var(--apice-black-light);border:1px solid var(--gray-800);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;gap:8px;padding:20px;display:flex}.metric-card:hover{box-shadow:var(--shadow-glow);border-color:#f582204d;transform:translateY(-2px)}.metric-card .metric-label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);font-size:12px;font-weight:600}.metric-card .metric-value{color:var(--apice-white);font-size:28px;font-weight:800;line-height:1.1}.metric-card .metric-change{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.metric-card .metric-change.up{color:var(--success)}.metric-card .metric-change.down{color:var(--danger)}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}:root{--sidebar-width:0px}}.period-selector{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period-btn{border-radius:var(--radius-md);background:var(--gray-800);border:1px solid var(--gray-700);color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:500}.period-btn:hover{border-color:var(--apice-orange);color:var(--apice-orange)}.period-btn.active{background:var(--apice-orange);border-color:var(--apice-orange);color:#fff}.toast{border-radius:var(--radius-md);background:var(--gray-800);border:1px solid var(--gray-700);color:var(--gray-200);z-index:9999;box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--info)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-state-title{color:var(--gray-400);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-text{color:var(--gray-600);max-width:400px;margin-bottom:20px;font-size:14px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--apice-white);font-size:24px;font-weight:800}.page-subtitle{color:var(--gray-500);margin-top:4px;font-size:14px}.chart-wrapper{background:var(--apice-black-light);border:1px solid var(--gray-800);border-radius:var(--radius-lg);padding:24px}.chart-title{color:var(--apice-white);margin-bottom:4px;font-size:16px;font-weight:700}.chart-subtitle{color:var(--gray-500);margin-bottom:20px;font-size:13px}.search-input{background:var(--gray-900);border:1px solid var(--gray-700);border-radius:var(--radius-md);color:var(--gray-200);width:100%;max-width:320px;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23737373' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;outline:none;padding:10px 14px 10px 40px;font-size:14px}.search-input:focus{border-color:var(--apice-orange);box-shadow:0 0 0 3px var(--apice-orange-glow)}