body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.auth-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.auth-container h1{color:#fff;font-size:2.5em;margin-bottom:30px;text-align:center}.auth-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:450px;padding:40px;width:100%}.auth-box h2{color:#333;margin-bottom:25px;text-align:center}.auth-box input{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.auth-box input:focus{border-color:#667eea;outline:none}.auth-box button[type=submit]{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:10px;padding:12px;width:100%}.auth-box button[type=submit]:hover{background:#764ba2}.error{color:#e74c3c;font-size:14px;margin-bottom:10px;text-align:center}.auth-switch{color:#666;margin-top:20px;text-align:center}.auth-switch button{background:none;border:none;color:#667eea;cursor:pointer;font-weight:700;margin-left:5px;text-decoration:underline}.demo-creds{border-top:1px solid #eee;color:#999;font-size:13px;margin-top:15px;padding-top:15px;text-align:center}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;color:#fff;justify-content:space-between;padding:20px}.header-left,header{align-items:center;display:flex}.header-left{gap:20px}.header-left h1{font-size:1.5em}.user-info{font-size:14px;opacity:.9}.header-right{display:flex;gap:10px}.btn-secondary{background:#fff3;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-secondary:hover{background:#ffffff4d}.btn-logout{background:#e74c3ccc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-logout:hover{background:#e74c3c}.btn-icon{background:#fff3;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px}.btn-icon:hover{background:#ffffff4d}.dashboard{margin:0 auto;max-width:1200px;padding:40px 20px}.empty-state{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:60px 40px;text-align:center}.empty-state h2{color:#333;margin-bottom:15px}.empty-state p{color:#666;margin-bottom:25px}.empty-state button{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 30px}.empty-state button:hover{background:#764ba2}.device-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.device-selector{align-items:center;display:flex;gap:10px}.device-selector label{color:#333;font-weight:700}.device-selector select{border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:16px;min-width:250px;padding:10px}.device-actions{display:flex;gap:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:25px}.stat-card h3{color:#666;font-size:14px;margin-bottom:10px;text-transform:uppercase}.stat-current{color:#333;font-size:32px;font-weight:700;margin-bottom:15px}.stat-details{color:#999;display:flex;font-size:13px;justify-content:space-between}.time-range-selector{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.time-range-selector button{background:#fff;border:2px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.time-range-selector button:hover{border-color:#667eea;color:#667eea}.time-range-selector button.active{background:#667eea;border-color:#667eea;color:#fff}.charts{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px}.charts p{color:#666;padding:40px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:30px;width:90%}.modal-large{max-width:600px}.modal h2{color:#333;margin-bottom:20px}.modal input,.modal select{border:1px solid #ddd;border-radius:5px;font-size:16px;margin-bottom:15px;padding:12px;width:100%}.modal label{color:#666;display:block;font-weight:500;margin-bottom:5px}.modal input:focus,.modal select:focus{border-color:#667eea;outline:none}.modal-buttons{display:flex;gap:10px;margin-top:20px}.modal-buttons button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:12px}.modal-buttons button[type=button]{background:#95a5a6;color:#fff}.modal-buttons button[type=button]:hover{background:#7f8c8d}.modal-buttons button:not([type]),.modal-buttons button[type=submit]{background:#667eea;color:#fff}.modal-buttons button:not([type]):hover,.modal-buttons button[type=submit]:hover{background:#764ba2}.btn-danger{background:#e74c3c!important}.btn-danger:hover{background:#c0392b!important}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:10px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.help-text{color:#999;font-size:13px;margin-bottom:15px}.export-form{display:flex;flex-direction:column}.alerts-list{margin:20px 0;max-height:400px;overflow-y:auto}.alert-item{align-items:center;border:1px solid #eee;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px}.alert-info{flex:1 1}.alert-info strong{display:block;margin-bottom:5px}.badge{background:#3498db;border-radius:3px;color:#fff;display:inline-block;font-size:12px;margin-left:10px;padding:2px 8px}.alert-actions{display:flex;gap:10px}.btn-toggle{background:#fff;border:2px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-weight:700;padding:8px 16px}.btn-toggle.active{background:#27ae60;border-color:#27ae60;color:#fff}.btn-danger-small{background:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px}.btn-danger-small:hover{background:#c0392b}.empty-message{color:#999;padding:40px;text-align:center}.status-online{color:#27ae60}.status-offline{color:#95a5a6}@media (max-width:768px){header{gap:15px}.header-left,header{flex-direction:column}.header-left{gap:10px}.header-right{justify-content:center;width:100%}.device-header,.device-selector{align-items:stretch;flex-direction:column}.device-selector select{width:100%}.device-actions{justify-content:center}.stats-grid{grid-template-columns:1fr}.time-range-selector{flex-wrap:wrap}.time-range-selector button{flex:1 1;min-width:60px}.auth-box{padding:30px 20px}.modal{max-width:95%;padding:20px}}
/*# sourceMappingURL=main.375a81d9.css.map*/