@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.dashboard-layout{color:#e2e8f0;background:#0a0a1a;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.dashboard-main{flex:1;max-width:100%;margin-left:260px;padding:32px;overflow-x:hidden}.sidebar{z-index:100;background:linear-gradient(#0f0f2e 0%,#0a0a1f 100%);border-right:1px solid #ffffff0a;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:24px 20px;display:flex}.sidebar-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar-logo-text{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:800}.sidebar-logo-sub{color:#ffffff4d;font-size:11px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-nav-item{color:#ffffff80;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#fffc;background:#ffffff0a}.sidebar-nav-item.active{color:#c4b5fd;background:#6366f11f}.sidebar-bottom{border-top:1px solid #ffffff0a;padding:12px}.page-header{margin-bottom:32px}.page-header h2{background:linear-gradient(135deg,#e2e8f0,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800}.page-header p{color:#fff6;margin-top:4px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--accent,#6366f1),transparent);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:#6366f133;transform:translateY(-2px);box-shadow:0 8px 32px #6366f114}.stat-card-label{color:#fff6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.stat-card-value{color:#fff;font-size:32px;font-weight:800;line-height:1}.stat-card-sub{color:#ffffff4d;margin-top:8px;font-size:13px}.stat-card-sub .highlight{color:#34d399;font-weight:600}.card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:24px;padding:24px}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:#e2e8f0;font-size:16px;font-weight:700}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#fff6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:11px;font-weight:600}.data-table td{border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:14px}.data-table tr{transition:background .2s}.data-table tr:hover{background:#ffffff05}.data-table tr.clickable{cursor:pointer}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:#34d399;background:#34d39926}.badge-closed{color:#9ca3af;background:#9ca3af26}.badge-escalated{color:#fbbf24;background:#fbbf2426}.filters{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.filter-btn{color:#ffffff80;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:#fffc;border-color:#6366f14d}.filter-btn.active{color:#a5b4fc;background:#6366f126;border-color:#6366f14d}.search-input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;min-width:200px;padding:8px 16px;font-size:13px;transition:border-color .2s}.search-input::placeholder{color:#ffffff40}.search-input:focus{border-color:#6366f166}.chat-preview{flex-direction:column;gap:12px;max-height:500px;padding-right:8px;display:flex;overflow-y:auto}.chat-bubble{border-radius:14px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.6}.chat-bubble-user{color:#fff;background:linear-gradient(135deg,#6366f1,#7c3aed);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble-assistant{color:#e2e8f0;background:#ffffff0f;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble-time{color:#ffffff40;margin-top:4px;font-size:11px}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;margin-bottom:24px;display:grid}.empty-state{text-align:center;color:#ffffff4d;padding:48px 24px}.empty-state-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:#ffffff80;margin-bottom:8px;font-size:18px;font-weight:600}.loading{color:#ffffff4d;justify-content:center;align-items:center;padding:48px;display:flex}.spinner{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;margin-right:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.sidebar{display:none}.dashboard-main{margin-left:0;padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:1fr}}