.device-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:20px;position:relative;transition:all .3s ease}.device-card:hover{border-color:#667eea;box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.device-header{display:flex;gap:15px;margin-bottom:20px}.device-icon{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;font-size:32px;height:50px;justify-content:center;min-width:50px}.device-info{flex:1 1}.device-name{color:#333;font-size:18px;font-weight:700;line-height:1.2;margin:0}.device-type{color:#999;font-size:12px;letter-spacing:.5px;margin:4px 0 0;text-transform:uppercase}.device-room{color:#667eea;font-size:12px;font-weight:500;margin:2px 0 0}.device-status{align-items:center;background:#f8f8f8;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px;padding:10px 15px}.status-label{color:#666;font-weight:500}.status-value{color:#333;font-size:16px;font-weight:700}.devdoor-vibration{align-items:center;display:flex;justify-content:center;margin-bottom:15px;padding:20px}.devdoor-container{align-items:center;display:flex;flex-direction:column;gap:8px}.vibration-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;height:200px;width:200px}.vibration-image.is-active{animation:vibration-shake .6s ease-in-out infinite,vibration-glow .6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,107,53,.6))}.vibration-image.is-idle{opacity:.75}.devdoor-timestamp{color:#999;font-size:11px;font-weight:500;line-height:1.2;text-align:center}.vibration-info,.vibration-label,.vibration-value{display:none}@keyframes vibration-shake{0%{transform:translateX(0)}25%{transform:translateX(-2px) rotate(-2deg)}50%{transform:translateX(2px) rotate(2deg)}75%{transform:translateX(-1px) rotate(-1deg)}to{transform:translateX(0)}}@keyframes vibration-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,107,53,.4))}50%{filter:drop-shadow(0 0 16px rgba(255,107,53,.8))}}.temperature-display{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.temp-value{align-items:flex-start;color:#667eea;display:flex;font-size:48px;font-weight:700;gap:4px;line-height:1}.temp-unit{color:#999;font-size:24px;font-weight:400;margin-top:4px}.humidity-value{color:#64b5f6;font-size:32px;font-weight:700}.shutter-control{margin-bottom:10px}.shutter-buttons{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:200px}.shutter-btn{align-items:center;background:linear-gradient(145deg,#f8f8f8,#e0e0e0);border:none;border-radius:10px;box-shadow:0 6px 12px #0003,0 3px 6px #00000026,inset 0 -3px 6px #00000026,inset 0 3px 6px #fff6;color:#333;cursor:pointer;display:flex;font-weight:600;gap:15px;justify-content:flex-start;overflow:hidden;padding:12px 20px;position:relative;transition:all .2s ease}.shutter-btn:before{background:linear-gradient(180deg,#ffffff4d,#0000);content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;top:0}.shutter-btn:hover:not(:disabled){background:linear-gradient(145deg,#fff,#e8e8e8);box-shadow:0 8px 16px #00000040,0 4px 8px #0003,inset 0 -3px 6px #00000026,inset 0 3px 6px #ffffff80;transform:translateY(-2px)}.shutter-btn:active:not(:disabled){box-shadow:0 2px 4px #0003,inset 0 4px 8px #00000040,inset 0 -2px 4px #fff3;transform:translateY(1px)}.shutter-btn:disabled{cursor:not-allowed;opacity:.5}.shutter-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:20px;font-weight:700}.shutter-label{font-size:14px;text-shadow:0 1px 2px #fffc}.shutter-up{border-left:5px solid #4caf50;box-shadow:0 6px 12px #4caf504d,0 3px 6px #00000026,inset 0 -3px 6px #00000026,inset 0 3px 6px #fff6}.shutter-up:hover:not(:disabled){box-shadow:0 8px 16px #4caf5066,0 4px 8px #0003,inset 0 -3px 6px #00000026,inset 0 3px 6px #ffffff80}.shutter-down{border-left:5px solid #f44336;box-shadow:0 6px 12px #f443364d,0 3px 6px #00000026,inset 0 -3px 6px #00000026,inset 0 3px 6px #fff6}.shutter-down:hover:not(:disabled){box-shadow:0 8px 16px #f4433666,0 4px 8px #0003,inset 0 -3px 6px #00000026,inset 0 3px 6px #ffffff80}.switch-control{margin-top:20px}.switch-button,.switch-control{align-items:center;display:flex;justify-content:center}.switch-button{border:none;border-radius:50%;box-shadow:0 8px 16px #0000004d,0 4px 8px #0003,inset 0 -4px 8px #0000004d,inset 0 4px 8px #fff3;cursor:pointer;height:80px;position:relative;transition:all .3s ease;width:80px}.switch-button:before{background:#ffffff4d;border-radius:50%;content:"";filter:blur(8px);height:30%;left:20%;position:absolute;right:20%;top:8px}.switch-button:hover{box-shadow:0 12px 20px #0006,0 6px 12px #0000004d,inset 0 -4px 8px #0000004d,inset 0 4px 8px #fff3;transform:scale(1.05)}.switch-button:active{box-shadow:0 4px 8px #0000004d,inset 0 4px 12px #0006,inset 0 -2px 4px #ffffff1a;transform:scale(.98)}.switch-button:disabled{cursor:not-allowed;opacity:.5}.switch-off{background:linear-gradient(145deg,#7c8591,#4b5563);border:3px solid #2d3748}.switch-off:hover:not(:disabled){background:linear-gradient(145deg,#8c95a1,#5b6573)}.switch-on{background:linear-gradient(145deg,#34d870,#16a34a);border:3px solid #15803d;box-shadow:0 8px 16px #22c55e80,0 4px 8px #22c55e4d,inset 0 -4px 8px #0000004d,inset 0 4px 8px #ffffff4d}.switch-on:hover:not(:disabled){background:linear-gradient(145deg,#44e880,#26b35a);box-shadow:0 12px 20px #22c55e99,0 6px 12px #22c55e66,inset 0 -4px 8px #0000004d,inset 0 4px 8px #ffffff4d}.switch-label{color:#fff;font-size:20px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px #0000004d;z-index:1}.device-actions{display:flex;gap:8px;margin-bottom:10px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;justify-content:center;min-height:40px;padding:10px 12px;transition:all .3s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-on{background:#4caf50;color:#fff}.btn-on:hover:not(:disabled){background:#45a049;transform:scale(1.05)}.btn-toggle{background:#ff9800;color:#fff}.btn-toggle:hover:not(:disabled){background:#fb8c00;transform:scale(1.05)}.btn-off{background:#f44336;color:#fff}.btn-off:hover:not(:disabled){background:#da190b;transform:scale(1.05)}.error-message{background:#ffe6e6;border-left:3px solid #d32f2f;border-radius:6px;color:#d32f2f;font-size:12px;margin-bottom:10px;padding:8px 12px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:20px;position:absolute;right:10px;top:10px;width:20px}.luminosity-gauge{align-items:center;display:flex;flex-direction:column;margin-bottom:10px;margin-top:15px;padding:10px}.gauge-container{align-items:flex-end;display:flex;height:120px;justify-content:center;position:relative;width:200px}.gauge-svg{height:100%;position:absolute;width:100%}.gauge-needle{background:linear-gradient(0deg,#888 0,#666);border-radius:2px 2px 0 0;bottom:0;box-shadow:0 0 8px #0000004d;height:80px;left:50%;position:absolute;transform-origin:bottom center;transition:transform .8s cubic-bezier(.4,0,.2,1);width:4px}.gauge-center{background:radial-gradient(circle,#666 0,#333 50%,#000 100%);border-radius:50%;bottom:-8px;box-shadow:0 2px 6px #0006;height:16px;left:50%;position:absolute;transform:translateX(-50%);width:16px;z-index:2}.gauge-labels{color:#666;display:flex;font-size:11px;font-weight:500;justify-content:space-between;margin-top:5px;width:100%}@media (max-width:480px){.device-card{padding:15px}.device-header{gap:12px;margin-bottom:15px}.device-icon{font-size:28px;height:45px;min-width:45px}.device-name{font-size:16px}.btn{font-size:14px;min-height:36px;padding:8px 10px}}.device-list-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.device-list-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;padding:30px}.device-list-header h1{color:#333;font-size:28px;font-weight:700;margin:0 0 20px}.header-actions{align-items:center;display:flex;gap:10px}.search-input{border:2px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;padding:10px 15px;transition:border-color .3s}.search-input:focus{border-color:#667eea;outline:none}.refresh-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background .3s}.refresh-btn:hover:not(:disabled){background:#764ba2}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.error-banner{align-items:center;background:#fee;border:2px solid #f88;border-radius:8px;color:#d33;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.error-banner button{background:#f88;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:16px}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#999;font-size:18px;padding:60px 20px;text-align:center}.room-group{margin-bottom:30px}.room-title{border-left:4px solid #fff;color:#fff;font-size:24px;margin-bottom:15px;padding-left:10px}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:20px}@media (max-width:768px){.devices-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.devices-grid{gap:10px;grid-template-columns:1fr}.device-list-header{padding:20px}.device-list-header h1{font-size:22px;margin-bottom:15px}.header-actions{flex-direction:column}.refresh-btn,.search-input{width:100%}}.device-list-footer{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#666;margin-top:30px;padding:20px;text-align:center}.device-list-footer p{font-size:14px;margin:0}.rooms-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px}.room-tab{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.room-tab:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.room-tab.active{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026;color:#667eea}.device-count{background:#0000001a;border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px}.App{margin:0;min-height:100vh;padding:0;width:100%}@media (max-width:1200px){.App{padding:0}}@media (max-width:768px){.App{padding:0}}
/*# sourceMappingURL=main.5265bb31.css.map*/