@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent-blue: #3b82f6;--accent-green: #10b981;--accent-purple: #8b5cf6;--accent-orange: #f59e0b;--accent-red: #ef4444;--border: #334155;--shadow: rgba(0, 0, 0, .5)}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.app{min-height:100vh;background:var(--bg-primary)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:3rem;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 20px 50px var(--shadow)}.login-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%);opacity:.1;animation:rotate 20s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff;box-shadow:0 10px 30px #8b5cf64d}.login-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:var(--text-secondary);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.form-group input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.btn-login{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.btn-login:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:2rem;color:var(--text-tertiary);font-size:.75rem}.login-bg-animation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--accent-purple),transparent);opacity:.05;animation:float 20s infinite ease-in-out}.bg-circle-1{width:600px;height:600px;top:-300px;right:-300px}.bg-circle-2{width:400px;height:400px;bottom:-200px;left:-200px;animation-delay:-5s}.bg-circle-3{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.dashboard{min-height:100vh;background:var(--bg-primary)}.dashboard-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:1.5rem 2rem;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293be6}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-left{display:flex;flex-direction:column;gap:.25rem}.dashboard-title{font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.icon-sparkle{color:var(--accent-purple);animation:sparkle 2s infinite}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.dashboard-subtitle{color:var(--text-secondary);font-size:.875rem}.header-actions{display:flex;gap:1rem;align-items:center}.btn-icon{width:40px;height:40px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.btn-icon:hover{background:var(--accent-purple);color:#fff;transform:translateY(-2px)}.btn-export,.btn-logout{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-export:hover{background:var(--accent-green);border-color:var(--accent-green);transform:translateY(-2px)}.btn-logout:hover{background:var(--accent-red);border-color:var(--accent-red);transform:translateY(-2px)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:2rem;max-width:1400px;margin:0 auto}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;padding:0 2rem 2rem;max-width:1400px;margin:0 auto}.chart-large{grid-column:span 2}.chart-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:15px;padding:1.5rem;height:350px}.chart-header{margin-bottom:1.5rem}.chart-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.table-section{padding:0 2rem 2rem;max-width:1400px;margin:0 auto}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.table-header h3{font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.table-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:var(--text-tertiary);pointer-events:none}.search-box input{padding:.75rem 1rem .75rem 3rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.875rem;width:300px;transition:all .3s ease}.search-box input:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px #8b5cf61a}.filter-select{padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:var(--accent-purple)}.toast{font-size:.875rem;font-weight:500}@media (max-width: 1200px){.chart-large{grid-column:span 1}}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:flex-end}.dashboard-title{font-size:1.5rem}.metrics-grid,.charts-grid{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start}.table-controls,.search-box input{width:100%}}