:root{--bg-primary: #121214;--bg-secondary: #0a0a0b;--sidebar-bg: #18181b;--card-bg: #222226;--text-primary: #ffffff;--text-secondary: #9f9f9f;--accent-color: #ef9f3a;--accent-hover: #f5a643;--graph-green: #22c55e;--border-color: #2e2e33;--text-white: #ffffff;--bg-dark: #111111;--bg-dark2: #222222;--border-dark: #333333}body.light-mode{--bg-primary: #f4f4f5;--bg-secondary: #e4e4e7;--sidebar-bg: #ffffff;--card-bg: #ffffff;--text-primary: #18181b;--text-secondary: #71717a;--accent-color: #ef9f3a;--accent-hover: #f5a643;--graph-green: #16a34a;--border-color: #d4d4d8;--text-white: #18181b;--bg-dark: #f0f0f0;--bg-dark2: #e8e8e8;--border-dark: #d4d4d8}body.light-mode .metric-card,body.light-mode .chart-card{box-shadow:0 1px 4px #00000014}body.light-mode input,body.light-mode select,body.light-mode textarea{background-color:#f9f9f9!important;color:#18181b!important;border-color:#d4d4d8!important}body.light-mode input::placeholder{color:#a1a1aa!important}body.light-mode table td,body.light-mode table th{color:#18181b!important;border-color:#e4e4e7!important}body.light-mode table tr{border-color:#e4e4e7!important}body.light-mode [style*="color: white"],body.light-mode [style*="color: #fff"],body.light-mode [style*="color:#fff"]{color:#18181b!important}body.light-mode [style*="background: #111"],body.light-mode [style*="background:#111"],body.light-mode [style*="background: #222"],body.light-mode [style*="background:#222"],body.light-mode [style*="background: #1a1a1a"],body.light-mode [style*="background: rgba(255,255,255,0.02)"]{background:#f4f4f5!important}body.light-mode [style*="border-color: #333"],body.light-mode [style*="border: 1px solid #333"],body.light-mode [style*="border: 1px solid #444"],body.light-mode [style*="borderBottom: '1px solid #333'"],body.light-mode [style*="borderBottom: '1px solid #222'"]{border-color:#d4d4d8!important}body.light-mode [style*="color: #aaa"],body.light-mode [style*="color: #888"],body.light-mode [style*="color: #555"]{color:#71717a!important}body.light-mode .nav-item{color:#18181b}body.light-mode .search-bar{background-color:#f4f4f5}body.light-mode .search-bar input{color:#18181b!important}body.light-mode code{background:#e4e4e7;color:#18181b}body.light-mode p,body.light-mode span,body.light-mode div,body.light-mode td,body.light-mode th,body.light-mode label,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4{color:inherit}body.light-mode .main-content{background-color:var(--bg-primary);color:var(--text-primary)}body.light-mode .metric-card>div[style],body.light-mode section>div[style]{background-color:var(--card-bg)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:260px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;flex-shrink:0}.sidebar-header{padding:24px;display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:8px;color:var(--accent-color);font-weight:700;font-size:1.2rem}.user-profile{display:flex;align-items:center;gap:12px;padding:0 24px 20px}.avatar{background-color:#443521;color:var(--accent-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.user-email{font-size:.85rem;color:var(--accent-color);font-weight:500}.search-bar{margin:0 24px 20px;background-color:var(--bg-primary);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--border-color)}.search-bar input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;font-size:.85rem}.nav-links{flex:1;overflow-y:auto;padding-bottom:20px}.nav-group-title{padding:18px 24px 6px;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-weight:700}.nav-item{padding:10px 24px 10px 32px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.nav-item:hover{background-color:var(--card-bg)}.nav-item.active{color:var(--accent-color);border-right:3px solid var(--accent-color);background-color:#ef9f3a1a}.nav-item svg{color:var(--text-secondary);width:16px;height:16px}.nav-item.active svg{color:var(--accent-color)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.top-bar{padding:32px 40px 0;display:flex;justify-content:space-between;align-items:flex-start}.page-title h1{font-size:1.8rem;font-weight:700;margin-bottom:8px}.page-title p{color:var(--text-secondary);font-size:.9rem}.filters{display:flex;gap:16px;align-items:center}.time-pill-group{display:flex;background-color:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden}.time-pill{padding:8px 16px;font-size:.8rem;font-weight:500;cursor:pointer;color:var(--text-secondary);border-right:1px solid var(--border-color)}.time-pill:last-child{border-right:none}.time-pill.active{background-color:#ffffff0d;color:var(--text-primary)}.date-inputs{display:flex;gap:8px;align-items:center}.date-input{background-color:var(--card-bg);border:1px solid var(--border-color);padding:8px 12px;border-radius:8px;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.85rem}.dashboard-grid{padding:32px 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.metric-card{background-color:var(--card-bg);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);border-color:var(--border-color);box-shadow:0 10px 30px #00000080}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.card-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.9rem}.card-icon{color:var(--accent-color);width:18px;height:18px}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-top:4px}.metric-sub{font-size:.8rem;color:var(--text-secondary)}.chart-card{background-color:var(--card-bg);border-radius:12px;padding:24px;grid-column:span 2;min-height:300px}.chart-card h3{font-size:1rem;font-weight:600;margin-bottom:24px;display:flex;justify-content:space-between}.bar-chart-container{display:flex;flex-direction:column;gap:16px;margin-top:10px}.bar-row{display:flex;align-items:center;gap:16px}.bar-label{width:100px;text-align:right;font-size:.8rem;color:var(--text-secondary)}.bar-track{flex:1;background-color:var(--bg-primary);height:24px;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background-color:var(--graph-green);border-radius:4px;animation:growWidth 1s ease-out forwards;transform-origin:left}@keyframes growWidth{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.badge{background-color:#ef4444;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:600}.fab{position:fixed;bottom:40px;right:40px;width:48px;height:48px;background-color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 4px 12px #ef9f3a66;transition:all .2s ease}.fab:hover{transform:scale(1.05);box-shadow:0 6px 16px #ef9f3a99}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}@keyframes typingDot{0%,60%,to{opacity:.2;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-dot{width:7px;height:7px;border-radius:50%;background:#aaa;display:inline-block;animation:typingDot 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}