*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#f5f7fa;color:#2c3e50;line-height:1.6;min-height:100vh}.sidebar{position:fixed;left:0;top:0;height:100vh;width:240px;background:#2c3e50;color:#fff;overflow-y:auto;z-index:1000;box-shadow:2px 0 8px #0000001a}.sidebar-header{padding:24px 20px;background:#1a252f;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:20px;font-weight:500;color:#fff;margin:0}.sidebar-menu{padding:16px 0}.sidebar-menu a{display:flex;align-items:center;padding:12px 20px;color:#ffffffb3;text-decoration:none;transition:all .3s;font-size:14px}.sidebar-menu a:hover,.sidebar-menu a.active{background:#ffffff1a;color:#fff}.sidebar-menu a span{margin-right:12px}.main-content{margin-left:240px;min-height:100vh}.header{background:#fff;box-shadow:0 2px 4px #00000014;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;height:64px}.header h1{font-size:20px;font-weight:500;color:#2c3e50;margin:0}.btn-logout{padding:8px 20px;background:#e74c3c;color:#fff;text-decoration:none;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:4px}.btn-logout:hover{background:#c0392b}.container{padding:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-card-title{font-size:14px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-card-icon.blue{background:#e3f2fd;color:#2196f3}.stat-card-icon.green{background:#e8f5e9;color:#4caf50}.stat-card-icon.orange{background:#fff3e0;color:#ff9800}.stat-card-icon.purple{background:#f3e5f5;color:#9c27b0}.stat-card-value{font-size:32px;font-weight:600;color:#2c3e50;margin-bottom:4px}.stat-card-label{font-size:13px;color:#95a5a6}h2{font-size:18px;font-weight:600;color:#2c3e50;margin:32px 0 16px}.section-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;overflow:hidden}.section-card-header{padding:20px 24px;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;align-items:center}.section-card-header h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0}.section-card-body{padding:0}table{width:100%;border-collapse:collapse}th,td{padding:16px 24px;text-align:left;border-bottom:1px solid #ecf0f1}th{background:#f8f9fa;font-weight:600;color:#7f8c8d;font-size:12px;text-transform:uppercase;letter-spacing:.8px}td{color:#2c3e50;font-size:14px}tbody tr{transition:background .2s}tbody tr:hover{background:#f8f9fa}tbody tr:last-child td{border-bottom:none}.pair-form{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:32px}.pair-form h3{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 20px}.pair-form-group{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pair-form input{padding:12px 16px;border:1px solid #dfe6e9;border-radius:4px;font-size:14px;min-width:200px;transition:all .2s;font-family:inherit;color:#2c3e50}.pair-form input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.pair-form button{padding:12px 28px;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.pair-form button:hover{background:#2980b9}.status{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px}.status.on{background:#d5f4e6;color:#27ae60}.status.off{background:#fadbd8;color:#e74c3c}.timestamp{color:#95a5a6;font-size:13px}.device-status{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-online{background:#d5f4e6;color:#27ae60}.status-recent{background:#fff3cd;color:#f39c12}.status-offline{background:#fadbd8;color:#e74c3c}.status-unknown{background:#ecf0f1;color:#95a5a6}.battery-indicator{display:inline-flex;align-items:center;gap:4px;font-weight:500}.battery-good{color:#27ae60}.battery-medium{color:#f39c12}.battery-low{color:#e67e22}.battery-critical{color:#e74c3c;font-weight:600}.login-container{background:#fff;border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;padding:48px 40px 36px;width:100%;max-width:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{text-align:center;margin-bottom:32px}.logo h1{font-size:24px;font-weight:400;color:#202124;margin-bottom:8px}.logo p{color:#5f6368;font-size:16px}.form-group{margin-bottom:24px}label{display:block;margin-bottom:8px;color:#5f6368;font-size:14px}input[type=text],input[type=password]{width:100%;padding:14px 16px;border:1px solid #dadce0;border-radius:4px;font-size:16px;font-family:inherit;transition:all .2s;color:#202124}input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 4px #1a73e81a}.btn-login{width:100%;padding:12px;background:#1a73e8;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.25px}.btn-login:hover{background:#1765cc}.btn-login:active{background:#1557b0}.btn-login:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fce4ec;border-left:4px solid #c62828;color:#c62828;padding:12px 16px;border-radius:4px;margin-bottom:24px;font-size:14px;display:none}.error-message.show{display:block}.footer{text-align:center;margin-top:32px;color:#5f6368;font-size:12px}@media(max-width:768px){.sidebar{transform:translate(-240px)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}}