@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}:root{--primary:#f57c00;--primary-light:#ff9800;--primary-dark:#e65100;--success:#43a047;--success-light:#66bb6a;--warning:#f59e0b;--danger:#ef4444;--bg:#f6f8fb;--surface:#fff;--surface-2:#f9fafb;--text:#1f2937;--text-light:#64748b;--border:#e5e7eb;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 10px 25px #00000014;--shadow-lg:0 20px 45px #0000001f;--radius-sm:12px;--radius:18px;--radius-lg:24px;--transition:.3s ease}*{margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif}button{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}input{font-family:inherit}*{box-sizing:border-box}.loginPage{background:radial-gradient(circle at top left,#f57c001f,#0000 30%),radial-gradient(circle at bottom right,#22c55e1a,#0000 35%),linear-gradient(135deg,#f8fafc,#eef4ff,#f9fafb);display:grid;grid-template-columns:1.2fr .8fr;min-height:100vh}.loginLeft{display:flex;flex-direction:column;justify-content:center;padding:70px}.brand{align-items:center;display:flex;gap:20px;margin-bottom:60px}.brandLogo{height:80px;width:80px}.brand h1{color:#111827;font-size:44px;font-weight:700;margin:0}.brand p{color:#64748b;margin-top:6px}.heroBadge{background:#fff1e6;border-radius:30px;color:#f57c00;display:inline-block;font-weight:600;margin-bottom:25px;padding:10px 18px}.heroContent h2{color:#111827;font-size:56px;line-height:1.2;margin:0}.heroContent p{color:#475569;font-size:18px;line-height:1.8;margin-top:25px;max-width:600px}.featureGrid{grid-gap:18px;display:grid;gap:18px;margin-top:55px}.featureCard{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 10px 25px #0f172a0d;display:flex;gap:18px;padding:20px;transition:.35s}.featureCard:hover{transform:translateX(10px)}.featureCard svg{background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:16px;color:#fff;font-size:22px;height:58px;padding:16px;width:58px}.featureCard h3{color:#111827;margin:0}.featureCard span{color:#64748b}.loginRight{align-items:center;display:flex;justify-content:center;padding:50px}.loginCard{background:#fff;border:1px solid #e5e7eb;border-radius:28px;box-shadow:0 25px 60px #0f172a1f;padding:45px;width:430px}.loginCard h2{color:#111827;font-size:34px;margin:0;text-align:center}.loginCard p{color:#64748b;margin-bottom:35px;margin-top:10px;text-align:center}.errorBox{background:#fee2e2;border-radius:12px;color:#dc2626;margin-bottom:20px;padding:14px;text-align:center}.inputGroup{margin-bottom:22px;position:relative}.inputGroup input{border:1px solid #cbd5e1;border-radius:14px;font-size:15px;outline:none;padding:16px 50px;transition:.3s;width:100%}.inputGroup input:focus{border-color:#f57c00;box-shadow:0 0 0 4px #f57c001f}.inputIcon{left:18px}.eyeBtn,.inputIcon{color:#94a3b8;position:absolute;top:50%;transform:translateY(-50%)}.eyeBtn{background:none;font-size:18px;right:15px}.eyeBtn,.loginBtn{border:none;cursor:pointer}.loginBtn{align-items:center;background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:14px;color:#fff;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:.35s;width:100%}.loginBtn:hover{box-shadow:0 15px 35px #f57c004d;transform:translateY(-3px)}.loginBtn:disabled{cursor:not-allowed;opacity:.7}.loginFooter{color:#94a3b8;font-size:14px;margin-top:28px;text-align:center}@media(max-width:1100px){.loginPage{grid-template-columns:1fr}.loginLeft{display:none}.loginRight{padding:30px}}@media(max-width:600px){.loginCard{padding:30px;width:100%}}.dashboard{background:radial-gradient(circle at top left,#f57c0014,#0000 35%),radial-gradient(circle at bottom right,#3b82f614,#0000 35%),linear-gradient(135deg,#f8fafc,#eef4ff,#f7f9fc)}.dashboardContent{background:#0000;min-height:100vh;padding:28px}.dashboardPage{display:flex;flex-direction:column;gap:30px}.healthSection{margin-top:0}@media (max-width:768px){.dashboardContent{padding:18px}}.cardsContainer{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:25px}.dashboardCard{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 10px 25px #0000000f;overflow:hidden;padding:24px;position:relative;transition:.35s ease}.dashboardCard:before{background:#f57c00;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.dashboardCard:hover{box-shadow:0 18px 40px #0000001f;transform:translateY(-8px)}.cardHeader{gap:15px;margin-bottom:20px}.cardHeader,.cardIcon{align-items:center;display:flex}.cardIcon{background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:18px;box-shadow:0 10px 20px #f57c0040;color:#fff;font-size:28px;height:60px;justify-content:center;width:60px}.cardHeader h3{color:#374151;font-size:18px;font-weight:600;margin:0}.dashboardCard h1{color:#111827;font-size:42px;font-weight:700;margin:10px 0}.status{border-radius:30px;display:inline-block;font-size:13px;font-weight:600;margin-bottom:12px;padding:8px 14px}.online{background:#dcfce7;color:#2e7d32}.offline{background:#fee2e2;color:#dc2626}.dashboardCard small{color:#64748b;display:block;font-size:13px;margin-top:10px}.offlineCard{opacity:.75}.dashboardCard:first-child .cardIcon{background:linear-gradient(135deg,#f57c00,#ff9800)}.dashboardCard:nth-child(2) .cardIcon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.dashboardCard:nth-child(3) .cardIcon{background:linear-gradient(135deg,#ef4444,#f87171)}.dashboardCard:nth-child(4) .cardIcon{background:linear-gradient(135deg,#2e7d32,#4caf50)}@media(max-width:768px){.cardsContainer{grid-template-columns:1fr}.dashboardCard{padding:20px}.dashboardCard h1{font-size:34px}.cardIcon{font-size:24px;height:54px;width:54px}}.connectionCard{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 25px #0000000f;margin-top:30px;padding:30px}.connectionHeader{align-items:center;display:flex;gap:16px;margin-bottom:20px}.connectionHeader h2{color:#1f2937;font-size:30px;font-weight:700;margin:0}.wifiIcon{background:linear-gradient(135deg,#f57c00,#ff9800);border-radius:18px;color:#fff;display:flex;font-size:26px;height:58px;padding:15px;width:58px}.connectionBadge,.wifiIcon{align-items:center;justify-content:center}.connectionBadge{border-radius:30px;display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:25px;padding:10px 18px}.green{background:#dcfce7;border:1px solid #86efac;color:#166534}.red{background:#dc2626;border:1px solid #b91c1c;color:#fff}.orange{border:1px solid #d97706;color:#fff}.connectionInfo{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.connectionItem{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:18px;transition:.3s}.connectionItem:hover{box-shadow:0 10px 20px #00000014;transform:translateY(-6px)}.connectionItem span{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px;margin-bottom:10px}.connectionItem strong{color:#111827;font-size:24px}@media(max-width:1200px){.connectionInfo{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.connectionInfo{grid-template-columns:1fr}}.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:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;width:290px}.logo{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:18px;padding:28px 24px}.brandLogo{flex-shrink:0;height:70px;object-fit:contain;width:70px}.logoText h2{color:var(--text);font-size:22px;font-weight:700;line-height:1.2;margin:0}.logoText p{color:var(--text-light);font-size:13px;margin-top:6px}.menuTitle{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:2px;padding:24px 28px 14px;text-transform:uppercase}.navigation{display:flex;flex-direction:column;gap:8px;padding:0 16px}.navigation a{text-decoration:none}.menuItem{align-items:center;border-radius:16px;color:#475569;display:flex;font-size:15px;font-weight:600;gap:16px;padding:15px 18px;position:relative;transition:all .3s ease}.menuItem svg{color:#64748b;font-size:20px;transition:.3s}.menuItem:hover{background:#fff7ed;transform:translateX(5px)}.menuItem.active,.menuItem:hover,.menuItem:hover svg{color:var(--primary)}.menuItem.active{background:#fff1e6;border:1px solid #f57c0059;box-shadow:0 8px 18px #f57c001f}.menuItem.active svg{color:var(--primary)}.menuItem.active:before{background:var(--primary);border-radius:10px;content:"";height:34px;left:-16px;position:absolute;width:5px}.sidebarFooter{border-top:1px solid var(--border);padding:22px}.statusCard{background:#f8fafc;border:1px solid var(--border);border-radius:18px;margin-bottom:18px;padding:18px}.statusHeader{align-items:center;color:var(--text);display:flex;font-weight:600;gap:10px}.statusDot{animation:pulse 2s infinite;color:var(--success)}.statusCard p{color:var(--text-light);font-size:13px;margin-top:10px}.userCard{background:#f8fafc;border:1px solid var(--border);border-radius:18px;gap:14px;padding:16px}.userAvatar,.userCard{align-items:center;display:flex}.userAvatar{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;color:#fff;font-size:24px;height:52px;justify-content:center;width:52px}.userInfo h4{color:var(--text);font-size:15px;margin:0}.userInfo p{color:var(--text-light);font-size:13px;margin-top:4px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}@keyframes pulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.9)}}@media(max-width:992px){.sidebar{width:92px}.logoText,.menuItem span,.menuTitle,.statusCard,.userInfo{display:none}.logo{justify-content:center;padding:22px 10px}.brandLogo{width:52px}.navigation{padding:12px}.menuItem{justify-content:center;padding:16px}.menuItem.active:before{display:none}.sidebarFooter,.userCard{padding:12px}.userCard{justify-content:center}}.header{align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 12px 35px #0f172a14;display:flex;gap:25px;justify-content:space-between;margin-bottom:30px;padding:24px 28px}.headerLeft{display:flex;flex-direction:column}.greeting{color:#f57c00;font-size:15px;font-weight:600;margin-bottom:8px}.headerLeft h1{color:#0f172a;font-size:24px;font-weight:700;margin:0}.headerLeft p{color:#64748b;font-size:15px;margin-top:8px}.headerRight{align-items:center;display:flex;gap:18px}.dateCard{align-items:flex-end;display:flex;flex-direction:column}.dateCard span{color:#64748b;font-size:13px}.dateCard strong{color:#0f172a;font-size:16px}.statusCardHeader{align-items:center;border-radius:30px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:.3s}.statusCardHeader.online{background:#dcfce7;border:1px solid #86efac;color:#15803d}.statusCardHeader.offline{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}.notify{align-items:center;background:#fff7ed;border-radius:50%;color:#f57c00;cursor:pointer;display:flex;height:46px;justify-content:center;transition:.3s;width:46px}.notify:hover{box-shadow:0 10px 20px #f57c0040;transform:translateY(-3px)}.userInfo{align-items:center;background:#f8fafc;border-radius:16px;display:flex;gap:12px;padding:10px 14px}.userIcon{color:#f57c00;font-size:36px}.userDetails{display:flex;flex-direction:column}.userTitle{color:#64748b;font-size:11px}.userDetails strong{color:#0f172a;font-size:14px}.logoutBtn{align-items:center;background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 18px;transition:.3s}.logoutBtn:hover{background:#dc2626;transform:translateY(-2px)}@media(max-width:1200px){.header{align-items:flex-start;flex-direction:column}.headerRight{flex-wrap:wrap;width:100%}}@media(max-width:768px){.header{padding:18px}.headerLeft h1{font-size:20px}.dateCard{align-items:flex-start}.userInfo{width:100%}.logoutBtn{justify-content:center;width:100%}}.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.45eb09ed.css.map*/