body{-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,body{margin:0}*{box-sizing:border-box;padding:0}.login-page{background:#0f172a;display:flex;font-family:Segoe UI,sans-serif;height:100vh;width:100%}.left-panel{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:80px}.left-panel h1{color:#4ade80;font-size:48px;margin-bottom:20px}.left-panel h2{font-size:28px;font-weight:500;margin-bottom:25px}.left-panel p{color:#cbd5e1;font-size:18px;line-height:1.8;max-width:500px}.feature-box{margin-top:50px}.feature-box div{background:#ffffff0d;border-left:4px solid #4ade80;border-radius:12px;font-size:17px;margin-bottom:20px;padding:18px 22px}.right-panel{align-items:center;background:#111827;display:flex;justify-content:center;width:450px}.login-card{background:#1f2937;border-radius:18px;box-shadow:0 15px 40px #00000059;padding:40px;width:360px}.login-card h2{color:#fff;margin-bottom:10px;text-align:center}.login-card p{color:#9ca3af;margin-bottom:30px;text-align:center}.login-card input{background:#374151;border:none;border-radius:10px;color:#fff;font-size:15px;margin-bottom:18px;outline:none;padding:15px;width:100%}.login-card input::placeholder{color:#9ca3af}.login-card button{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:.3s;width:100%}.login-card button:hover{background:#16a34a}.forgot-btn{background:#0000!important;box-shadow:none;color:#60a5fa!important;margin-top:15px}.forgot-btn:hover{color:#fff!important}@media (max-width:900px){.login-page{flex-direction:column}.left-panel{padding:40px;text-align:center}.left-panel h1{font-size:36px}.left-panel h2{font-size:22px}.left-panel p{max-width:100%}.right-panel{padding:30px;width:100%}.login-card{max-width:400px;width:100%}}.cardsContainer{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:30px}.dashboardCard{background:#1b1b2f;border:1px solid #2c2c44;border-radius:18px;box-shadow:0 5px 18px #0000004d;color:#fff;padding:24px;transition:.3s}.dashboardCard:hover{box-shadow:0 12px 30px #00ffff2e;transform:translateY(-8px)}.cardHeader{gap:12px}.cardHeader,.cardIcon{align-items:center;display:flex}.cardIcon{background:#00bcd4;border-radius:12px;color:#fff;font-size:22px;height:48px;justify-content:center;width:48px}.cardHeader h3{color:#d0d0d0;font-size:18px;margin:0}.dashboardCard h1{color:#fff;font-size:38px;margin:20px 0 10px}.status{color:#00e676;margin:8px 0}.dashboardCard small{color:#a0a0a0;font-size:13px}.connectionCard{background:#1b1b2f;border:1px solid #2c2c44;border-radius:18px;color:#fff;margin-top:30px;padding:25px}.connectionHeader{align-items:center;display:flex;gap:12px;margin-bottom:20px}.wifiIcon{color:#00bcd4;font-size:24px}.connectionBadge{border-radius:25px;display:inline-block;font-weight:700;margin-bottom:20px;padding:10px 20px}.green{background:#00e67622;color:#00e676}.orange{background:#ffa00022;color:#ffa000}.red{background:#f4433622;color:#f44336}.connectionInfo{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.connectionInfo span{color:#999;display:block;font-size:14px}.connectionInfo strong{color:#fff;font-size:18px}.analytics,.chartCard{padding:20px}.chartCard{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;margin-top:25px}.livePage{padding:20px}.cardGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:25px}.liveCard{background:#fff;border-radius:15px;box-shadow:0 4px 12px #00000014;padding:25px}.liveCard h3{color:#666;margin-bottom:15px}.liveCard h1{color:#0f62fe;font-size:34px}.history{background:#f4f7fc;min-height:100vh;padding:25px}.historyHeader{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.historyHeader h2{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:6px}.historyHeader p{color:#6b7280;font-size:15px}.filter{gap:15px}.datePicker,.filter{align-items:center;display:flex}.datePicker{background:#fff;border-radius:12px;box-shadow:0 5px 15px #00000014;gap:10px;padding:12px 18px}.datePicker svg{color:#2563eb;font-size:18px}.datePicker input{background:#0000;border:none;font-size:15px;outline:none}.loadButton{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 22px;transition:.3s}.loadButton:hover{background:#1d4ed8;transform:translateY(-2px)}.summaryGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(220px,1fr));margin:25px 0}.summaryCard{align-items:center;background:#fff;border-radius:18px;box-shadow:0 8px 20px #00000014;display:flex;gap:15px;padding:18px 20px;transition:.3s}.summaryCard:hover{transform:translateY(-6px)}.summaryCard span{color:#6b7280;font-size:14px}.summaryCard h2{color:#111827;font-size:30px;margin-top:6px}.icon{align-items:center;border-radius:18px;color:#fff;display:flex;font-size:26px;height:60px;justify-content:center;width:60px}.blue{background:#2563eb}.red{background:#ef4444}.orange{background:#f59e0b}.green{background:#22c55e}.historyCard{background:#fff;border-radius:20px;box-shadow:0 8px 20px #00000014;margin-top:20px;padding:20px}.tableHeader{display:flex;justify-content:flex-end;margin-bottom:20px}.searchBox{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:10px;padding:12px 16px;width:320px}.searchBox svg{color:#6b7280;font-size:16px}.searchBox input{background:#0000;border:none;font-size:15px;outline:none;width:100%}table{border-collapse:collapse;overflow:hidden;width:100%}thead{background:#2563eb}thead th{color:#fff;font-weight:600;padding:16px;text-align:center}tbody tr{border-bottom:1px solid #edf2f7;transition:.25s}tbody tr:hover{background:#f8fbff}tbody td{color:#374151;font-size:15px;padding:15px;text-align:center}.badge{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px}.badge.rpm{background:#fff7ed;color:#c2410c}.badge.temp{background:#fee2e2;color:#dc2626}.loading{color:#2563eb;font-size:18px;font-weight:600;padding:50px;text-align:center}.emptyState{padding:60px 20px;text-align:center}.emptyState img{margin-bottom:20px;opacity:.85;width:120px}.emptyState h3{color:#1f2937;font-size:24px;margin-bottom:10px}.emptyState p{color:#6b7280;font-size:15px}.historyCard{overflow-x:auto}.historyCard::-webkit-scrollbar{height:8px}.historyCard::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (max-width:992px){.historyHeader{align-items:flex-start;flex-direction:column}.filter{align-items:stretch;flex-direction:column}.datePicker,.filter,.loadButton{width:100%}.tableHeader{justify-content:center}.searchBox{width:100%}}@media (max-width:768px){.history{padding:18px}.summaryGrid{grid-template-columns:1fr}.summaryCard{padding:18px}.summaryCard h2{font-size:24px}.icon{font-size:22px;height:52px;width:52px}table{min-width:700px}}@media (max-width:480px){.historyHeader h2{font-size:26px}.historyHeader p{font-size:14px}.summaryCard{flex-direction:column;text-align:center}}.sidebar{background:#111827;box-shadow:4px 0 20px #00000040;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.logo{border-bottom:1px solid #ffffff14;padding:30px 24px}.logo h2{color:#16e06f;font-size:22px;font-weight:700;margin:0}.logo p{color:#94a3b8;font-size:14px;margin-top:6px}.navigation{display:flex;flex-direction:column;gap:8px;padding:22px 14px}.navigation a{text-decoration:none}.menuItem{align-items:center;border-radius:14px;color:#cbd5e1;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:15px;padding:15px 18px;transition:.25s ease}.menuItem svg{font-size:20px;min-width:22px}.menuItem span{color:inherit}.menuItem:hover{background:#1f2937;color:#fff;transform:translateX(6px)}.menuItem.active{background:#16e06f;box-shadow:0 10px 25px #16e06f40;color:#111827;font-weight:700}.menuItem.active span,.menuItem.active svg{color:#111827}.alertMenu{margin-top:auto;padding:0 14px 20px}.sidebarFooter{border-top:1px solid #ffffff14;padding:20px}.userCard{gap:14px}.userAvatar,.userCard{align-items:center;display:flex}.userAvatar{background:#16e06f;border-radius:50%;color:#111827;font-size:20px;font-weight:700;height:46px;justify-content:center;width:46px}.userInfo h4{color:#fff;font-size:15px;font-weight:600;margin:0}.userInfo p{color:#94a3b8;font-size:13px;margin-top:4px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#334155;border-radius:20px}@media (max-width:992px){.sidebar{width:90px}.logo h2,.logo p,.menuItem span,.userInfo{display:none}.menuItem{justify-content:center;padding:18px}.menuItem svg{font-size:22px;margin:0}}.header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px}.header h1{color:#1f2937;font-size:28px;margin:0}.header p{color:#6b7280;font-size:14px;margin-top:6px}.headerRight{align-items:center;display:flex;gap:20px}.dateTime{align-items:flex-end;display:flex;flex-direction:column}.dateTime span{color:#6b7280;font-size:13px}.dateTime strong{color:#111827;font-size:15px}.status{align-items:center;color:#16a34a;display:flex;font-weight:600;gap:8px}.dot{background:#16a34a;height:10px;width:10px}.dot,.notify{border-radius:50%}.notify{align-items:center;background:#f3f4f6;color:#374151;cursor:pointer;display:flex;height:42px;justify-content:center;transition:.3s;width:42px}.notify:hover{background:#2563eb;color:#fff}.userInfo{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:10px;padding:8px 14px}.userIcon{color:#2563eb;font-size:34px}.userDetails{display:flex;flex-direction:column}.userTitle{color:#6b7280;font-size:11px}.userDetails strong{color:#111827;font-size:14px}.logoutBtn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:.3s}.logoutBtn:hover{background:#dc2626}@media (max-width:900px){.header{align-items:flex-start;flex-direction:column;gap:20px}.headerRight{flex-wrap:wrap;gap:15px;width:100%}.dateTime{align-items:flex-start}}.dashboard{background:#eef2f7;display:flex;min-height:100vh}.sidebar{background:#171b25;flex-shrink:0;width:280px}.dashboardContent{flex:1 1;overflow-x:auto;padding:20px 24px}.page{width:100%}
/*# sourceMappingURL=main.17717ecd.css.map*/