*{box-sizing:border-box;padding:0;margin:0}body{font-family:Arial,sans-serif;margin:20px}.controls{margin-bottom:20px}.controls button,.controls input,.controls select{padding:8px;font-size:14px}.dropdown-icons{display:inline-flex;gap:8px;margin-left:15px;vertical-align:middle}.dropdown-container{position:relative;display:inline-block}.icon-btn{padding:6px 12px;font-size:14px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:4px}.icon-btn:hover{background-color:#e8e8e8}.csv-btn{background-color:#28a745;color:#fff}.csv-btn:hover{background-color:#218838}.csv-btn .icon-label{color:#fff}.icon-badge{font-size:11px;background-color:#007bff;color:#fff;padding:2px 6px;border-radius:10px}.icon-label{font-size:12px;color:#666}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;min-width:200px;max-height:300px;overflow-y:auto}.dropdown-menu-small{min-width:140px}.dropdown-header{padding:10px 12px;font-weight:700;font-size:13px;color:#555;background-color:#f9f9f9;border-bottom:1px solid #eee;border-radius:6px 6px 0 0}.dropdown-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid #f0f0f0}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.disabled{color:#999;cursor:not-allowed}.dropdown-item.disabled:hover{background-color:transparent}.dropdown-item.disabled input{cursor:not-allowed}.dropdown-item .device-color,.dropdown-item input[type=checkbox],.dropdown-item input[type=radio]{margin-right:8px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin:20px 0}.chart-container{padding:15px;border:1px solid #ccc;border-radius:5px;overflow:hidden;min-width:0}.chart-container>div{width:100%!important;max-width:100%}.chart-container canvas{max-width:100%}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.controls{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.controls label{margin-left:0}.dropdown-icons{margin-left:0;margin-top:10px}.header{flex-direction:column;align-items:flex-start;gap:10px}.user-info{flex-wrap:wrap}}table{border-collapse:collapse;width:100%;margin-top:30px}td,th{border:1px solid #ccc;padding:6px;text-align:center;font-size:13px}th{background-color:#eee}.device-header{font-weight:700;font-size:14px}.table-container{overflow-x:auto}.nav-btn{padding:8px 16px;font-size:14px;text-decoration:none;background-color:#007bff;color:#fff;border-radius:4px;margin:0 10px;cursor:pointer;border:none}.nav-btn:hover{background-color:#0056b3}.device-color{display:inline-block;width:12px;height:12px;margin-right:5px;border-radius:2px}.table-toggle{margin:20px 0;padding:10px;background-color:#f0f0f0;border-radius:5px}.table-toggle label{cursor:pointer;font-weight:700}.table-toggle input[type=checkbox]{margin-right:8px;transform:scale(1.2)}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;margin:-20px;padding:20px}.login-box{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;max-width:400px}.login-box h1{text-align:center;margin-bottom:30px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.login-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.login-btn:hover{background-color:#0056b3}.login-btn:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd}.header h1{margin:0}.user-info{display:flex;align-items:center;gap:15px}.user-info span{color:#666}.logout-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.logout-btn:hover{background-color:#c82333}.admin-link{padding:8px 16px;background-color:#28a745;color:#fff;border-radius:4px;text-decoration:none;font-size:14px}.admin-link:hover{background-color:#218838}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-container p{font-size:18px;color:#666}.register-link{margin-top:20px;text-align:center;color:#666}.register-link a{color:#007bff;text-decoration:none}.register-link a:hover{text-decoration:underline}.success-message{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.admin-container{max-width:1200px;margin:0 auto}.admin-table{width:100%;border-collapse:collapse;margin-top:20px}.admin-table td,.admin-table th{padding:12px;text-align:left;border-bottom:1px solid #ddd}.admin-table th{background-color:#f5f5f5;font-weight:700}.admin-table tr:hover{background-color:#f9f9f9}.status-approved{color:#28a745;font-weight:700}.status-pending{color:#ffc107;font-weight:700}.edit-btn{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:8px}.edit-btn:hover{background-color:#0056b3}.delete-btn{padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-btn:hover{background-color:#c82333}.back-link{color:#007bff;text-decoration:none}.back-link:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;min-width:400px;max-width:600px;max-height:80vh;overflow-y:auto}.form-section,.modal h2{margin-bottom:20px}.form-section h3{margin-bottom:10px;font-size:16px;color:#555}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px}.checkbox-group label{display:flex;align-items:center;gap:5px;cursor:pointer}.devices-list{flex-direction:column;max-height:200px;overflow-y:auto;background-color:#f9f9f9;padding:10px;border-radius:4px}.modal-actions{display:flex;gap:10px;margin-top:20px}.save-btn{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.save-btn:hover{background-color:#218838}.cancel-btn{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.cancel-btn:hover{background-color:#5a6268}.text-muted{color:#999;font-style:italic}.owner-email{color:#666;font-size:12px;margin-left:5px}.device-id-display{background-color:#f5f5f5;padding:10px;border-radius:4px;margin-bottom:20px;word-break:break-all}.device-id-display code{font-family:monospace;font-size:12px;color:#333}.form-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.form-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px;background-color:#fff}.form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.form-section label{display:block;font-weight:700;color:#555;margin-bottom:5px}.hint-text{font-size:12px;color:#666;margin-top:8px}.hint-text a{color:#007bff}.no-data{text-align:center;color:#666;padding:40px}.sensors-link{padding:8px 16px;background-color:#17a2b8;color:#fff;border-radius:4px;text-decoration:none;font-size:14px}.sensors-link:hover{background-color:#138496}.add-btn{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.add-btn:hover{background-color:#218838}.status-active{color:#28a745;font-weight:700}.refresh-btn{padding:8px 16px;background-color:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.refresh-btn:hover{background-color:#138496}