@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--secondary:#7c3aed;--bg-main:#0f172a;--bg-card:#1e293b;--bg-card-hover:#263348;--border:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--font:"Inter", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-glow:0 0 40px #4f46e526;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:var(--primary-light);transition:var(--transition);text-decoration:none}a:hover{color:var(--text-primary)}button{font-family:var(--font);cursor:pointer}input{font-family:var(--font)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#eef2ff;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--input-bg:#f5f7ff;--purple-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%)}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.login-card{background:var(--card-bg);border-radius:30px;width:1000px;max-width:100%;height:600px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0000001a}.login-left{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.login-header{text-align:center;margin-bottom:40px}.login-header h1{color:var(--text-main);letter-spacing:-.5px;margin-bottom:10px;font-size:32px;font-weight:800}.login-header p{color:var(--text-muted);font-size:15px}.login-form{width:100%;max-width:360px}.role-switcher{background:var(--input-bg);border-radius:12px;margin-bottom:30px;padding:5px;display:flex}.role-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.role-btn.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 4px 10px #0000000d}.input-group{margin-bottom:20px;position:relative}.input-group label{display:none}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper i{color:var(--primary-color);opacity:.6;position:absolute;left:16px}.input-wrapper input{background:var(--input-bg);width:100%;color:var(--text-main);border:2px solid #0000;border-radius:14px;padding:16px 16px 16px 48px;font-size:15px;transition:all .3s}.input-wrapper input:focus{background:#fff;border-color:#6366f133;outline:none;box-shadow:0 0 0 4px #6366f10d}.password-toggle{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;right:16px}.password-toggle:hover{opacity:1}.input-wrapper input::placeholder{color:#9ca3af}.login-btn{background:var(--purple-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:10px;padding:16px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #6366f14d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #6366f166}.login-btn:active{transform:translateY(0)}.login-right{background:var(--purple-gradient);flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.hero-overlay{background-image:radial-gradient(circle at 20% 20%,#ffffff26 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.hero-image-container{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-image{object-fit:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:40px;max-width:80%;max-height:80%;box-shadow:0 30px 60px #0000004d}.energy-badge{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:4s ease-in-out infinite float;display:flex;position:absolute;bottom:20%;left:10%;box-shadow:0 10px 25px #0003}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (width<=900px){.login-card{flex-direction:column;height:auto;margin:20px}.login-right{display:none}}:root{--sidebar-width:260px;--header-height:70px;--bg-dashboard:#f8fafc;--sidebar-bg:#fff;--primary-accent:#6366f1;--text-dark:#1e293b;--text-gray:#64748b;--border-color:#e2e8f0}.dashboard-wrapper{background-color:var(--bg-dashboard);min-height:100vh;font-family:Inter,sans-serif;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed}.sidebar-logo{color:var(--primary-accent);align-items:center;gap:10px;padding:25px;font-size:24px;font-weight:800;display:flex}.sidebar-nav{flex:1;padding:10px 15px}.nav-item{color:var(--text-gray);cursor:pointer;border-radius:10px;align-items:center;margin-bottom:5px;padding:12px 15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item i{margin-right:12px;font-size:18px}.nav-item:hover,.nav-item.active{color:var(--primary-accent);background:#6366f114}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.dashboard-header{height:var(--header-height);border-bottom:1px solid var(--border-color);z-index:90;background:#fff;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:sticky;top:0}.header-search{background:#f1f5f9;border-radius:10px;align-items:center;gap:10px;width:300px;padding:8px 15px;display:flex}.header-search input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.header-tools{align-items:center;gap:20px;display:flex}.user-profile{cursor:pointer;align-items:center;gap:10px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:38px;height:38px}.user-info span{color:var(--text-dark);font-size:14px;font-weight:600;display:block}.user-info small{color:var(--text-gray);font-size:12px}.content-area{padding:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;padding:25px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-info h3{color:var(--text-dark);margin-bottom:5px;font-size:24px;font-weight:700}.stat-info p{color:var(--text-gray);font-size:14px;font-weight:500}.stat-icon{border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.icon-purple{color:#6366f1;background:#e0e7ff}.icon-blue{color:#0ea5e9;background:#e0f2fe}.icon-orange{color:#f59e0b;background:#ffedd5}.icon-green{color:#22c55e;background:#dcfce7}