*{box-sizing:border-box;margin:0;padding:0}body{background:#1d1d1d;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden}.data-flow{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.data-line{animation:flow 4s linear infinite;background:linear-gradient(180deg,#0000,#e63946 20%,#f44 50%,#e63946 80%,#0000);height:150px;opacity:.5;position:absolute;width:2px}@keyframes flow{0%{transform:translateY(-150px)}to{transform:translateY(calc(100vh + 150px))}}.data-line:first-child{animation-delay:0s;animation-duration:3.5s;left:5%}.data-line:nth-child(2){animation-delay:.5s;animation-duration:4s;left:15%}.data-line:nth-child(3){animation-delay:1s;animation-duration:3.8s;left:25%}.data-line:nth-child(4){animation-delay:1.5s;animation-duration:3.3s;left:35%}.data-line:nth-child(5){animation-delay:2s;animation-duration:4.2s;left:45%}.data-line:nth-child(6){animation-delay:.3s;animation-duration:3.6s;left:55%}.data-line:nth-child(7){animation-delay:.8s;animation-duration:3.9s;left:65%}.data-line:nth-child(8){animation-delay:1.3s;animation-duration:4.1s;left:75%}.data-line:nth-child(9){animation-delay:1.8s;animation-duration:3.4s;left:85%}.data-line:nth-child(10){animation-delay:2.3s;animation-duration:3.7s;left:95%}.data-line-horizontal{animation:flowHorizontal 5s linear infinite;background:linear-gradient(90deg,#0000,#e63946 20%,#f44 50%,#e63946 80%,#0000);height:2px;opacity:.3;position:absolute;width:150px}@keyframes flowHorizontal{0%{transform:translateX(-150px)}to{transform:translateX(calc(100vw + 150px))}}.data-line-horizontal:nth-child(11){animation-delay:0s;top:10%}.data-line-horizontal:nth-child(12){animation-delay:1s;top:30%}.data-line-horizontal:nth-child(13){animation-delay:2s;top:50%}.data-line-horizontal:nth-child(14){animation-delay:3s;top:70%}.data-line-horizontal:nth-child(15){animation-delay:4s;top:90%}.header-section{left:0;position:fixed;text-align:center;top:40px;width:100%;z-index:20}.tech-cloud{align-items:center;display:flex;gap:20px;justify-content:center}.cloud-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 5px 15px rgba(230,57,70,.5));height:55px;width:55px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cloud-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:2px;text-shadow:0 3px 20px #e6394699}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-top:120px;position:relative;z-index:10}.login-box{animation:slideIn .8s ease;background:#f1f3f5;border-radius:20px;box-shadow:0 10px 40px #e639464d;padding:50px 40px;width:420px}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:35px;text-align:center}.logo-img{filter:drop-shadow(0 3px 10px rgba(0,0,0,.2));height:auto;max-width:220px}.login-subtitle,.logo-text{display:none}.form-group{margin-bottom:20px}.form-group label{color:#1d1d1d;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select{background:#fff;border:2px solid #ddd;border-radius:10px;color:#1d1d1d;font-size:15px;padding:14px 16px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#e63946;box-shadow:0 0 0 3px #e639461a;outline:none}.btn{background:linear-gradient(135deg,#e63946,#d62839);border:none;border-radius:12px;box-shadow:0 8px 25px #e6394659;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1.5px;margin-top:10px;padding:16px;text-transform:uppercase;transition:all .3s;width:100%}.btn:hover{background:linear-gradient(135deg,#d62839,#b91c2c);box-shadow:0 12px 35px #e6394673;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error{animation:shake .5s;background:#ffe0e0;border-left:4px solid #e63946;border-radius:8px;color:#e63946;font-size:14px;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.server-status{border-top:1px solid #e0e0e0;color:#999;font-size:12px;margin-top:25px;padding-top:20px;text-align:center}.dot{animation:pulse 2s infinite;background:#27ae60;border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.container{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:10}.header{background:#2d2d2d;border-left:4px solid #e63946;border-radius:15px;box-shadow:0 4px 20px #0000004d;justify-content:space-between;margin-bottom:30px;padding:20px 30px}.header,.header-logo{align-items:center;display:flex}.header-logo{gap:15px}.header .cloud-icon{height:45px;width:45px}.header h1{font-size:32px;font-weight:700;letter-spacing:-1px;margin:0}.header h1 .mim{color:#fff}.header h1 .bytes{color:#e63946}.header-subtitle{color:#999;font-size:11px;letter-spacing:1px;text-transform:uppercase}.header-right{align-items:center;display:flex;gap:20px}.header-right span{color:#999;font-size:14px}.btn-logout{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s}.btn-logout:hover{background:#d62839;transform:translateY(-2px)}.dashboard{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background:#2d2d2d;border-left:4px solid #e63946;border-radius:15px;box-shadow:0 4px 20px #0000004d;padding:30px}.card h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:25px}.btn-add{background:#e63946;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-add:hover{background:#d62839;transform:translateY(-2px)}.device-item{background:#1d1d1d}.device-item:hover{box-shadow:0 5px 20px #e6394633;transform:translateX(5px)}.device-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.device-name{color:#fff;font-size:18px;font-weight:700}.device-status{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.status-online{background:#27ae6033;border:1px solid #27ae60;color:#27ae60}.status-offline{background:#e6394633;border:1px solid #e63946;color:#e63946}.device-sensor{color:#999;display:flex;font-size:13px;gap:20px;margin-bottom:15px}.relay-list{margin-top:15px}.relay-item{align-items:center;border-bottom:1px solid #2d2d2d;display:flex;justify-content:space-between;padding:12px 0}.relay-item:last-child{border-bottom:none}.relay-name{color:#ccc;font-size:14px;font-weight:500}.relay-controls{display:flex;gap:10px}.btn-off,.btn-on{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;text-transform:uppercase;transition:all .3s}.btn-on{background:#27ae60;color:#fff}.btn-on:hover:not(:disabled){background:#229954;transform:translateY(-2px)}.btn-off{background:#e63946;color:#fff}.btn-off:hover:not(:disabled){background:#d62839;transform:translateY(-2px)}.btn-off:disabled,.btn-on:disabled{cursor:not-allowed;opacity:.4}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{animation:slideIn .3s ease;background:#2d2d2d;border:1px solid #3d3d3d;border-radius:20px;box-shadow:0 10px 50px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;padding:35px;width:90%}.modal h3{color:#fff;font-size:24px;font-weight:700;margin-bottom:25px}.modal .form-group label{color:#ccc}.modal .form-group input,.modal .form-group select{background:#1d1d1d;border:2px solid #3d3d3d;color:#fff}.modal .form-group input:focus,.modal .form-group select:focus{background:#1d1d1d;border-color:#e63946}.modal-actions{display:flex;gap:12px;margin-top:25px}.btn-secondary{background:#3d3d3d;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;text-transform:uppercase;transition:all .3s}.btn-secondary:hover{background:#4d4d4d}.no-devices{color:#666;font-size:14px;padding:40px;text-align:center}.login-box .btn,form button[type=submit]{background:linear-gradient(135deg,#e63946,#d62839);border:none;border-radius:50px;box-shadow:0 10px 30px #e6394666;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:2px;margin-top:15px;padding:18px;text-align:center;text-transform:uppercase;transition:all .3s;width:100%}.login-box .btn:hover,form button[type=submit]:hover{background:linear-gradient(135deg,#d62839,#b91c2c);box-shadow:0 15px 40px #e6394680;transform:translateY(-3px)}.login-box .btn:active,form button[type=submit]:active{transform:translateY(-1px)}.login-box .btn:disabled,form button[type=submit]:disabled{cursor:not-allowed;opacity:.6;transform:none}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}.full-width{grid-column:1/-1}.facility-selector{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.facility-btn{background:linear-gradient(135deg,#1d1d1d,#2d2d2d);border:2px solid #3d3d3d;border-radius:15px;cursor:pointer;overflow:hidden;padding:25px;position:relative;text-align:left;transition:all .3s}.facility-btn:before{background:linear-gradient(90deg,#0000,#e639461a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.facility-btn:hover:before{left:100%}.facility-btn:hover{border-color:#e63946;box-shadow:0 10px 30px #e639464d;transform:translateY(-5px)}.facility-btn.active{background:linear-gradient(135deg,#e63946,#d62839);border-color:#e63946;box-shadow:0 10px 30px #e6394666}.facility-name{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px}.facility-btn.active .facility-name{color:#fff;text-shadow:0 2px 10px #0000004d}.facility-info{align-items:center;color:#999;display:flex;font-size:13px;gap:5px}.facility-btn.active .facility-info{color:#ffffffe6}.header-nav{display:flex;gap:10px}.nav-btn{background:#0000;border:2px solid #3d3d3d;border-radius:10px;color:#ccc;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.nav-btn:hover{border-color:#e63946;color:#e63946;transform:translateY(-2px)}.nav-btn.active{background:#e63946;border-color:#e63946;box-shadow:0 5px 15px #e639464d;color:#fff}.zone-controls{display:flex;gap:8px}.btn-small{border-radius:6px;font-size:11px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.automation-info{background:#e639461a;border-left:3px solid #e63946;border-radius:8px;color:#ccc;font-size:13px;margin-bottom:15px;padding:10px 15px}.zone-card{transition:all .3s}.zone-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.zone-header h3{flex:1 1;margin:0;min-width:200px}.detail-btn{align-items:center;background:linear-gradient(135deg,#e63946,#d62839);border:none;border-radius:10px;box-shadow:0 4px 15px #e639464d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s}.detail-btn:hover{background:linear-gradient(135deg,#d62839,#b91c2c);box-shadow:0 6px 20px #e6394666;transform:translateY(-2px)}.detail-btn:active{transform:translateY(0)}.devices-list{margin-top:15px}.card h3{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.device-item{background:linear-gradient(135deg,#1d1d1d,#252525);border-left:4px solid #e63946;border-radius:12px;margin-bottom:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s}.device-item:after{background:radial-gradient(circle,#e639461a 0,#0000 70%);border-radius:50%;content:"";height:100px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:100px}.device-item:hover{box-shadow:0 8px 25px #e6394640;transform:translateX(8px)}@media (max-width:768px){.header{flex-direction:column;gap:15px}.header-nav{justify-content:center;width:100%}.dashboard-grid,.facility-selector{grid-template-columns:1fr}.zone-header{align-items:flex-start;flex-direction:column}.detail-btn{justify-content:center;width:100%}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.card{animation:slideInFromLeft .5s ease}.card:first-child{animation-delay:0s}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.3s}.day-btn{background:#2d2d2d;border:1px solid #3d3d3d;border-radius:6px;color:#999;cursor:pointer;font-size:11px;font-weight:600;padding:6px 10px;transition:all .3s}.day-btn:hover{border-color:#e63946;color:#e63946}.day-btn.active{background:#e63946;border-color:#e63946;color:#fff}.zone-detail-page{width:100%}.device-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.zone-type-btn{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:15px;transition:all .3s}.zone-type-btn:hover{background:#ffffff14;border-color:#e6394680;transform:translateY(-2px)}.zone-type-btn.active{background:#e6394633;border-color:#e63946;box-shadow:0 0 20px #e639464d}.zone-type-icon{font-size:32px;margin-bottom:8px}.zone-type-name{color:#fff;font-size:14px;font-weight:600;margin-top:5px}.toggle-switch{align-items:center;background:#dc262633;border:2px solid #dc2626;border-radius:25px;cursor:pointer;display:flex;height:50px;padding:0 15px;position:relative;transition:all .3s ease;width:100%}.toggle-switch.on{background:#22c55e33;border-color:#22c55e}.toggle-slider{background:#dc2626;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:40px;left:5px;position:absolute;transition:all .3s ease;width:40px}.toggle-switch.on .toggle-slider{background:#22c55e;left:calc(100% - 45px)}.toggle-label{color:#fff;font-size:13px;font-weight:600;position:absolute;right:15px;-webkit-user-select:none;user-select:none}.toggle-switch.on .toggle-label{left:15px;right:auto}.btn-trigger{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;transition:all .3s}.btn-trigger:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-trigger-active{animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-trigger-active:disabled,.btn-trigger:disabled{cursor:not-allowed;opacity:.5}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.stat-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:25px;text-align:center;transition:all .3s ease}.stat-card:hover{background:#ffffff14;box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-icon{font-size:48px;margin-bottom:15px}.stat-value{color:#fff;font-size:42px;font-weight:700;margin-bottom:8px}.stat-label{color:#999;font-size:14px;letter-spacing:1px;text-transform:uppercase}.stat-online{background:#22c55e0d;border-color:#22c55e80}.stat-online:hover{background:#22c55e1a;border-color:#22c55e}.stat-offline{background:#dc26260d;border-color:#dc262680;cursor:pointer}.stat-offline:hover{background:#dc26261a;border-color:#dc2626}@media (max-width:768px){.dashboard-stats{grid-template-columns:1fr}}.btn-trigger-off{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;transition:all .3s}.btn-trigger-off:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-trigger-on{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;transition:all .3s}.btn-trigger-on:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e66;transform:translateY(-2px)}.btn-trigger-active{animation:triggerPulse .5s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:8px;box-shadow:0 0 20px #fbbf2499;color:#000;cursor:not-allowed;font-weight:700}@keyframes triggerPulse{0%,to{box-shadow:0 0 20px #fbbf2499;transform:scale(1)}50%{box-shadow:0 0 30px #fbbf24e6;transform:scale(1.05)}}.btn-trigger-active:disabled,.btn-trigger-off:disabled,.btn-trigger-on:disabled{cursor:not-allowed;opacity:.5;transform:none}
/*# sourceMappingURL=main.36904215.css.map*/