@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";button{transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{box-shadow:0 0 12px #ffffff26}body.light-mode button:hover{box-shadow:0 0 12px #0000001a!important}:root{--primary:#3b82f6;--primary-hover:#60a5fa;--primary-light:#3b82f626;--bg-main:#121212;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1e2f 50%, #111827 100%);--bg-card:#1e1e2399;--border:#ffffff14;--glass-blur:blur(16px);--text-main:#d4d4d4;--text-muted:#a1a1aa;--sidebar-width:250px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px 0 #000c;--shadow-md:0 4px 6px -1px #0009, 0 2px 4px -2px #0009;--shadow-lg:0 20px 25px -5px #000c, 0 8px 10px -6px #000c;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}body.light-mode{--bg-main:#fff7ed;--bg-gradient:none;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0}body.light-mode .form-control{color:#0f172a;background-color:#fff;border-color:#cbd5e1}body.light-mode .form-control:focus{background-color:#fff;box-shadow:0 0 0 2px #3b82f640}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:125vh;margin:0;padding:0}html{zoom:80%}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-attachment:fixed;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;line-height:1.5;background-image:var(--bg-gradient)!important}.app-layout{background:0 0!important}header{background:var(--bg-card)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border-color:var(--border)!important}body.light-mode header{background:#ffffff8c!important}aside{-webkit-backdrop-filter:var(--glass-blur)!important;border-color:var(--border)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#dbdbe7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#dbdbe7}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition);margin-bottom:24px;padding:20px}body.light-mode .card{-webkit-backdrop-filter:none!important;background-color:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008!important}.card:hover{box-shadow:var(--shadow-md);border-color:#3f3f46;transform:translateY(-2px)}body.light-mode .card:hover,body.light-mode .dashboard-wrapper .card:hover{border-color:#94a3b8!important;transform:translateY(-2px)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.kpi-card{transition:all .3s}body.light-mode .kpi-card:hover{transform:translateY(-3px)!important}.card.kpi-blue:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659!important}.card.kpi-amber:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b59!important}.card.kpi-purple:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf659!important}.card.kpi-teal:hover{transform:translateY(-2px);box-shadow:0 8px 24px #14b8a659!important}.card.kpi-green:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159!important}.card.kpi-gray:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6b728059!important}.card.kpi-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444459!important}.card.kpi-orange:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f7941d59!important}.card h3,.card h4{color:#fff;letter-spacing:-.02em;font-weight:600}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:12.5px;font-weight:500;display:block}.form-control{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:var(--transition);background-color:#242424;padding:10px 14px;font-size:13.5px}.form-control:hover{border-color:#3f3f46}.form-control:focus{border-color:var(--primary);background-color:#242424;outline:none;box-shadow:0 0 0 2px #3b82f640}select.form-control{cursor:pointer}select.form-control option{background-color:var(--bg-card);color:var(--text-main)}.btn,.btn-filter{border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:600;display:inline-flex;color:#ededed!important;background-color:#3f3f46!important;border:1px solid #52525b!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn:hover,.btn-filter:hover{background-color:#52525b!important;border-color:#71717a!important;transform:translateY(-1px)!important;box-shadow:0 0 15px #fff3!important}.btn:active,.btn-filter:active{box-shadow:none!important;transform:translateY(1px)!important}.btn.btn-success,body.light-mode .btn.btn-success{color:#fff!important;background-color:#10b981!important;border:1px solid #059669!important}.btn.btn-success:hover,body.light-mode .btn.btn-success:hover{background-color:#059669!important;border-color:#047857!important;box-shadow:0 0 15px #10b98166!important}.btn.btn-danger,body.light-mode .btn.btn-danger{color:#fff!important;background-color:#ef4444!important;border:1px solid #dc2626!important}.btn.btn-danger:hover,body.light-mode .btn.btn-danger:hover{background-color:#dc2626!important;border-color:#b91c1c!important;box-shadow:0 0 15px #ef444466!important}body.light-mode .btn,body.light-mode .btn-filter{color:#fff!important;background-color:#184f7e!important;border:1px solid #144066!important;box-shadow:0 4px 6px -1px #184f7e33!important}body.light-mode .btn:hover,body.light-mode .btn-filter:hover{color:#fff!important;background-color:#f7941d!important;border-color:#e68311!important;transform:translateY(-2px)!important;box-shadow:0 0 15px #f7941d99,0 4px 6px -1px #f7941d4d!important}.btn-full{width:100%}.filter-container{background-color:#18181b!important;border:1px solid #27272a!important}body.light-mode .dashboard-wrapper div.card.filter-container{background-color:#e2e8f0!important;border-color:#cbd5e1!important}.rating-badge{color:#ededed;background-color:#27272a;border:1px solid #3f3f46}body.light-mode .rating-badge{color:#0f172a!important;background-color:#e2e8f0!important;border:1px solid #cbd5e1!important}table{border-collapse:separate;border-spacing:0;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500;border-bottom:1px solid var(--border)!important;background-color:#2f2f2f!important;padding:14px 16px!important}td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid var(--border)!important;padding:14px 16px!important}tbody tr{transition:var(--transition)}tbody tr:hover{background-color:#3b3b3b!important}h2{letter-spacing:-.03em;color:#fff;font-weight:700}div[style*=\#f9fafb],div[style*=\#f3f4f6]{background-color:var(--bg-card)!important;border-color:var(--border)!important;color:var(--text-main)!important}div[style*=\#09090b],div[style*="rgb(9, 9, 11)"]{background-color:var(--bg-main)!important}div[style*=\#18181b],thead[style*=\#18181b],tr[style*=\#18181b],span[style*=\#18181b],div[style*="rgb(24, 24, 27)"]{background-color:var(--bg-card)!important}[style*=\#27272a],[style*=\#3f3f46],[style*="rgb(39, 39, 42)"],[style*="rgb(63, 63, 70)"]{border-color:var(--border)!important}body.light-mode span[style*="background-color: #27272a"],body.light-mode span[style*="background-color: rgb(39, 39, 42)"]{color:#475569!important;background-color:#e2e8f0!important}body.light-mode button[style*="background-color: #27272a"],body.light-mode button[style*="background-color: rgb(39, 39, 42)"]{color:#0f172a!important;background-color:#e2e8f0!important;border-color:#cbd5e1!important}body.light-mode button[style*="background-color: #27272a"]:hover,body.light-mode button[style*="background-color: rgb(39, 39, 42)"]:hover{background-color:#cbd5e1!important}body.light-mode button[style*="background-color: #3f3f46"],body.light-mode button[style*="background-color: rgb(63, 63, 70)"]{color:#0f172a!important;background-color:#cbd5e1!important;border-color:#94a3b8!important}body.light-mode button[style*="background-color: #3f3f46"]:hover,body.light-mode button[style*="background-color: rgb(63, 63, 70)"]:hover{background-color:#94a3b8!important}.chat-container{background-color:#09090b;border:1px solid #27272a}body.light-mode .chat-container{background-color:#f8fafc!important;border-color:#cbd5e1!important}.detail-box{background-color:#09090b;border:1px solid #27272a}body.light-mode .detail-box{background-color:#f8fafc!important;border-color:#cbd5e1!important}.chat-system-pill{color:#a1a1aa;background-color:#18181b;border:1px solid #27272a}body.light-mode .chat-system-pill{color:#64748b!important;background-color:#e2e8f0!important;border-color:#cbd5e1!important}.chat-bubble-me{background-color:#3b82f6!important}.chat-bubble-me .chat-bubble-user{color:#bfdbfe!important}.chat-bubble-me .chat-bubble-text{color:#fff!important}.chat-bubble-me .chat-bubble-time{color:#93c5fd!important}.chat-bubble-other{background-color:#27272a}.chat-bubble-other .chat-bubble-user{color:#a1a1aa}.chat-bubble-other .chat-bubble-text{color:#fff}.chat-bubble-other .chat-bubble-time{color:#71717a}body.light-mode .chat-bubble-other{background-color:#e2e8f0!important}body.light-mode .chat-bubble-other .chat-bubble-user{color:#64748b!important}body.light-mode .chat-bubble-other .chat-bubble-text{color:#0f172a!important}body.light-mode .chat-bubble-other .chat-bubble-time{color:#94a3b8!important}.glass-overlay{-webkit-backdrop-filter:blur(8px)!important;background-color:#00000080!important}body.light-mode .glass-overlay{background-color:#0f172a4d!important}.glass-modal{background-color:var(--bg-card)!important;border:1px solid var(--border)!important;-webkit-backdrop-filter:blur(24px)!important;box-shadow:0 20px 40px -10px #00000080!important}body.light-mode .glass-modal{-webkit-backdrop-filter:none!important;background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 20px 40px -10px #0000001a!important}div[style*=\#fffbeb]{background-color:#f59e0b0d!important;border-color:#f59e0b26!important}div[style*=\#fee2e2]{color:#fca5a5!important;background-color:#ef44441a!important;border-color:#ef444433!important}th[style*=\#f3f4f6]{background-color:#242424!important}@keyframes slideInRightPanel{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRightPanel{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.slide-in-right-panel{animation:.9s cubic-bezier(.4,0,.2,1) forwards slideInRightPanel}.slide-out-right-panel{animation:.9s cubic-bezier(.4,0,.2,1) forwards slideOutRightPanel}@keyframes blurIn{0%{-webkit-backdrop-filter:blur();background-color:#0000}to{-webkit-backdrop-filter:blur(4px);background-color:#0000004d}}.blur-in{animation:.9s cubic-bezier(.4,0,.2,1) forwards blurIn}.handover-button-mask{color:#fff!important;border-radius:var(--radius-md)!important;background-color:#184f7e!important;border:1px solid #144066!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 6px -1px #184f7e33!important}.handover-button-mask:hover{background-color:#f7941d!important;border-color:#e68311!important;transform:translateY(-2px)!important;box-shadow:0 0 15px #f7941d99,0 4px 6px -1px #f7941d4d!important}:root{--dropdown-bg:#18181b}body.light-mode{--dropdown-bg:#fff}.filter-dropdown-menu{background-color:var(--dropdown-bg);border:1px solid var(--border);border-radius:var(--radius-md);z-index:50;width:150px;box-shadow:var(--shadow-md);margin-top:4px;padding:8px;position:absolute;top:100%;right:0}.filter-dropdown-label{cursor:pointer;color:var(--text-main);letter-spacing:.5px;align-items:center;gap:8px;padding:5px 0;font-size:11px;font-weight:600;display:flex}.active-filters-bar{background-color:var(--dropdown-bg);border-radius:var(--radius-md);border:1px solid var(--border);flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:10px;display:flex}.active-filters-input{background-color:var(--bg-main);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;font-weight:500}