@font-face{font-family:"Iran Yekan";src:url(/static/media/IRANYekanMediumFaNum.d53e0735.ttf) format("truetype")}@font-face{font-family:"SourceSansPro";src:url(/static/media/FontsFree-Net-SourceSansPro-Regular.80355c50.ttf) format("truetype")}.dirLTR{direction:ltr;font-family:"SourceSansPro";height:100vh}body,html{font-family:"Iran Yekan","IRANSans";direction:rtl;margin:0;overflow:hidden}@media screen and (max-width:992px) and (orientation:landscape){body{overflow:auto}.devices{min-height:100vh}}.ltr{direction:ltr}a{color:unset!important;cursor:pointer}a,a:hover{text-decoration:none!important}.close{background:transparent;border:none}.inputStyle{border:0;outline:0}select{-webkit-appearance:none;-moz-appearance:none;outline:none}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:1px solid #b2b2b2}.deviceCheckmarkInput{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#007bff;border:1px solid #fff}.bg-muted{background-color:rgba(17,17,17,.05)!important}.light{max-height:100vh;background-color:#fff}.muted{color:#8d8d8d}.darkText{color:#3b4664}.dark{background-color:#313131;max-height:100vh}.bg-priimary,.btn-primary{background-color:#4b80e3!important}.btn-primary{border-color:#4b80e3!important}.bg-deactive{background-color:#2a2a2a}.w-87{width:87%}.textCard{height:auto;border-radius:12px;background-color:#d8d8d8}.text-green{color:#19b933}.border-green{border-color:#19b933!important}.direction-ltr{direction:ltr}button:visited{border:0!important;outline:0!important}button{outline:0!important;font-family:"Iran Yekan"!important}.right-section{height:100vh}@media screen and (orientation:landscape){.right-section{padding:0!important;height:100vh;margin:0}}.fn{font-size:14px}.fn23{font-size:23px}.fn10{font-size:10px}.fn11{font-size:11px}.fn8{font-size:8px}.fn26{font-size:26px}.fn18{font-size:18px}.fn20{font-size:20px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 30px #fff inset!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.flags-container{position:fixed;top:10px;left:10px;display:flex;flex-direction:row;align-items:center}.rtl{direction:ltr}.flag-icon{width:30px;height:auto;margin-right:5px}.flag-button{background-color:transparent;border:none;cursor:pointer}.home{background:url(/static/media/bg2.e3f03e4f.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover;height:100vh;overflow:hidden}.bghome{top:0;right:0;background-color:rgba(0,0,0,.5);height:100vh}.outline-0{outline:0}.content{top:0;height:100%;width:100%;z-index:999;right:.2%}.LGButton{display:block;height:52px;width:230px;border:1px solid #e3e3e6;border-radius:34px;line-height:3;text-align:center}.react-timekeeper__clock-wrapper,.react-timekeeper__top-bar{direction:ltr!important}.css-1nrlsdz,.css-nakgy8-TimeKeeper{box-shadow:unset!important;background:transparent!important}.css-1lmy46j-ClockWrapper,.css-1mn38ah-TopBar{background:transparent!important;padding:0!important}.css-aoo4aj,.css-s9a4fz{background:transparent!important}.css-1aty463-TopBar,.css-1nkra40-TopBar{color:#5894fa!important}.css-1jj6dwi-ClockHand,.css-16j6ljo-ClockHand,.css-4456cn-ClockHand{fill:#5894fa!important}.css-4456cn-ClockHand{stroke:#5894fa!important}@media (max-width:576px){.right-section{padding:0!important}}@media screen and (max-width:900px) and (orientation:landscape){.circleSlider,.left-section,.main,.right-section,.urerInfo,.userNotif,.verifywidget,.weatherTypesHeight{height:unset!important}.scenSection{max-height:unset!important}}html{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}body,html{background:#f7fafc;background:var(--bg-light,#f7fafc)}body{color:#1a202c;color:var(--text-primary,#1a202c);-webkit-transition:background-color .3s ease,color .3s ease;transition:background-color .3s ease,color .3s ease}*{-webkit-transition-property:background-color,color,border-color,box-shadow;transition-property:background-color,color,border-color,box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.preload *{-webkit-transition:none!important;transition:none!important}.panel-container{min-height:100vh;background:#f7fafc;background:var(--bg-light,#f7fafc);padding:0;margin:0}.right-section,.right-section-wrapper{min-height:100vh}.right-section{padding:0!important;height:auto}.justify-content-center{display:flex;justify-content:center}@media (max-width:768px){.panel-container,.right-section-wrapper{padding:0}}@media (max-width:576px){.right-section-wrapper{padding:0}}[data-theme=dark] div,[data-theme=dark] label,[data-theme=dark] p,[data-theme=dark] span{color:#f7fafc;color:var(--text-primary,#f7fafc)}[data-theme=light] div,[data-theme=light] label,[data-theme=light] p,[data-theme=light] span{color:#1a202c;color:var(--text-primary,#1a202c)}[data-theme=dark] button,[data-theme=light] button{color:inherit}.theme-language-controls{position:absolute;top:24px;right:24px;display:flex;grid-gap:12px;gap:12px;z-index:10}.theme-toggle-btn{width:48px;height:48px;border-radius:12px;background:hsla(0,0%,100%,.95);border:2px solid rgba(102,126,234,.2)}.theme-toggle-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15);border-color:rgba(102,126,234,.4)}.theme-toggle-btn svg{width:24px;height:24px;color:#667eea;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.theme-toggle-btn:hover svg{-webkit-transform:rotate(20deg);transform:rotate(20deg)}.language-selector{display:flex;grid-gap:8px;gap:8px;background:hsla(0,0%,100%,.95);border-radius:12px;padding:4px;box-shadow:0 4px 12px rgba(0,0,0,.1);border:2px solid rgba(102,126,234,.2)}.language-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 12px;border:none;border-radius:8px;background:transparent;font-size:14px;font-weight:600;color:#718096}.language-btn:hover{background:rgba(102,126,234,.1);color:#667eea}.language-btn.active{box-shadow:0 2px 8px rgba(102,126,234,.3)}.flag-icon{font-size:20px;line-height:1}.language-text{font-size:13px;letter-spacing:.5px}[data-theme=dark] .login-flat-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .login-flat-container:before{background:rgba(102,126,234,.15)}[data-theme=dark] .login-flat-container:after{background:rgba(118,75,162,.12)}[data-theme=dark] .login-flat-card{background:#2d3748;box-shadow:0 20px 60px rgba(0,0,0,.4)}[data-theme=dark] .login-flat-title{color:#f7fafc}[data-theme=dark] .login-flat-subtitle{color:#cbd5e0}[data-theme=dark] .login-flat-input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .login-flat-input::-webkit-input-placeholder{color:#718096}[data-theme=dark] .login-flat-input:-ms-input-placeholder{color:#718096}[data-theme=dark] .login-flat-input::-ms-input-placeholder{color:#718096}[data-theme=dark] .login-flat-input::placeholder{color:#718096}[data-theme=dark] .login-flat-input:focus{background:#2d3748;border-color:#667eea}[data-theme=dark] .login-flat-input-icon{color:#718096}[data-theme=dark] .login-flat-input-group:focus-within .login-flat-input-icon{color:#667eea}[data-theme=dark] .login-flat-forgot{color:#90cdf4}[data-theme=dark] .login-flat-forgot:hover{color:#63b3ed}[data-theme=dark] .login-flat-divider{color:#718096}[data-theme=dark] .login-flat-divider:after,[data-theme=dark] .login-flat-divider:before{border-bottom-color:#4a5568}[data-theme=dark] .login-flat-register{color:#cbd5e0}[data-theme=dark] .login-flat-register a{color:#90cdf4}[data-theme=dark] .login-flat-register a:hover{color:#63b3ed}[data-theme=dark] .login-flat-checkbox-label{color:#cbd5e0}[data-theme=dark] .login-flat-checkbox-label:hover{color:#90cdf4}@media (max-width:576px){.theme-language-controls{top:16px;right:16px;grid-gap:8px;gap:8px}.theme-toggle-btn{width:44px;height:44px}.theme-toggle-btn svg{width:20px;height:20px}.language-btn{padding:6px 10px}.flag-icon{font-size:18px}.language-text{font-size:12px}}@media (max-width:400px){.theme-language-controls{top:12px;right:12px}.language-text{display:none}.language-btn{padding:8px}}.home-flat-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.home-flat-container:before{content:"";position:absolute;width:400px;height:400px;background:hsla(0,0%,100%,.1);border-radius:50%;top:-200px;right:-200px;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}.home-flat-container:after{content:"";position:absolute;width:300px;height:300px;background:hsla(0,0%,100%,.08);border-radius:50%;bottom:-150px;left:-150px;animation:float 8s ease-in-out infinite reverse}.home-flat-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:48px 40px;width:100%;max-width:440px;position:relative;z-index:1;-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;text-align:center}.home-flat-logo-wrapper{margin-bottom:32px}.home-flat-logo{width:120px;height:120px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(102,126,234,.3);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;padding:20px}.home-flat-logo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.home-flat-logo img{width:100%;height:100%;object-fit:contain;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.home-flat-header{text-align:center;margin-bottom:40px}.home-flat-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 12px;letter-spacing:-.5px;line-height:1.3}.home-flat-subtitle{font-size:16px;color:#718096;margin:0;font-weight:400}.home-flat-buttons{display:flex;flex-direction:column;grid-gap:16px;gap:16px;margin-bottom:24px}.home-flat-button{width:100%;height:56px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none}.home-flat-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.home-flat-button-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.home-flat-button-primary:active{-webkit-transform:translateY(0);transform:translateY(0)}.home-flat-button-secondary{background:#fff;color:#667eea;border:2px solid #667eea;box-shadow:0 2px 8px rgba(0,0,0,.1)}.home-flat-button-secondary:hover{background:#f7fafc;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.home-flat-button-secondary:active{-webkit-transform:translateY(0);transform:translateY(0)}.home-flat-footer{text-align:center;font-size:14px;color:#718096;padding-top:16px;border-top:1px solid #e2e8f0}.home-flat-footer a{color:#667eea;text-decoration:none;font-weight:500;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease;margin:0 8px}.home-flat-footer a:hover{color:#764ba2;text-decoration:none}@media (max-width:576px){.home-flat-card{padding:36px 24px;border-radius:20px}.home-flat-title{font-size:24px}.home-flat-subtitle{font-size:14px}.home-flat-logo{width:100px;height:100px;padding:16px}.home-flat-button{height:52px}}@media (max-width:400px){.home-flat-container{padding:16px}.home-flat-card{padding:28px 20px}.home-flat-title{font-size:20px}}.dirLTR .home-flat-subtitle,.dirLTR .home-flat-title{direction:ltr}[data-theme=dark] .home-flat-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .home-flat-container:before{background:rgba(102,126,234,.15)}[data-theme=dark] .home-flat-container:after{background:rgba(118,75,162,.12)}[data-theme=dark] .home-flat-card{background:#2d3748;box-shadow:0 20px 60px rgba(0,0,0,.4)}[data-theme=dark] .home-flat-title{color:#f7fafc}[data-theme=dark] .home-flat-subtitle{color:#cbd5e0}[data-theme=dark] .home-flat-logo{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 24px rgba(102,126,234,.4)}[data-theme=dark] .home-flat-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.4)}[data-theme=dark] .home-flat-button-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.5)}[data-theme=dark] .home-flat-button-secondary{background:#1a202c;color:#90cdf4;border-color:#667eea}[data-theme=dark] .home-flat-button-secondary:hover{background:#2d3748;color:#63b3ed;box-shadow:0 4px 12px rgba(102,126,234,.3)}[data-theme=dark] .home-flat-footer{color:#cbd5e0;border-top-color:#4a5568}[data-theme=dark] .home-flat-footer a{color:#90cdf4}[data-theme=dark] .home-flat-footer a:hover{color:#63b3ed}[data-theme=dark] .language-selector,[data-theme=dark] .theme-toggle-btn{background:rgba(45,55,72,.95);border-color:rgba(102,126,234,.3)}[data-theme=dark] .language-btn{color:#cbd5e0}[data-theme=dark] .language-btn:hover{background:rgba(102,126,234,.2);color:#90cdf4}[data-theme=dark] .language-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.shortcut{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:367.7px!important;border-radius:32.55px 32.55px 0 0;box-shadow:2px 2px 4px 0 rgba(0,0,0,.11);z-index:999;display:flex;position:fixed}.shortcut .circleIcon{height:47px;width:66px;border-radius:23.5px;font-size:23px;line-height:2.2}.shortcut .selectBox{height:44px;width:152px;border-radius:26.77px;background:var(--bg-white);border:1px solid var(--border-color)}.shortcut .selectBox select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:var(--bg-white);color:#fafafa;outline:none;border:none;width:73%;font-size:14px}.shortcutModal{display:flex;position:absolute;bottom:10px;right:0;left:0}.shortcutModal .circleIcon{height:47px;width:66px;border-radius:23.5px;background-color:#efefef;font-size:23px;line-height:2.2}.shortcutModal .selectBox{height:44px;width:152px;border-radius:26.77px;background-color:#111}.shortcutModal .selectBox select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:#111;color:#fafafa;outline:none;border:none;width:73%;font-size:14px}.roomSelect{background-color:rgba(0,0,0,.5);right:0}.roomSelect,.roomSelectModal{top:0;z-index:99999}.roomSelectCard{width:182px;border-radius:24px;bottom:0;left:-165px;right:0}.addRoom{background-color:#00deb7}.addRoom,.rooms{border-radius:24.5px}.rooms{-webkit-transition:.3s;transition:.3s}.freezing{background:hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:99999}.freezingAnimation{width:48px;height:80px;border-radius:24px;top:50%;-webkit-transform:translateY(-50px) translateX(50px);transform:translateY(-50px) translateX(50px);left:45%}@media screen and (max-width:992px){.freezingAnimation{left:unset;right:55%}}.freezingCircle{width:40px;height:40px;-webkit-animation-name:freez;animation-name:freez;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes freez{0%{top:0}75%{top:32px}to{top:0}}@keyframes freez{0%{top:0}75%{top:32px}to{top:0}}.homeInfo{height:77px;width:182px;border-radius:24px 24px 0 0;background-color:#e5e5e5;box-shadow:0 2px 5px 0 rgba(0,0,0,.24)}.homeInfoIcon{height:61.1px;width:61.1px;background-color:#fafafa;box-shadow:0 3px 5px 0 rgba(131,146,167,.2);font-size:24px}.rooms:hover{background-color:#fff}.py-6{padding-top:.8rem;padding-bottom:.8rem}.alertMessage{width:394px;border:1px solid;border-radius:15px}.alertIcon{height:38px;width:38px;border-radius:14px}.alertIcon span{height:26px;width:26px}.alertBgWarning{background-color:#ff7f00;color:#ff7f00}.alertBorderWarning{border-color:#ff7f00}.alertBgError{background-color:#ff3900;color:#ff3900}.alertBorderError{border-color:#ff3900}.alertBgSuccess{background-color:#38b259;color:#38b259}.alertBorderSuccess{border-color:#38b259}.alertIconDelOk{height:30px;width:30px;border-radius:14px}.modal{top:unset!important;max-height:100vh!important;height:auto!important;bottom:0!important;overflow-y:auto!important;overflow-x:hidden!important;max-width:100%;pointer-events:auto}.modal,.modalComp{border-radius:32.55px 32.55px 0 0}.modalComp{width:434.7px;box-shadow:2px 2px 4px 0 rgba(0,0,0,.11);height:100vh;color:var(--text-primary)}@media screen and (orientation:landscape){.modalComp{z-index:10000!important;height:100%}}.modalCompDarkBg{background-color:#dedede!important}.modal-backdrop.show{opacity:0!important}.modal-content{background-color:#fff!important;background-color:var(--bg-white,#fff)!important;border-radius:32.55px 32.55px 0 0!important;max-height:100vh!important;overflow-y:auto!important;padding:0!important;scrollbar-width:none!important}.modal-dialog{width:367.7px!important}.modal-header .close{margin:0!important;padding:0 7px!important}.modal-header{padding:0!important;border-bottom:0!important;font-size:17px!important}.modal-title{margin-right:150px}.homeBtn{height:30px;width:100px;border-radius:18px;background-color:#00deb7;line-height:2.5;font-weight:500}.deleteIcon{left:0;font-size:13px}.deleteIcon,.editIcon{height:20px;width:20px;border-radius:10.85px;top:-5px;line-height:1.5}.editIcon{left:21px;font-size:14px}.homeIcon{height:30px;width:30px}.homeName{border:1.1px solid #f0f0f0;border-radius:6.6px;font-size:14px}.homeName input{outline:0}.input{height:41px;border:1.1px solid #f0f0f0!important;border-radius:6.6px;outline:0!important;line-height:2.5;box-shadow:none!important}.profileDevice{width:151px;border-radius:23px;box-shadow:0 2px 4px 0 rgba(17,17,17,.1)}.profileDeviceIcon{height:40.06px;width:40.06px;border-radius:26.53px;box-shadow:0 2px 3px 0 rgba(0,0,0,.1);font-size:19px}.profileSetting{border:1px solid #979797;border-radius:25px}.profileUsers{height:45px;border-radius:31.5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background-color:var(--bg-card);color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease}.profileUsersStatus{height:36px;width:96px;border-radius:22px;background-color:#3d4dff}.profileUsersStatusIcon{height:30px;width:30px;border-radius:14.5px;background-color:hsla(0,0%,100%,.2)}.profileAddUser{box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.invitationUsers{height:16vh}.invitationUsers,.invitedUserSetting{overflow:auto;background-color:var(--bg-light);color:var(--text-primary);border-radius:8px}.invitedUserSetting{height:48vh}.switchDevice{position:relative;display:inline-block;width:38px;height:25px}.switchDevice input{opacity:0;width:0;height:0}.switchSliderDevice{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.switchSliderDevice,.switchSliderDevice:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switchSliderDevice:before{content:"";height:13px;width:13px;left:4px;bottom:6px;background-color:#fff}input:checked+.switchSliderDevice{background-color:#3d4dff}input:focus+.switchSliderDevice{box-shadow:0 0 1px #2196f3}input:checked+.switchSliderDevice:before{-webkit-transform:translateX(17px);transform:translateX(17px)}.switchSliderDevice.round{border-radius:34px}.switchSliderDevice.round:before{border-radius:50%}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switchSlider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.switchSlider,.switchSlider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.switchSlider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.switchSlider{background-color:#3d4dff}input:focus+.switchSlider{box-shadow:0 0 1px #2196f3}input:checked+.switchSlider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.switchSlider.round{border-radius:34px}.switchSlider.round:before{border-radius:50%}.addUserSection{max-height:80vh;overflow:auto;bottom:0;right:0;border-radius:26px 26px 0 0}.addUserSection .hr{width:30px;height:2px;background-color:#979797}.searchInput input{height:34px;width:100%;border-radius:23px;background-color:#fafafa;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border:0;outline:0}.searchInput i{right:10px;top:10px}.addUserStatus{height:30px;width:60px;border-radius:21.5px}.bg-accept{background-color:rgba(0,222,183,.5)}.bg-invite{background-color:rgba(60,90,254,.5)}.notifsDay{height:20px;width:83px;line-height:2;border-radius:10px;background-color:#eaebec}.notifHomeColor{color:#00b5ff}.notifsMessageIcon{height:38px;width:38px}.rejectIcon{height:33px;width:33px;border:1px solid #7e89a1}.confirmIcon{height:33px;width:33px;border:1px solid #19b933}.bg-red{background-color:#ee4957}.bg-green{background-color:#19b933}.bg-silver{height:33px;width:33px;border:1px solid #7e89a1}.weatherWidget{border-radius:18.5px;background-color:#f6f8fa;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);width:90%}.bg-red-opacity{background-color:#fe6e75}.homeWeather{height:6vh}.device{box-shadow:0 2px 4px 0 rgba(0,0,0,.1);border-radius:22px}.device .deviceCircle{font-size:20px}.device .deviceCircle,.deviceViewImg{height:40px;width:40px;border-radius:50%;line-height:2.2}.successBorder{border:2px solid #90d969}.dangerBorder{border:2px solid #f48fb1}.detailIconRotate:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#devices{max-height:39vh}@media (min-width:500px) and (max-width:730px){.devices{overflow:auto;max-height:39vh}}.devices::-webkit-scrollbar,.invitationUsers::-webkit-scrollbar,.invitedUserSetting::-webkit-scrollbar{width:6px}.devices::-webkit-scrollbar-thumb,.invitationUsers::-webkit-scrollbar-thumb,.invitedUserSetting::-webkit-scrollbar-thumb{background:#4b80e3;border-radius:4px}.devices::-webkit-scrollbar-thumb:hover,.invitationUsers::-webkit-scrollbar-thumb:hover,.invitedUserSetting::-webkit-scrollbar-thumb:hover{background:#324ff8}.rec-arrow{display:none}.rec-pagination{display:none!important}.rec-item-wrapper{height:100%!important}.rec .rec-swipable{flex-direction:row-reverse!important}.bg-deactiveDevice{background-color:#f5f5f5}.activeDeviceStatus{color:#c4c4c4}.bg-activeDevice{background-color:hsla(0,0%,100%,.2)}.barRange{width:100%;height:40px;overflow:hidden;border-radius:13px;-webkit-appearance:none;background-color:#fff;outline:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.barRange::-webkit-slider-runnable-track{-webkit-appearance:none;color:#f0f0f0}.barRange::-webkit-slider-thumb{width:1px;-webkit-appearance:none;height:1px;cursor:move;background:transparent;box-shadow:-80px 0 0 80px #7589fc}.radioRange{width:100%;height:40px;overflow:hidden;border-radius:13px;-webkit-appearance:none;background-color:#7589fc;outline:0}.radioRange::-webkit-slider-runnable-track{-webkit-appearance:none;color:#f0f0f0}.radioRange::-webkit-slider-thumb{width:1px;-webkit-appearance:none;height:1px;cursor:move;background:transparent;box-shadow:-80px 0 0 80px #fff}.cameraLists{border-radius:8px}.addCameraBtn{width:148px;height:48px;border-radius:24px}@media (max-width:576px){.invitationUsers{height:22vh;overflow:auto}.shortcut{left:unset;width:100%!important;-webkit-transform:unset;transform:unset;right:0}.modal-dialog{width:100%!important;margin:0!important}.shortcutModal{display:none!important}.modal{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.modalComp{background-color:hsla(0,0%,100%,.85)}}.sketch-picker{padding:0!important;box-shadow:none!important;background:transparent!important;margin-top:10px}.sketch-picker>div:first-child{border-radius:50%;height:191px;padding:0!important}.sketch-picker>div:nth-of-type(2),.sketch-picker>div:nth-of-type(3){display:none!important}.sketch-picker>div:nth-of-type(4){border:0!important;justify-content:center;margin-top:10px!important;padding:0!important}.sketch-picker>div:nth-of-type(4) span div{border-radius:50%!important}.sketch-picker>div:nth-of-type(4) div{width:25px!important;height:25px!important}.sketch-picker>div:nth-of-type(4) div:not(:first-of-type,:nth-of-type(3),:nth-of-type(5),:nth-of-type(9),:nth-of-type(12),:nth-of-type(15)){display:none}.saturation-white>div:nth-of-type(2)>div{width:20px!important;height:20px!important;background:#fff;box-shadow:none!important}.colorCircle{width:12px;height:12px;background:tomato}@media screen and (-webkit-min-device-pixel-ratio:0){.slider{overflow:hidden;width:208px;height:88px;-webkit-appearance:none;background-color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg);border:1px solid #979797;border-radius:28px;outline:0;position:relative}.slider::-webkit-slider-runnable-track{-webkit-appearance:none;color:#f0f0f0}.slider::-webkit-slider-thumb{width:1px;-webkit-appearance:none;height:1px;cursor:move;background:transparent;box-shadow:-120px 0 0 120px #f0f0f0}.timeRightSlider{overflow:hidden;-webkit-appearance:none;outline:0;width:200px;height:100px;border-radius:50% 50% 0 0/100% 100% 0 0;border:10px solid #000;border-bottom:0}.timeRightSlider::-webkit-slider-runnable-track{height:80px;-webkit-appearance:none;color:#f0f0f0;margin-top:-1px}.timeRightSlider::-webkit-slider-thumb{width:30px;-webkit-appearance:none;height:30px;border-radius:50%;cursor:move;background:#a74444}}.slider::-moz-range-progress{background-color:#f0f0f0}.slider::-moz-range-track{background-color:#fff}.slider::-ms-fill-lower{background-color:#f0f0f0}.slider::-ms-fill-upper{background-color:#fff}.sliderValue{position:absolute;right:-27px;top:50%;height:19px;width:50px;border-radius:9.5px;background-color:#186dff}.lightStatus{border-radius:13.2px;background-color:#dddfef;color:#8392a7}.dateSection{border:1px solid #979797;border-radius:19px;height:46px;color:#535353}.rdp__overlay{background-color:#fff!important}.ilPjWg{min-height:unset!important;padding:0!important}.jyYEKi{display:none!important}.etVCQU li{margin:0!important;height:39px!important}.eVqaMu,.nYegl label{display:none!important}.nYegl input{border:0;background:transparent!important;width:125px!important;font-size:14px;color:#535353}.rs-bar{right:134px}.rs-svg-mode .rs-range{stroke:#186dff!important;stroke-width:10!important}.rs-svg-mode .rs-path{stroke-width:10!important}.rs-svg-mode .rs-border{stroke:unset!important}.rs-handle{background-color:#fff!important;height:40px!important;width:40px!important;box-shadow:0 3px 6px 0 rgba(0,0,0,.15)}.rs-tooltip-text{display:none}.clockSection{width:150px;height:150px;background-color:transparent;border:1px dotted #000;border-radius:50%;top:55px;display:flex;justify-content:center;align-items:center;right:0;left:0;margin:auto}.todayActive{color:#fff;border-radius:13.5px;background-color:rgba(24,109,255,.7);height:25px}.date,.days{width:350px}.customDatePicker{padding:0;border:none;outline:none;direction:ltr}.cldisZ .rdp__overlay{background-color:rgba(86,86,86,.4)!important}.threeSpan{border-radius:15.5px}.threeDevices{width:70px;height:70px}.threeDevices span{height:20px;width:20px;background-color:#ff7f00;bottom:0;line-height:1.8}.threeDevices i{font-size:24px;line-height:3}.threeDevicesType{height:38px;width:38px;line-height:3.2;box-shadow:0 22px 31px 0 rgba(131,146,167,.2)}.consumptionSection{min-height:75vh;bottom:0;right:0;border-radius:26px 26px 0 0}.consumptionSection .hr{width:30px;height:2px;background-color:#979797}.parkingOptions{height:100.98px;width:100.98px;border-radius:50.49px;background-color:#fafafa;box-shadow:0 3px 4px 0 rgba(0,0,0,.1)}.parkingSwitch{background-color:hsla(0,0%,100%,.51)}.parkingLock{background-color:#00deb7;box-shadow:0 3px 22px 5px #00deb7}.parkingUnlock{background-color:#ff7f00;box-shadow:0 3px 22px 5px #ff7f00}.musicImg{height:215px;width:215px;border-radius:6px;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.2);overflow:hidden}.audioProgress{height:2px;width:100%;border-radius:6.5px;background:#e6e6e6}.progressBar{height:2px;width:0;border-radius:100px;background-color:#00ac5a;-webkit-transition:width .1s linear;transition:width .1s linear}.playAudioBtn{height:70px;width:70px;font-size:26px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(35,53,57,.07),0 0 1px 1px rgba(35,53,57,.11),0 3px 2px 0 rgba(35,53,57,.1),0 4px 9px 4px rgba(35,53,57,.08)}.rs-first{right:130px!important}.rs-second{right:140px!important}.threeways{max-height:55vh}.parkingItems{border-radius:11px;box-shadow:0 6px 17px 0 rgba(27,27,78,.1)}.addScenarioCard{border-radius:20px}.addScenarioIcon{height:48px;width:48px;font-size:25px;background-color:#742cff!important}.changeWidgetIcon{background-color:#eee!important}.changeWidgetIcon,.changeWidgetIcons{height:40px;width:40px;font-size:25px}.changeWidgetIcons{box-shadow:0 2px 8px rgba(0,0,0,.15)}.circleScenario{height:34px;width:34px;background-color:#742cff;line-height:2.2}.deviceMineList{box-shadow:0 2px 6px rgba(0,0,0,.2);border-radius:16px}.deviceCheckbox{bottom:7px}.deviceCheckbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.deviceCheckbox input:checked~.checkmark{background-color:#3c54ff;border-color:#3c54ff}.deviceCheckbox .checkmark:after{content:"";position:absolute;display:none}.deviceCheckbox input:checked~.checkmark:after{display:block}.deviceCheckbox .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.deviceCheckboxLabel input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.deviceCheckboxLabel input:checked~.deviceCheckmarkInput{background-color:#007bff;border-color:#fff}.deviceCheckboxLabel .deviceCheckmarkInput:after{content:"";position:absolute;display:none}.deviceCheckboxLabel input:checked~.deviceCheckmarkInput:after{display:block}.deviceCheckboxLabel .deviceCheckmarkInput:after{left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.scenarioDevices{max-height:32vh;overflow:auto}.addAutomationBtn{height:130px;width:130px}.addAutomationIcon{height:62px;width:62px;font-size:25px;line-height:2.5;background-color:#742cff}.addAutomationBtn2{height:78px;width:78px}.addAutomationIcon2{height:38px;width:38px;font-size:22px;line-height:1.7;background-color:#742cff}.automationCard{width:147px;border:1px solid #979797;border-radius:12px}.automationCard p{color:#686868}.scenariosList{height:100px;width:168px;border-radius:22px;background-color:#fafafa;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.addScenariosIcons{width:50px;height:50px;line-height:2;font-size:25px}.rotateIcon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.editProfileImg{height:95px;width:95px;background-color:#e3e3e4}.imgUpload{height:32px;width:32px;opacity:.6;background-color:#1a1824}.editInputs{min-height:54px;width:90%;background-color:#fff}.editInputs input{border:0;outline:0}.editHomeSection{max-height:80vh;overflow:auto;bottom:0;right:0;border-radius:26px 26px 0 0;background-color:#efefef}.editHomeSection .hr{width:30px;height:2px;background-color:#979797}.cameraView{height:93vh;background:url(/static/media/h2.6996900a.jpg) no-repeat 50%;background-size:cover}.cameraViewTitle{width:90%;border-radius:11.55px 11.55px 0 0}.cameraViewArows{height:60px;width:60px;border-radius:48px;background-color:#fff;box-shadow:0 5px 15px 0 rgba(27,27,78,.1);line-height:3.8}.changeRoom{max-height:100vh;overflow:auto;bottom:0;right:0;border-radius:26px 26px 0 0;background-color:#efefef}.changeRoom .hr{width:30px;height:2px;background-color:#979797}.changeRoomCheck{left:17px;height:44.8px;width:44.8px}.changeRoomCheck:after{content:"";left:15px;top:3px;position:absolute;width:16px;height:30px;border:solid #38b259;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.movingDevice{right:0;left:0;height:118px;width:126px;border-radius:24px;background-color:#fafafa;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.movingDevice span{font-size:22px;height:72.8px;width:72.8px;background-color:rgba(17,17,17,.05)}.selectRooms{color:#979797;border:1px solid #979797;border-radius:28.5px;-webkit-transition:.3s;transition:.3s}.selectRooms:hover{background-color:#00deb7;color:#fff;border-color:#00deb7}.selectZones{color:#535353;background-color:#eee;border-radius:12px;box-shadow:0 2px 1px 0;padding:15px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.selectZones:hover{background-color:#4b80e3;color:#fff;border-color:#4b80e3}selectZonesActive{background-color:#007bff;color:#fff;border-color:#007bff}.selectWidget{color:#000;border:1px solid #979797;border-radius:28.5px;-webkit-transition:.3s;transition:.3s;background-color:#fff}.selectWidget:hover{background-color:#007bff;color:#fff;border-color:#007bff}.selectRoomsActive{background-color:#00deb7;color:#fff;border-color:#00deb7}.galleryImg{height:117px;width:111px;border-radius:7px;overflow:hidden;background-color:#fff}#key-lamp-switch,#key-lamp-switch2,#key-lamp-switch3{height:0;width:0;visibility:hidden}.keyLampSwitch{cursor:pointer;text-indent:-9999px;height:103px;width:240px;background:transparent;display:block;border-radius:15px;position:relative;border:1px solid #979797;overflow:hidden}.rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.keyLampSwitch:after{content:"";position:absolute;top:0;left:0;width:53%;height:101px;background:rgba(42,42,42,.5);-webkit-transition:.3s;transition:.3s;border-radius:15px}#key-lamp-switch2:checked+.keyLampSwitch:after,#key-lamp-switch3:checked+.keyLampSwitch:after,#key-lamp-switch:checked+.keyLampSwitch:after{left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:#fff}.keyLampSwitch:active:after{width:130px}.widgets .btn-secondary{background-color:unset!important;border-color:unset!important}.widgets .btn{padding:0 5px!important;border:0!important}.widgets .dropdown-item{text-align:right!important;font-size:12px!important}.widgets .dropdown-menu{min-width:7rem!important}.borderBottom{border-bottom:2px solid #ebebeb}.deviceView{box-shadow:0 2px 4px 0 rgb(0 0 0/10%)}.deviceView,.widgetInfo{border-radius:16px}.widgetsDevice{background-color:#eee;width:48px;height:48px}.learnBtn1{width:200px;height:200px;background:#eee;box-shadow:0 2px 8px rgba(0,0,0,.15)}.learnBtn2{width:150px;height:150px}.learnBtn3{width:100px;height:100px;background:#4b80e3}.deleteLearnBtn{background:#eee;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:28px;width:189px;height:56px}.allCommands{width:210px;height:151px;border-radius:24px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.commandsIcon{width:48px;height:48px;background:#eee}.schedulLists{box-shadow:0 2px 6px rgba(0,0,0,.2);border-radius:24px}.schedulListsIcon{width:56px;height:56px;background-color:#eee}.editNameDevice{width:44px;height:44px;background-color:#dbe6f9}.deleteNameDevice{width:44px;height:44px;color:#fe6e75!important;background-color:#fed8da}.widgetStatusActive{border:2px solid #4b80e3;border-radius:6.6px;background-color:#fff;outline:0}@media screen and (-webkit-min-device-pixel-ratio:0){#volume-control{overflow:hidden;height:2px;width:255px;border-radius:6.5px;-webkit-appearance:none;background-color:#00ac5a;-webkit-transform:rotate(180deg);transform:rotate(180deg);outline:0}#volume-control::-webkit-slider-runnable-track{-webkit-appearance:none;color:#f0f0f0}#volume-control::-webkit-slider-thumb{width:24px;-webkit-appearance:none;height:24px;cursor:move;background:#fff;border-radius:50%;box-shadow:-120px 0 0 120px #e6e6e6}}.ol-attribution,.ol-rotate,.ol-zoom{display:none}@media (min-width:600px) and (max-width:768px){.shortcut{right:24vw;-webkit-transform:unset;transform:unset}.shortcutModal{display:none}}@media (min-width:576px){.modal-dialog{margin:auto!important}}@media (max-width:576px){.date,.days{width:100%}.profileDevice{width:185px}.profileUsers{height:65px}.threeways{overflow:auto}.galleryImg{width:98px;height:104px}}.scroll{overflow:auto;border-radius:10px}.fixed-title{top:50px;left:0;width:100%;z-index:10}.commandselect{font-size:12px;border-radius:10px;padding:0 18px;border:none;background-color:#fff;height:35px;-webkit-transition:.2s ease-in;transition:.2s ease-in;box-shadow:0 4px 6px 0}.commandselect:hover{border-radius:10px;background-color:#4b80e3;box-shadow:0 4px 6px 0 rgba(0,0,0,.1);padding:0 18px;color:#fff}.toast-tooltip{position:fixed;top:5%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20%;height:55px;background-color:#19b933;line-height:20px;font-size:14px;padding-top:15px;border-radius:30px;text-align:center;color:#fff}.shortcut{background-color:#fafafa;background-color:var(--bg-white,#fafafa);color:#1a202c;color:var(--text-primary,#1a202c)}.shortcut .circleIcon{background-color:#efefef;background-color:var(--bg-light,#efefef)}.roomSelectCard,.shortcut .circleIcon{color:#1a202c;color:var(--text-primary,#1a202c)}.roomSelectCard{background-color:#efefef;background-color:var(--bg-white,#efefef)}.modal-content{background-color:#fff;background-color:var(--bg-white,#fff);color:#1a202c;color:var(--text-primary,#1a202c)}.modal-header{border-bottom-color:#e2e8f0;border-bottom-color:var(--border-color,#e2e8f0)}.modal-footer{border-top-color:#e2e8f0;border-top-color:var(--border-color,#e2e8f0)}.onOffWidget,.widget,.widgetCard,.widgetRadio,.widgetScroll{background:#fff;background:var(--bg-white,#fff);color:#1a202c;color:var(--text-primary,#1a202c);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));-webkit-transition:all .3s ease;transition:all .3s ease}.widget:hover,.widgetCard:hover{box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg,0 8px 24px rgba(102,126,234,.15));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.widgetCard div,.widgetCard p,.widgetCard span,.widget div,.widget p,.widget span{color:#1a202c;color:var(--text-primary,#1a202c)}.widget button,.widgetCard button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient,linear-gradient(135deg,#667eea,#764ba2));color:#fff;border:none;border-radius:12px;border-radius:var(--radius-md,12px);padding:8px 16px;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease}.widget button:hover,.widgetCard button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.freezing{background:rgba(0,0,0,.5);z-index:9999;top:0;left:0;right:0;bottom:0}.freezingAnimation{width:100px;height:100px;border-radius:20px;border-radius:var(--radius-xl,20px)}.freezingCircle{width:60px;height:60px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.device{background:#fff;background:var(--bg-white,#fff);color:#1a202c;color:var(--text-primary,#1a202c);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.device:hover{box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg,0 8px 24px rgba(102,126,234,.15));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.device div,.device p,.device span{color:#1a202c;color:var(--text-primary,#1a202c)}.qrCodeIcon{height:49.35px;width:65.1px;border-radius:24.67px;background-color:#efefef;font-size:26px;line-height:1.9}.deactive{width:87px;border-radius:22px;background-color:#3d4dff}.deviceDetailsImg{width:126px;border-radius:24px;background-color:#fafafa;box-shadow:0 2px 4px 0 rgba(0,0,0,.1)}.deviceDetailsImg span{height:60px;width:60px;background-color:rgba(17,17,17,.05);font-size:29px;line-height:2}.saveDetails{height:44.8px;width:44.8px;font-size:25px;line-height:1.8}.selectIcon{height:40px;width:40px;border-radius:36.4px;background-color:rgba(17,17,17,.05)}.submitBtn{width:123px;border-radius:100px;background-color:#63d376}.allWidgets{border-radius:24px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);width:140px}.widgetIcon{height:50px;width:50%}.deviceIcon,.widgetIcon{background-color:rgba(17,17,17,.05)}.deviceIcon{height:45px;width:69px}.widgetNum{height:18px;width:18px;background-color:#00deb7;bottom:0;left:0}.qr-reader-container{position:relative;overflow:hidden;width:100%;height:auto}.qr-reader-video{-webkit-transform:scale(2);transform:scale(2);-webkit-transform-origin:center center;transform-origin:center center}:root{--shadow-xl:0 20px 60px rgba(0,0,0,0.15)}[data-theme=dark]{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--primary-dark:#764ba2;--shadow-lg:0 8px 24px rgba(102,126,234,0.3);--shadow-xl:0 20px 60px rgba(0,0,0,0.5)}.theme-toggle-wrapper{position:fixed;top:20px;right:20px;z-index:9999}.theme-toggle-btn{width:56px;height:56px;border-radius:16px;border-radius:var(--radius-lg);background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);color:#18181b;color:var(--text-primary);font-size:24px;outline:none}.theme-toggle-btn:hover{-webkit-transform:translateY(-2px) scale(1.05);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg);border-color:#6366f1;border-color:var(--primary-color);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.theme-toggle-btn:active{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.options-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1050;display:flex;align-items:center;justify-content:center}.options-modal-container{width:480px;max-width:90%;background:var(--bg-card);border-radius:24px;overflow:hidden;-webkit-animation:optionsFadeIn .2s ease;animation:optionsFadeIn .2s ease;box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:var(--shadow-xl);border:1px solid #e4e4e7;border:1px solid var(--border-color)}@-webkit-keyframes optionsFadeIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes optionsFadeIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.options-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);background:#fff;background:var(--bg-white)}.options-modal-title{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary)}.options-modal-title svg{color:#6366f1;color:var(--primary-color)}.options-modal-close{width:32px;height:32px;border-radius:16px;background:#f7fafc;background:var(--bg-light);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;color:var(--text-secondary);-webkit-transition:all .2s ease;transition:all .2s ease}.options-modal-close:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.options-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;padding:24px}.options-modal-item{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;padding:20px 12px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:20px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;text-align:center}.options-modal-item:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.options-modal-icon{width:56px;height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.options-modal-item:hover .options-modal-icon{-webkit-transform:scale(1.05);transform:scale(1.05)}.options-modal-label{font-size:13px;font-weight:600;color:#18181b;color:var(--text-primary)}[dir=rtl] .options-modal-title{text-align:right}[data-theme=dark] .options-modal-container{background:var(--bg-card);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .options-modal-header,[data-theme=dark] .options-modal-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .options-modal-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.options-modal-grid{grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;padding:20px}.options-modal-container{width:95%}.options-modal-icon{width:48px;height:48px;border-radius:16px}.options-modal-label{font-size:12px}.options-modal-item{padding:16px 10px}}.device-org-header{display:flex;align-items:center;grid-gap:16px;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.device-org-icon{width:56px;height:56px;border-radius:20px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.device-org-content{min-height:60vh;max-height:70vh;overflow-y:auto;padding:4px}.device-org-content::-webkit-scrollbar{width:6px}.device-org-content::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.device-org-content::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .device-org-icon{background:rgba(99,102,241,.08);background:var(--primary-soft)}@media (max-width:576px){.device-org-header{grid-gap:12px;gap:12px}.device-org-icon{width:48px;height:48px}.device-org-icon svg{width:20px;height:20px}}.device-org-back-btn{width:40px;height:40px;border-radius:12px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#18181b;color:var(--text-primary);-webkit-transition:all .2s ease;transition:all .2s ease}.device-org-back-btn:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color);-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .device-org-back-btn:hover{-webkit-transform:translateX(4px);transform:translateX(4px)}.device-first-page{display:flex;align-items:center;justify-content:center;min-height:50vh}.device-first-card{display:flex;align-items:center;grid-gap:20px;gap:20px;width:100%;padding:24px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:24px;-webkit-transition:all .3s ease;transition:all .3s ease}.device-first-card:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.device-first-icon{width:64px;height:64px;border-radius:20px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.device-first-content{flex:1 1;text-align:right}.device-first-title{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 8px}.device-first-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin:0;line-height:1.5}.device-first-btn{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;flex-shrink:0}.device-first-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}[dir=rtl] .device-first-content{text-align:right}[data-theme=dark] .device-first-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .device-first-card:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.device-first-card{flex-direction:column;text-align:center;padding:20px}.device-first-content{text-align:center}.device-first-icon{width:56px;height:56px}.device-first-title{font-size:16px}.device-first-description{font-size:12px}.device-first-btn{width:44px;height:44px}}.scan-device-container{padding:0 4px}.scan-device-qr-section{margin-bottom:24px}.scan-device-qr-wrapper{position:relative;width:100%;height:250px;border-radius:20px;overflow:hidden;background:#000;border:2px solid #e4e4e7;border:2px solid var(--border-color)}.scan-device-qr-wrapper .qr-reader-video{width:100%;height:100%;object-fit:cover}.scan-device-qr-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;pointer-events:none}.scan-device-form{margin-bottom:24px}[data-theme=dark] .scan-device-qr-wrapper{border-color:#e4e4e7;border-color:var(--border-color);background:var(--bg-dark)}@media (max-width:576px){.scan-device-qr-wrapper{height:220px}.scan-device-qr-overlay svg{width:28px;height:28px}}.widgets-joined-container{padding:8px 4px}.widgets-joined-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.widgets-joined-icon{width:44px;height:44px;border-radius:14px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.widgets-joined-title{font-size:16px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0;flex:1 1}.widgets-joined-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:55vh;overflow-y:auto;padding:4px;margin-bottom:24px}.widgets-joined-list::-webkit-scrollbar{width:6px}.widgets-joined-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.widgets-joined-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .widgets-joined-icon{background:rgba(99,102,241,.08);background:var(--primary-soft)}[dir=rtl] .widgets-joined-header{text-align:right}@media (max-width:576px){.widgets-joined-icon{width:38px;height:38px}.widgets-joined-title{font-size:14px}.widgets-joined-list{max-height:50vh}}.all-device-container{padding:8px 4px}.all-device-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.all-device-icon{width:44px;height:44px;border-radius:14px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.all-device-title{font-size:16px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0;flex:1 1}.all-device-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:55vh;overflow-y:auto;padding:4px;margin-bottom:24px}.all-device-list::-webkit-scrollbar{width:6px}.all-device-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.all-device-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .all-device-icon{background:rgba(99,102,241,.08);background:var(--primary-soft)}[dir=rtl] .all-device-header{text-align:right}@media (max-width:576px){.all-device-icon{width:38px;height:38px}.all-device-title{font-size:14px}.all-device-list{max-height:50vh}}.allwidgets-item{display:flex;align-items:center;grid-gap:14px;gap:14px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;padding:12px 16px;margin-bottom:12px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.allwidgets-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.allwidgets-item.active,.allwidgets-item:hover{border-color:#6366f1;border-color:var(--primary-color)}.allwidgets-item.active{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.03))}.allwidgets-icon{width:48px;height:48px;border-radius:50%;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.allwidgets-icon img{width:28px;height:28px;object-fit:contain}.allwidgets-icon i{font-size:24px;color:#6366f1;color:var(--primary-color)}.allwidgets-info{flex:1 1;text-align:right}.allwidgets-name{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 4px}.allwidgets-status{font-size:11px;font-weight:500;margin:0;display:inline-block;padding:2px 10px;border-radius:20px}.allwidgets-status.on{background:rgba(0,200,83,.15);color:#00c853}.allwidgets-status.off{background:rgba(245,101,101,.15);color:#f56565}.allwidgets-num{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}[data-theme=dark] .allwidgets-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .allwidgets-item.active{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.08))}[data-theme=dark] .allwidgets-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.allwidgets-icon{width:40px;height:40px}.allwidgets-icon img{width:24px;height:24px}.allwidgets-name{font-size:13px}.allwidgets-num{width:28px;height:28px;font-size:11px}}.add-scenario-container{padding:20px;min-width:320px;max-width:450px;background:var(--bg-card)}.add-scenario-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.add-scenario-icon{width:40px;height:40px;border-radius:12px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.add-scenario-title{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0;flex:1 1}.add-scenario-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin-bottom:20px}.add-scenario-name-section{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:24px;padding:12px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px}.add-scenario-input-wrapper{flex:1 1}.add-scenario-input{width:100%;padding:10px 0;border:none;background:transparent;font-size:14px;color:#18181b;color:var(--text-primary);outline:none}.add-scenario-input::-webkit-input-placeholder{color:#a0aec0;color:var(--text-muted)}.add-scenario-input:-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.add-scenario-input::-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.add-scenario-input::placeholder{color:#a0aec0;color:var(--text-muted)}.add-scenario-icon-btn{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px}.add-scenario-events{margin-bottom:24px}.add-scenario-events-header{display:flex;align-items:center;grid-gap:6px;gap:6px;font-size:12px;font-weight:500;color:#6366f1;color:var(--primary-color);margin-bottom:12px}.add-scenario-events-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-height:250px;overflow-y:auto}.add-scenario-event-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px}.add-scenario-event-info{display:flex;grid-gap:12px;gap:12px;align-items:center}.add-scenario-event-name{font-size:13px;font-weight:500;color:#18181b;color:var(--text-primary)}.add-scenario-event-command{font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.add-scenario-event-delete{width:28px;height:28px;border-radius:8px;background:rgba(245,101,101,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f56565;-webkit-transition:all .2s ease;transition:all .2s ease}.add-scenario-event-delete:hover{background:#f56565;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.add-scenario-buttons{display:flex;grid-gap:12px;gap:12px;margin-top:16px}.add-scenario-btn-event,.add-scenario-btn-submit{flex:1 1;display:flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px;padding:12px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:none}.add-scenario-btn-event{background:#fff;background:var(--bg-white);color:#6366f1;color:var(--primary-color);border:1px solid #e4e4e7;border:1px solid var(--border-color)}.add-scenario-btn-event:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.add-scenario-btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.add-scenario-btn-submit:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.add-scenario-events-list::-webkit-scrollbar{width:4px}.add-scenario-events-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.add-scenario-events-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .add-scenario-event-item,[data-theme=dark] .add-scenario-name-section{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[dir=rtl] .add-scenario-event-info{text-align:right}@media (max-width:576px){.add-scenario-container{padding:16px}.add-scenario-title{font-size:16px}}.scenarios-widgets-container{padding:20px;min-width:320px;max-width:450px;background:var(--bg-card);display:flex;flex-direction:column;height:100%;max-height:85vh}.scenarios-widgets-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);flex-shrink:0}.scenarios-widgets-icon{width:40px;height:40px;border-radius:12px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.scenarios-widgets-title{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0;flex:1 1}.scenarios-widgets-zone{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:10px 16px;margin-bottom:16px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:30px;flex-shrink:0}.scenarios-widgets-zone-label{font-size:12px;font-weight:500;color:#71717a;color:var(--text-secondary)}.scenarios-widgets-zone-name{font-size:13px;font-weight:600;color:#6366f1;color:var(--primary-color)}.scenarios-widgets-selected{background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;margin-bottom:16px;overflow:hidden;flex-shrink:0}.scenarios-widgets-selected-header{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 16px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);font-size:13px;font-weight:600;color:#6366f1;color:var(--primary-color)}.scenarios-widgets-selected-count{background:#6366f1;background:var(--primary-color);color:#fff;font-size:11px;padding:2px 8px;border-radius:20px;margin-right:auto}.scenarios-widgets-selected-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding:12px;max-height:150px;overflow-y:auto}.scenarios-widgets-selected-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f7fafc;background:var(--bg-light);border-radius:12px}.scenarios-widgets-selected-item-info{display:flex;align-items:center;grid-gap:10px;gap:10px;flex-wrap:wrap}.scenarios-widgets-selected-item-name{font-size:13px;font-weight:500;color:#18181b;color:var(--text-primary)}.scenarios-widgets-selected-item-command{font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px}.scenarios-widgets-selected-item-command.on{background:rgba(0,200,83,.15);color:#00c853}.scenarios-widgets-selected-item-command.off{background:rgba(245,101,101,.15);color:#f56565}.scenarios-widgets-selected-item-remove{width:28px;height:28px;border-radius:8px;background:rgba(245,101,101,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f56565;-webkit-transition:all .2s ease;transition:all .2s ease}.scenarios-widgets-selected-item-remove:hover{background:#f56565;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.scenarios-widgets-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin-bottom:16px;text-align:center;flex-shrink:0}.scenarios-widgets-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px;overflow-y:auto;flex:1 1;min-height:0;padding:4px 2px}.scenarios-widgets-item{background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;flex-shrink:0}.scenarios-widgets-item:hover{border-color:#6366f1;border-color:var(--primary-color)}.scenarios-widgets-item-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenarios-widgets-item-header.active{background:rgba(99,102,241,.08);background:var(--primary-soft)}.scenarios-widgets-item-info{display:flex;align-items:center;grid-gap:10px;gap:10px}.scenarios-widgets-item-icon{width:28px;height:28px;border-radius:8px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:#71717a;color:var(--text-secondary)}.scenarios-widgets-item-name{font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.scenarios-widgets-item-commands{display:flex;grid-gap:12px;gap:12px;padding:14px 16px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color);background:#f7fafc;background:var(--bg-light);flex-wrap:wrap}.scenarios-widgets-command-btn{flex:1 1;min-width:100px;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);border:1px solid #e4e4e7;border:1px solid var(--border-color);white-space:nowrap;position:relative}.scenarios-widgets-command-btn:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.scenarios-widgets-command-btn.selected{border-color:#00c853;background:rgba(0,200,83,.1);color:#00c853}.scenarios-widgets-command-btn.selected .selected-check{color:#00c853;margin-left:4px}.scenarios-widgets-list::-webkit-scrollbar,.scenarios-widgets-selected-list::-webkit-scrollbar{width:4px}.scenarios-widgets-list::-webkit-scrollbar-track,.scenarios-widgets-selected-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.scenarios-widgets-list::-webkit-scrollbar-thumb,.scenarios-widgets-selected-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}@media (max-width:480px){.scenarios-widgets-item-commands{flex-direction:column}.scenarios-widgets-command-btn{width:100%}}[dir=rtl] .scenarios-widgets-item-info{text-align:right}[dir=rtl] .scenarios-widgets-selected-count{margin-right:auto;margin-left:0}[dir=rtl] .selected-check{margin-right:4px;margin-left:0}[data-theme=dark] .scenarios-widgets-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .scenarios-widgets-item-header.active{background:rgba(99,102,241,.08);background:var(--primary-soft)}[data-theme=dark] .scenarios-widgets-command-btn,[data-theme=dark] .scenarios-widgets-selected{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .scenarios-widgets-selected-item{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.scenarios-widgets-container{padding:16px;max-height:90vh}.scenarios-widgets-title{font-size:16px}.scenarios-widgets-command-btn{padding:8px 10px;font-size:12px}}.scenarios-zone-container{padding:20px;min-width:320px;max-width:450px;background:var(--bg-card)}.scenarios-zone-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.scenarios-zone-icon{width:40px;height:40px;border-radius:12px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.scenarios-zone-title{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0;flex:1 1}.scenarios-zone-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin-bottom:20px;text-align:center}.scenarios-zone-info{display:flex;align-items:center;grid-gap:14px;gap:14px;padding:16px;margin-bottom:24px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:20px}.scenarios-zone-info-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.scenarios-zone-info-text{flex:1 1;text-align:right}.scenarios-zone-info-label{display:block;font-size:11px;font-weight:500;color:#71717a;color:var(--text-secondary);margin-bottom:4px}.scenarios-zone-info-title{display:block;font-size:15px;font-weight:600;color:#18181b;color:var(--text-primary)}.scenarios-zone-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px;max-height:55vh;overflow-y:auto;padding:4px}.scenarios-zone-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenarios-zone-item:hover{-webkit-transform:translateX(4px);transform:translateX(4px)}.scenarios-zone-item.active,.scenarios-zone-item:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft)}.scenarios-zone-item-icon{width:32px;height:32px;border-radius:10px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.scenarios-zone-item-name{flex:1 1;font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.scenarios-zone-item-check{width:24px;height:24px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff}.scenarios-zone-list::-webkit-scrollbar{width:4px}.scenarios-zone-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.scenarios-zone-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[dir=rtl] .scenarios-zone-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .scenarios-zone-info-text{text-align:right}[data-theme=dark] .scenarios-zone-info,[data-theme=dark] .scenarios-zone-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .scenarios-zone-info:hover,[data-theme=dark] .scenarios-zone-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.scenarios-zone-container{padding:16px}.scenarios-zone-title{font-size:16px}.scenarios-zone-info-icon{width:40px;height:40px;font-size:20px}.scenarios-zone-info-title{font-size:14px}}.scenario-modal-container{padding:20px;min-width:320px;max-width:400px;background:var(--bg-card)}.scenario-modal-header{display:flex;align-items:center;grid-gap:16px;gap:16px;margin-bottom:48px;position:relative}.scenario-modal-header:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:1px;background:#e4e4e7;background:var(--border-color)}.scenario-modal-icon{width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.scenario-modal-info{flex:1 1}.scenario-modal-title{font-size:13px;font-weight:500;color:#71717a;color:var(--text-secondary);margin:0 0 4px}.scenario-modal-name{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0}.scenario-modal-close{width:32px;height:32px;border-radius:16px;background:#f7fafc;background:var(--bg-light);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;color:var(--text-secondary);-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-modal-close:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.scenario-modal-menu{display:flex;flex-direction:column;grid-gap:8px;gap:8px;margin-bottom:24px}.scenario-modal-menu-item{display:flex;align-items:center;grid-gap:14px;gap:14px;padding:14px 18px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-modal-menu-item:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft);-webkit-transform:translateX(4px);transform:translateX(4px)}.scenario-modal-menu-icon{width:36px;height:36px;border-radius:12px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center}.scenario-modal-menu-label{flex:1 1;font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.scenario-modal-commands{margin-top:8px;padding-top:16px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color)}.scenario-modal-commands-header{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:12px;font-weight:500;color:#6366f1;color:var(--primary-color);margin-bottom:12px}.scenario-modal-commands-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-height:200px;overflow-y:auto}.scenario-modal-command-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px}.scenario-modal-command-name{font-size:13px;font-weight:500;color:#18181b;color:var(--text-primary)}.scenario-modal-command-status{font-size:11px;font-weight:500;padding:2px 10px;border-radius:20px}.scenario-modal-command-status.on{background:rgba(0,200,83,.15);color:#00c853}.scenario-modal-command-status.off{background:rgba(245,101,101,.15);color:#f56565}.scenario-modal-commands-list::-webkit-scrollbar{width:4px}.scenario-modal-commands-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.scenario-modal-commands-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[dir=rtl] .scenario-modal-menu-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .scenario-modal-info{text-align:right}[data-theme=dark] .scenario-modal-command-item,[data-theme=dark] .scenario-modal-menu-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .scenario-modal-menu-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.scenario-modal-container{padding:16px}.scenario-modal-icon{width:48px;height:48px;font-size:24px}.scenario-modal-name{font-size:14px}.scenario-modal-menu-item{padding:12px 16px}}.scenario-modal-content{background:#fff;border-radius:16px;max-width:500px;margin:0 auto;overflow:hidden}.scenario-modal-header{padding:24px 24px 0}.scenario-modal-title{font-size:20px;font-weight:600;color:#1a1a2e;margin:0}.scenario-modal-body{padding:20px 24px}.scenario-modal-description{font-size:14px;color:#6c757d;margin:0 0 24px}.scenario-form-group{margin-bottom:20px}.scenario-form-label{display:block;font-size:14px;font-weight:500;color:#343a40;margin-bottom:8px}.scenario-form-input{width:100%;padding:10px 14px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-form-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.scenario-icon-dropdown{width:100%;padding:10px 14px;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-icon-dropdown i:first-child{font-size:18px;color:#007bff}.scenario-icon-dropdown span{flex:1 1;text-align:left;color:#6c757d}.scenario-icon-dropdown .icon-arrow-down{font-size:12px;color:#adb5bd}.scenario-icon-dropdown:hover{border-color:#007bff;background:#f8f9fa}.scenario-icon-menu{width:100%;padding:12px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.scenario-icons-list{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px}.scenario-icon-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-icon-option i{font-size:20px;color:#6c757d}.scenario-icon-option:hover{background:#f8f9fa;-webkit-transform:scale(1.05);transform:scale(1.05)}.scenario-events-section{margin-top:24px}.scenario-events-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:12px}.scenario-events-title{font-size:14px;font-weight:500;color:#343a40}.scenario-events-count{background:#e9ecef;padding:2px 8px;border-radius:12px;font-size:12px;color:#6c757d}.scenario-events-list{max-height:200px;overflow-y:auto;margin-bottom:12px}.scenario-event-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8f9fa;border-radius:8px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-event-row:hover{background:#e9ecef}.scenario-event-row.active{background:#e7f1ff;border-left:3px solid #007bff}.scenario-event-name{font-size:14px;font-weight:500;color:#343a40;margin-bottom:2px}.scenario-event-command{font-size:12px;color:#6c757d}.scenario-event-remove{width:28px;height:28px;background:transparent;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-event-remove:hover{background:#dc3545;color:#fff}.scenario-empty-events{padding:20px;text-align:center;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.scenario-empty-text{font-size:13px;color:#adb5bd;margin:0}.scenario-add-btn{width:100%;padding:10px;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;grid-gap:8px;gap:8px;-webkit-transition:all .2s ease;transition:all .2s ease;color:#6c757d;font-size:14px}.scenario-add-btn i{font-size:14px}.scenario-add-btn:hover{background:#e9ecef;border-color:#007bff;color:#007bff}.scenario-modal-footer{padding:16px 24px 24px;border-top:1px solid #e9ecef;background:#fff}.scenario-save-btn{width:100%;padding:12px;background:#007bff;border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.scenario-save-btn:hover{background:#0056b3;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.automation-add-container{padding:20px;min-width:320px;max-width:450px;margin:0 auto;background:var(--bg-card);width:100%}.automation-add-header{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.automation-add-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0}.automation-add-title{font-size:18px;margin:0;flex:1 1}.automation-add-description{margin-bottom:20px}.automation-name-section{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:24px;padding:12px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;width:100%}.automation-input-wrapper{flex:1 1}.automation-input{width:100%;padding:10px 0;border:none;background:transparent;font-size:14px;color:#18181b;color:var(--text-primary);outline:none}.automation-input::-webkit-input-placeholder{color:#a0aec0;color:var(--text-muted)}.automation-input:-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.automation-input::-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.automation-input::placeholder{color:#a0aec0;color:var(--text-muted)}.automation-icon-dropdown{position:relative;flex-shrink:0}.automation-icon-btn{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;grid-gap:4px;gap:4px;-webkit-transition:all .2s ease;transition:all .2s ease}.automation-icon-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.automation-icon-menu{position:absolute;top:48px;right:0;width:200px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);padding:12px;z-index:100;-webkit-animation:automationFadeInDown .2s ease;animation:automationFadeInDown .2s ease}@-webkit-keyframes automationFadeInDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes automationFadeInDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.automation-icons-list{display:flex;flex-wrap:wrap;grid-gap:8px;gap:8px;justify-content:center}.automation-icon-option{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;background:#f7fafc;background:var(--bg-light);color:#71717a;color:var(--text-secondary);font-size:20px}.automation-icon-option:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color);-webkit-transform:scale(1.05);transform:scale(1.05)}.automation-icon-option.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.automation-events-section{margin-bottom:24px;width:100%}.automation-events-header{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-bottom:12px;padding:8px 12px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px;width:100%}.automation-events-header svg{color:#6366f1;color:var(--primary-color);flex-shrink:0}.automation-events-title{font-size:13px;font-weight:600;color:#6366f1;color:var(--primary-color)}.automation-events-count{background:#6366f1;background:var(--primary-color);color:#fff;font-size:11px;padding:2px 8px;border-radius:20px;margin-right:auto}.automation-events-list{display:flex;flex-direction:column;grid-gap:8px;gap:8px;max-height:250px;overflow-y:auto;width:100%}.automation-events-list::-webkit-scrollbar{width:4px}.automation-events-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.automation-events-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}.automation-event-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.automation-event-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.automation-event-item.active{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft)}.automation-event-info{display:flex;grid-gap:12px;gap:12px;align-items:center;flex-wrap:wrap}.automation-event-name{font-size:13px;font-weight:500;color:#18181b;color:var(--text-primary)}.automation-event-command{font-size:11px;font-weight:500;padding:2px 10px;border-radius:20px}.automation-event-command.on{background:rgba(0,200,83,.15);color:#00c853}.automation-event-command.off{background:rgba(245,101,101,.15);color:#f56565}.automation-event-delete{width:28px;height:28px;border-radius:8px;background:rgba(245,101,101,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f56565;-webkit-transition:all .2s ease;transition:all .2s ease;flex-shrink:0}.automation-event-delete:hover{background:#f56565;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.automation-coming-soon{margin-top:32px;padding:32px 24px;background:linear-gradient(135deg,rgba(245,101,101,.08),rgba(229,62,62,.05));border:2px solid #f56565;border-radius:20px;text-align:center;position:relative;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.automation-coming-soon:before{content:"";position:absolute;top:0;left:-100%;right:100%;height:3px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#f56565),color-stop(#ff9800),color-stop(#f56565),to(transparent));background:linear-gradient(90deg,transparent,#f56565,#ff9800,#f56565,transparent);-webkit-animation:automationShimmer 2s ease-in-out infinite;animation:automationShimmer 2s ease-in-out infinite}@-webkit-keyframes automationShimmer{0%{left:-100%;right:100%}50%{left:0;right:0}to{left:100%;right:-100%}}@keyframes automationShimmer{0%{left:-100%;right:100%}50%{left:0;right:0}to{left:100%;right:-100%}}.automation-coming-soon:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 24px rgba(245,101,101,.25);border-color:#ff7b7b}.automation-coming-soon-icon{width:64px;height:64px;margin:0 auto 16px;background:rgba(245,101,101,.15);border-radius:32px;display:flex;align-items:center;justify-content:center;color:#f56565;-webkit-transition:all .3s ease;transition:all .3s ease}.automation-coming-soon:hover .automation-coming-soon-icon{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.automation-coming-soon-title{font-size:20px;font-weight:800;color:#f56565;margin:0 0 12px}.automation-coming-soon-description{font-size:13px;color:#71717a;color:var(--text-secondary);line-height:1.5;max-width:280px;margin:0 auto 20px}.automation-coming-soon-badge{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,#f56565,#ff7b7b);border-radius:30px;font-size:12px;font-weight:600;color:#fff;letter-spacing:.5px;-webkit-transition:all .3s ease;transition:all .3s ease}.automation-coming-soon:hover .automation-coming-soon-badge{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(245,101,101,.4)}.automation-coming-soon{-webkit-animation:automationFadeInUp .5s ease-out;animation:automationFadeInUp .5s ease-out}@-webkit-keyframes automationFadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes automationFadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.automation-first-page{padding:8px 4px}.automation-add-card{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:20px 24px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:24px;margin-bottom:24px;-webkit-transition:all .3s ease;transition:all .3s ease}.automation-add-card:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.automation-add-icon{width:56px;height:56px;border-radius:20px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.automation-add-content{flex:1 1;text-align:right}.automation-add-title{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 6px}.automation-add-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin:0;line-height:1.4}.automation-add-btn{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;flex-shrink:0}.automation-add-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.no-automation-container{flex-direction:column;padding:48px 24px;text-align:center;background:#fff;background:var(--bg-white);border:2px dashed #e4e4e7;border:2px dashed var(--border-color);border-radius:24px;margin-top:24px}.no-automation-container,.no-automation-icon{display:flex;align-items:center;justify-content:center}.no-automation-icon{width:80px;height:80px;margin-bottom:20px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:40px;color:#6366f1;color:var(--primary-color)}.no-automation-title{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 8px}.no-automation-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin:0}.automations-list-container{margin-top:20px}.automations-list-title{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin-bottom:16px;text-align:right}.automations-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:55vh;overflow-y:auto;padding:4px}.automations-list::-webkit-scrollbar{width:6px}.automations-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.automations-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}.automation-list-item{display:flex;align-items:center;grid-gap:14px;gap:14px;padding:12px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.automation-list-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.automation-list-icon{width:48px;height:48px;border-radius:14px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-size:24px;color:#6366f1;color:var(--primary-color)}.automation-list-info{flex:1 1;text-align:right}.automation-list-name{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 4px}.automation-list-type{font-size:11px;color:#71717a;color:var(--text-secondary);margin:0}.modalComp .modal-body{padding:0!important;display:flex;justify-content:center;align-items:center}.modalComp .modal-content{max-width:500px;margin:0 auto;width:100%;border-radius:24px!important}.modalComp{display:flex!important;align-items:center!important;justify-content:center!important}[dir=rtl] .automation-add-content{text-align:right}[dir=rtl] .automation-event-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .automation-events-count{margin-right:auto;margin-left:0}[dir=rtl] .automation-icon-menu{right:auto;left:0}[dir=rtl] .automation-list-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .automations-list-title{text-align:right}[dir=rtl] .automation-coming-soon{text-align:center}[data-theme=dark] .automation-add-card,[data-theme=dark] .automation-event-item,[data-theme=dark] .automation-icon-menu,[data-theme=dark] .automation-list-item,[data-theme=dark] .automation-name-section,[data-theme=dark] .no-automation-container{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .automation-add-card:hover,[data-theme=dark] .automation-event-item:hover,[data-theme=dark] .automation-list-item:hover{background:#f7fafc;background:var(--bg-light)}[data-theme=dark] .automation-coming-soon{background:linear-gradient(135deg,rgba(245,101,101,.12),rgba(229,62,62,.08));border-color:#ff6b6b}[data-theme=dark] .automation-coming-soon-icon{background:rgba(245,101,101,.2)}[data-theme=dark] .automation-coming-soon-title{color:#ff6b6b}@media (max-width:576px){.automation-add-container{padding:16px}.automation-add-title{font-size:16px}.automation-icon-menu{width:180px;right:0;left:auto}.automation-icon-option{width:36px;height:36px;font-size:18px}.automation-event-item,.automation-name-section{padding:10px 14px}.automation-add-card{padding:16px;grid-gap:14px;gap:14px}.automation-add-icon{width:48px;height:48px}.automation-add-title{font-size:14px}.automation-add-description{font-size:12px}.automation-add-btn{width:40px;height:40px}.automation-coming-soon{padding:24px 16px;margin-top:24px}.automation-coming-soon-icon{width:52px;height:52px}.automation-coming-soon-icon svg{width:24px;height:24px}.automation-coming-soon-title{font-size:18px}.automation-coming-soon-description{font-size:12px}.automation-coming-soon-badge{padding:5px 14px;font-size:11px}.automation-list-icon{width:40px;height:40px;font-size:20px}.automation-list-name{font-size:13px}.no-automation-container{padding:32px 20px}.no-automation-icon{width:64px;height:64px}}.mx-auto{margin-left:auto;margin-right:auto}.scenario-first-page{padding:8px 4px}.scenario-add-card{display:flex;align-items:center;grid-gap:20px;gap:20px;padding:20px 24px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:24px;margin-bottom:24px;-webkit-transition:all .3s ease;transition:all .3s ease}.scenario-add-card:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.scenario-add-icon{width:56px;height:56px;border-radius:20px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.scenario-add-content{flex:1 1;text-align:right}.scenario-add-title{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 6px}.scenario-add-description{font-size:13px;color:#71717a;color:var(--text-secondary);margin:0;line-height:1.4}.scenario-add-btn{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;flex-shrink:0}.scenario-add-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}[dir=rtl] .scenario-add-content{text-align:right}[data-theme=dark] .scenario-add-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .scenario-add-card:hover{background:#f7fafc;background:var(--bg-light)}[data-theme=dark] .scenario-add-icon{background:rgba(99,102,241,.08);background:var(--primary-soft)}@media (max-width:576px){.scenario-add-card{padding:16px;grid-gap:14px;gap:14px}.scenario-add-icon{width:48px;height:48px}.scenario-add-title{font-size:14px}.scenario-add-description{font-size:12px}.scenario-add-btn{width:40px;height:40px}}.userNotif{height:auto;padding:12px 0}*,:after,:before{font-family:"mandegar",sans-serif!important}.mobile-top-card{background:#fff;background:var(--card-bg);border-end-start-radius:20px;border-end-end-radius:20px;box-shadow:0 0 16px rgba(0,0,0,.08);display:flex;flex-direction:column;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;width:100%}.mobile-topbar{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:14px 16px 10px;margin:0}.mobile-avatar-btn{position:relative;width:42px;height:42px;flex-shrink:0;border:none;background:none;padding:0;cursor:pointer}.mobile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #6366f1;border:2px solid var(--primary-color)}.mobile-avatar-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #fff;border:2px solid var(--card-bg)}.mobile-greeting-block{display:flex;align-items:center;grid-gap:8px;gap:8px;flex:1 1;min-width:0}.mobile-greeting-icon{font-size:22px;line-height:1;flex-shrink:0}.mobile-greeting-text{min-width:0}.mobile-greeting-title{margin:0;font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);line-height:1.2}.mobile-greeting-date{margin:0;font-size:11px;color:#71717a;color:var(--text-secondary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-topbar-actions{display:flex;align-items:center;grid-gap:4px;gap:4px;flex-shrink:0}.mobile-icon-btn{width:34px;height:34px;border-radius:10px;border:none;background:#f4f4f5;background:var(--surface-secondary);color:#71717a;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s}.mobile-icon-btn:focus-visible,.mobile-icon-btn:hover{background:#6366f1;background:var(--primary-color);color:#fff;outline:none}.mobile-icon-btn.expand-btn{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.mobile-security-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:2px solid transparent;background-color:#fff;background-color:var(--bg-white);color:#18181b;color:var(--text-primary);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm);padding:0}.mobile-security-btn:focus-visible,.mobile-security-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color);outline:none}.mobile-card-body{flex:1 1;overflow-y:auto;padding:0 8x}.mobile-scenarios-strip{padding:0;margin-top:8px}.mobile-add-menu{padding:8px 0 16px}.mobile-add-title{font-size:15px;font-weight:600;color:#18181b;color:var(--text-primary);margin-bottom:16px;text-align:center}.mobile-add-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;padding:12px}.mobile-add-item{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;padding:16px 8px;border-radius:14px;border:1.5px solid #e4e4e7;border:1.5px solid var(--border-color);background:#f4f4f5;background:var(--surface-secondary);cursor:pointer;-webkit-transition:border-color .15s,background .15s,-webkit-transform .1s;transition:border-color .15s,background .15s,-webkit-transform .1s;transition:border-color .15s,background .15s,transform .1s;transition:border-color .15s,background .15s,transform .1s,-webkit-transform .1s}.mobile-add-item:focus-visible,.mobile-add-item:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft);-webkit-transform:translateY(-1px);transform:translateY(-1px);outline:none}.mobile-add-item-icon{color:#6366f1;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.mobile-add-item-label{font-size:12px;color:#18181b;color:var(--text-primary);font-weight:500}.mobile-drag-handle{display:flex;justify-content:center;padding:10px 0 12px;flex-shrink:0}.mobile-drag-bar{width:36px;height:4px;border-radius:2px;background:#e4e4e7;background:var(--border-color)}.mobile-dashboard-picker{background:#fff;background:var(--card-bg);border-radius:16px 16px 0 0;margin:8px 12px 0;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);-webkit-animation:slideUp .2s ease;animation:slideUp .2s ease}.mobile-dash-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:12px;background:#f4f4f5;background:var(--surface-secondary);color:#71717a;color:var(--text-secondary);-webkit-transition:background .15s,color .15s;transition:background .15s,color .15s;border:1.5px solid transparent}.mobile-dash-chip.active{background:#6366f1;background:var(--primary-color);color:#fff;border-color:#6366f1;border-color:var(--primary-color)}.mobile-dash-chip.add-chip{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color);font-weight:700}.notif-container-top{position:relative;background:var(--bg-card);min-height:auto;max-height:90vh;overflow-y:auto;border-radius:0 0 24px 24px}.notif-container-top::-webkit-scrollbar{width:6px}.notif-container-top::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.notif-container-top::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}.notifs-list-container{max-height:70vh;overflow-y:auto;padding:4px}.notif-group{margin-bottom:24px}.notif-date-badge{display:inline-block;padding:4px 16px;margin-bottom:16px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:20px;font-size:12px;font-weight:500;color:#6366f1;color:var(--primary-color)}.notif-item{display:flex;align-items:flex-start;grid-gap:14px;gap:14px;padding:16px;margin-bottom:12px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.notif-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.notif-item.unread{background:rgba(102,126,234,.05);border-right:3px solid #6366f1;border-right:3px solid var(--primary-color)}.notif-item.read{opacity:.8}.notif-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon-success{background:rgba(0,200,83,.15);color:#00c853}.notif-icon-error{background:rgba(245,101,101,.15);color:#f56565}.notif-icon-warning{background:rgba(255,152,0,.15);color:#ff9800}.notif-icon-info{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.notif-content{flex:1 1}.notif-title{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 4px}.notif-message{font-size:12px;color:#71717a;color:var(--text-secondary);margin:0}.notif-actions{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0}.notif-btn-accept,.notif-btn-reject{display:flex;align-items:center;grid-gap:4px;gap:4px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:500;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:none;background:transparent}.notif-btn-accept{background:rgba(0,200,83,.1);color:#00c853}.notif-btn-accept:hover{background:#00c853;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.notif-btn-reject{background:rgba(245,101,101,.1);color:#f56565}.notif-btn-reject:hover{background:#f56565;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.notif-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:#71717a;color:var(--text-secondary);background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:20px}.notif-empty-state svg{color:#6366f1;color:var(--primary-color);margin-bottom:16px;opacity:.5}.notif-empty-state p{font-size:14px;margin:0}[dir=rtl] .notif-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .notif-item.unread{border-right:3px solid #6366f1;border-right:3px solid var(--primary-color);border-left:none}[data-theme=dark] .notif-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .notif-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.notif-item{flex-wrap:wrap}.notif-actions{width:100%;justify-content:flex-end;margin-top:8px}.notif-btn-accept,.notif-btn-reject{padding:4px 10px}}.desktop-panel{display:flex;flex-direction:column;height:100vh;overflow:hidden}.desktop-top-section{flex:0 0 auto;background:#fff;background:var(--bg-white);border-radius:0 0 24px 24px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:16px}.desktop-bottom-section{flex:1 1;overflow-y:auto;margin-top:0;padding-top:0}.desktop-topstrip{justify-content:space-between}.desktop-topstrip,.desktop-topstrip-center,.desktop-topstrip-left,.desktop-topstrip-right{display:flex;align-items:center}.desktop-topstrip-right{justify-content:flex-end}.desktop-security-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:0 20px;min-height:56px;border-radius:16px;border-radius:var(--radius-lg);border:2px solid transparent;background-color:#fff;background-color:var(--bg-white);color:#18181b;color:var(--text-primary);font-size:13px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.desktop-security-btn:focus-visible,.desktop-security-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg);border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color);outline:none}.desktop-security-label{font-size:12px;font-weight:500}.desktop-dashboard-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-gap:10px;gap:10px;background:#fff;background:var(--bg-white);border-radius:10px;padding:6px 16px;margin:12px 0;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm);border:1px solid #e4e4e7;border:1px solid var(--border-color)}.desktop-dash-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 18px;border-radius:40px;font-size:13px;font-weight:500;background:transparent;color:#71717a;color:var(--text-secondary);border:none;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer;white-space:nowrap}.desktop-dash-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.desktop-dash-chip.add-chip{font-weight:700;font-size:16px;width:28px;height:28px;padding:0;border-radius:14px;display:inline-flex;align-items:center;justify-content:center}.desktop-dash-chip.add-chip,.desktop-dash-chip:hover:not(.add-chip){background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.desktop-dash-chip:hover:not(.add-chip){-webkit-transform:translateY(-1px);transform:translateY(-1px)}.desktop-dash-chip.add-chip:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.desktop-greeting-row{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;margin-top:16px}.desktop-greeting-block{padding-bottom:16px;display:flex;align-items:center;grid-gap:10px;gap:10px;text-align:right;direction:rtl;margin-left:auto}.desktop-greeting-emoji{font-size:28px;line-height:1;flex-shrink:0}.desktop-greeting-title{margin:0;font-size:15px;font-weight:600;color:#18181b;color:var(--text-primary);line-height:1.2}.desktop-greeting-date{margin:0;font-size:12px;color:#71717a;color:var(--text-secondary);line-height:1.6}.desktop-scenarios-wrap{border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color);padding-top:16px}.desktop-collapse-handle{display:flex;align-items:center;justify-content:center;padding:4px 0;color:#71717a;color:var(--text-secondary);-webkit-transition:color .15s;transition:color .15s}.desktop-collapse-handle:hover{color:#6366f1;color:var(--primary-color)}.setting-title{margin-bottom:18px}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:12px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.setting-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15)}.setting-item-label{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:15px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0}.setting-item-icon,.setting-item-label svg{color:#6366f1;color:var(--primary-color)}.setting-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:rgba(102,126,234,.1)}.setting-language-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:12px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.setting-language-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15)}.language-buttons{display:flex;grid-gap:12px;gap:12px}.language-btn{padding:6px 16px;border-radius:12px;font-size:13px;font-weight:500;border:1.5px solid #e4e4e7;border:1.5px solid var(--border-color);background:#fff;background:var(--bg-white);color:#71717a;color:var(--text-secondary);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.language-btn:hover{color:#6366f1;color:var(--primary-color)}.language-btn.active,.language-btn:hover{border-color:#6366f1;border-color:var(--primary-color)}.language-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.setting-back-btn{width:100%;margin-top:24px}[data-theme=dark] .setting-item,[data-theme=dark] .setting-language-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .setting-item:hover,[data-theme=dark] .setting-language-item:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[dir=rtl] .setting-item-label svg{margin-left:12px;margin-right:0}[dir=ltr] .setting-item-label svg{margin-right:12px;margin-left:0}.profile-image-wrapper{text-align:center;margin-bottom:32px}.profile-image-container{position:relative;display:inline-block;margin-bottom:16px}.profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #6366f1;border:4px solid var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.profile-image-upload{position:absolute;bottom:0;right:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm);-webkit-transition:all .3s ease;transition:all .3s ease}.profile-image-upload:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.profile-name{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 4px}.profile-email{font-size:13px;color:#71717a;color:var(--text-secondary);margin:0}.setting-input{padding:12px 16px;border-radius:var(--radius-md,12px)}.setting-input-disabled{background:#f7fafc;background:var(--bg-light);cursor:not-allowed}.logout-item{cursor:pointer;border-color:rgba(245,101,101,.3);background:rgba(245,101,101,.05)}.logout-item:hover{border-color:#f56565;background:rgba(245,101,101,.1)}.logout-item .setting-item-label{color:#f56565}.forgot-password-link{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:14px 20px;margin-bottom:24px;background:rgba(102,126,234,.1);border:1.5px solid rgba(102,126,234,.3);border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.forgot-password-link:hover{background:rgba(102,126,234,.2);border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.forgot-password-link span,.forgot-password-link svg{color:#6366f1;color:var(--primary-color)}.forgot-password-link span{font-size:13px;font-weight:500}.setting-error{font-size:12px;color:#f56565;margin-top:4px;padding-right:8px}.setting-input{width:100%;padding:14px 16px;border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:12px;font-size:14px;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease;outline:none}.setting-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.setting-buttons{margin-top:32px}.setting-buttons .setting-back-btn{flex:1 1;margin-top:0}.setting-select{width:100%;padding:14px 16px;border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:12px;font-size:14px;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease;outline:none;cursor:pointer}.setting-select:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.setting-textarea{width:100%;padding:14px 16px;border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:12px;font-size:14px;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease;outline:none;resize:vertical;font-family:inherit}.setting-textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.tickets-section{margin-top:32px;padding-top:24px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color)}.tickets-title{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin-bottom:16px;text-align:right}.tickets-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;max-height:300px;overflow-y:auto;padding:4px}.ticket-item{background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;padding:14px 16px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.ticket-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.ticket-content{margin-bottom:12px}.ticket-text{font-size:13px;color:#18181b;color:var(--text-primary);margin:0;line-height:1.5;word-break:break-word}.ticket-status{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tickets-list::-webkit-scrollbar{width:6px}.tickets-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.tickets-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .ticket-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .ticket-item:hover{background:#f7fafc;background:var(--bg-light)}[dir=rtl] .ticket-status{right:16px}[dir=ltr] .ticket-status{left:16px}.user-info-card{text-align:center;margin-bottom:32px;padding:24px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:20px}.user-avatar-large{display:flex;justify-content:center;margin-bottom:16px}.user-avatar-large img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #6366f1;border:4px solid var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.user-name-large{font-size:18px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 4px}.user-email-large{font-size:13px;color:#71717a;color:var(--text-secondary);margin:0}.access-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.access-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.access-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.access-item-label{display:flex;align-items:center;grid-gap:10px;gap:10px;font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.access-item-label svg{color:#6366f1;color:var(--primary-color)}[data-theme=dark] .access-item,[data-theme=dark] .user-info-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .access-item:hover,[data-theme=dark] .user-info-card:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[dir=rtl] .toggle-slider:before{left:auto;right:3px}[dir=rtl] input:checked+.toggle-slider:before{-webkit-transform:translateX(-26px);transform:translateX(-26px)}.devices-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-bottom:24px;max-height:60vh;overflow-y:auto;padding:4px}.device-item{display:flex;align-items:center;grid-gap:16px;gap:16px;padding:16px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.device-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.device-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px;flex-shrink:0}.device-img{width:50px;height:50px;object-fit:contain}.device-info{flex:1 1;text-align:right}.device-caption{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 4px}.device-description{font-size:12px;color:#71717a;color:var(--text-secondary);margin:0 0 4px}.device-serial{font-size:11px;color:#a0aec0;color:var(--text-muted);margin:0;font-family:monospace}.device-delete-btn{background:rgba(245,101,101,.1);border:none;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f56565;-webkit-transition:all .3s ease;transition:all .3s ease;flex-shrink:0}.device-delete-btn:hover{background:rgba(245,101,101,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.devices-list::-webkit-scrollbar{width:6px}.devices-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.devices-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .device-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .device-item:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[data-theme=dark] .device-delete-btn{background:rgba(245,101,101,.15)}[dir=rtl] .device-delete-btn{left:16px;right:auto}[dir=ltr] .device-delete-btn{right:16px;left:auto}.device-image-container{display:flex;justify-content:center;margin-bottom:24px;padding:20px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:20px}.device-image{max-width:100%;max-height:200px;object-fit:contain}.device-details-grid{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-bottom:24px}.device-info-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.device-info-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.device-info-label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:13px;font-weight:500;color:#71717a;color:var(--text-secondary)}.device-info-label svg{color:#6366f1;color:var(--primary-color)}.device-info-value{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary)}.device-serial-value{font-family:monospace;background:#f7fafc;background:var(--bg-light);padding:4px 10px;border-radius:8px;font-size:12px}.edit-device-btn{background:rgba(102,126,234,.1);border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6366f1;color:var(--primary-color);-webkit-transition:all .3s ease;transition:all .3s ease}.edit-device-btn:hover{background:#6366f1;background:var(--primary-color);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.more-info-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;text-align:center;padding:14px;border-radius:12px;font-weight:600;cursor:pointer;margin-bottom:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.more-info-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.more-info-text{font-size:12px;text-align:center;color:#71717a;color:var(--text-secondary);margin:0 auto 24px;max-width:80%}.widgets-section{margin-top:24px;padding-top:16px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color)}.widgets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.widgets-count{font-size:13px;color:#6366f1;color:var(--primary-color);font-weight:600}.widgets-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.widget-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;-webkit-transition:all .3s ease;transition:all .3s ease}.widget-item:hover{border-color:#6366f1;border-color:var(--primary-color)}.widget-info{display:flex;align-items:center;grid-gap:12px;gap:12px}.widget-icon{width:40px;height:40px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px}.widget-name{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 4px}.widget-original-name{font-size:11px;margin:0}.widget-menu-icon,.widget-original-name{color:#71717a;color:var(--text-secondary)}.widget-menu-icon{cursor:pointer}[data-theme=dark] .device-image-container,[data-theme=dark] .device-info-item,[data-theme=dark] .widget-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .device-info-item:hover,[data-theme=dark] .widget-item:hover{background:#f7fafc;background:var(--bg-light)}.widget-zone-info{text-align:center;margin-bottom:32px;background:#fff;background:var(--bg-white)}.widget-zone-name{font-size:16px;font-weight:600;color:#6366f1;color:var(--primary-color);margin:0}.widget-settings-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.widget-setting-item{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.widget-setting-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.widget-setting-label{display:flex;align-items:center;grid-gap:12px;gap:12px;font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.widget-setting-label svg{color:#6366f1;color:var(--primary-color)}.widget-setting-arrow{color:#71717a;color:var(--text-secondary);-webkit-transition:all .3s ease;transition:all .3s ease}.widget-setting-item:hover .widget-setting-arrow{color:#6366f1;color:var(--primary-color);-webkit-transform:translateX(-4px);transform:translateX(-4px)}[data-theme=dark] .widget-setting-item,[data-theme=dark] .widget-zone-info{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .widget-setting-item:hover,[data-theme=dark] .widget-zone-info:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[dir=rtl] .widget-setting-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .widget-setting-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .widget-setting-item:hover .widget-setting-arrow{-webkit-transform:translateX(4px) rotate(180deg);transform:translateX(4px) rotate(180deg)}.move-widget-info{display:flex;align-items:center;grid-gap:16px;gap:16px;padding:20px;margin-bottom:24px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;text-align:right}.move-widget-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:16px;color:#6366f1;color:var(--primary-color)}.move-widget-caption{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 4px}.move-widget-label{font-size:12px;color:#71717a;color:var(--text-secondary);margin:0}.zones-list{grid-gap:10px;gap:10px;max-height:350px;overflow-y:auto;padding:4px}.zone-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.zone-item:hover{-webkit-transform:translateX(4px);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.zone-item.active,.zone-item:hover{border-color:#6366f1;border-color:var(--primary-color)}.zone-item.active{background:rgba(99,102,241,.08);background:var(--primary-soft)}.zone-info{grid-gap:12px;gap:12px}.zone-icon,.zone-info{display:flex;align-items:center}.zone-icon{width:32px;height:32px;justify-content:center;background:#f7fafc;background:var(--bg-light);border-radius:8px;color:#6366f1;color:var(--primary-color)}.zone-caption{font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary);margin:0}.zone-check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff}.zones-list::-webkit-scrollbar{width:6px}.zones-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.zones-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[dir=rtl] .zone-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[dir=rtl] .zone-check{margin-right:auto;margin-left:0}[data-theme=dark] .move-widget-info,[data-theme=dark] .zone-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .move-widget-info:hover,[data-theme=dark] .zone-item:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[data-theme=dark] .zone-item.active{background:rgba(102,126,234,.15)}:root{--primary-color:#6366f1;--primary-soft:rgba(99,102,241,0.08);--card-bg:#fff;--surface-secondary:#f4f4f5;--border-color:#e4e4e7;--text-primary:#18181b;--text-secondary:#71717a}[data-theme=dark]{--primary-soft:rgba(129,140,248,0.1);--card-bg:#1c1c27;--surface-secondary:#27272a;--border-color:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa}.urerInfo{min-height:56px;width:100%;max-width:280px;font-size:.875rem;overflow:hidden;border-radius:20px;border-radius:var(--radius-xl);background-color:#fff;background-color:var(--bg-white);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);padding:8px 16px;cursor:pointer;color:#18181b;color:var(--text-primary)}.urerInfo:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.userImg{width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.activeUser{height:12px;width:12px;border:2.5px solid #fff;border:2.5px solid var(--bg-white);border-radius:50%;background:linear-gradient(135deg,#00c853,#00e676);top:2px;right:2px;box-shadow:0 0 8px rgba(0,200,83,.4)}.arrow{line-height:2.1;font-size:.875rem;color:#71717a;color:var(--text-secondary);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.urerInfo:hover .arrow{color:#6366f1;color:var(--primary-color);-webkit-transform:translateY(2px);transform:translateY(2px)}.commands-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:24px;max-height:60vh;overflow-y:auto;padding:4px}.command-card{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;padding:24px 16px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;text-align:center}.command-card:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.command-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:20px;color:#6366f1;color:var(--primary-color);-webkit-transition:all .3s ease;transition:all .3s ease}.command-card:hover .command-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.command-label{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0}.commands-grid::-webkit-scrollbar{width:6px}.commands-grid::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.commands-grid::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}@media (max-width:576px){.commands-grid{grid-template-columns:1fr;grid-gap:12px;gap:12px}.command-card{padding:16px;flex-direction:row;justify-content:space-between;text-align:right}.command-icon{width:48px;height:48px}}[data-theme=dark] .command-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .command-card:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[dir=rtl] .command-card{text-align:center}.zone-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end}.zone-modal-container{width:100%;max-height:80vh;background:var(--bg-card);border-radius:24px 24px 0 0;overflow:hidden;-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease}.zone-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);background:#fff;background:var(--bg-white)}.zone-modal-header-info{display:flex;align-items:center;grid-gap:12px;gap:12px}.zone-modal-header-icon{width:50px;height:50px;border-radius:25px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.zone-modal-dashboard-name{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 4px}.zone-modal-dashboard-count{font-size:12px;color:#71717a;color:var(--text-secondary);margin:0}.zone-modal-close{width:36px;height:36px;border-radius:18px;background:#f7fafc;background:var(--bg-light);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;color:var(--text-secondary);-webkit-transition:all .3s ease;transition:all .3s ease}.zone-modal-close:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.zone-modal-list{max-height:50vh;overflow-y:auto;padding:8px 16px}.zone-modal-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;margin-bottom:8px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.zone-modal-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px);background:rgba(99,102,241,.08);background:var(--primary-soft)}.zone-modal-item-icon{width:32px;height:32px;border-radius:16px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.zone-modal-item-name{font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.zone-modal-footer{padding:16px 20px 24px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color);background:#fff;background:var(--bg-white)}.zone-modal-add-btn{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.zone-modal-add-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}[dir=rtl] .zone-modal-item:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}.zone-modal-list::-webkit-scrollbar{width:4px}.zone-modal-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.zone-modal-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .shortcut-bar,[data-theme=dark] .shortcut-zone-selector,[data-theme=dark] .zone-modal-container,[data-theme=dark] .zone-modal-footer,[data-theme=dark] .zone-modal-header,[data-theme=dark] .zone-modal-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .zone-modal-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.shortcut-zone-name{font-size:12px}.shortcut-zone-selector{padding:8px 16px}.zone-modal-container{max-height:85vh}}.setting-container{padding:24px 20px 32px;background:var(--bg-card);min-height:90vh}.setting-title{font-size:28px;font-weight:800;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.schedule-command-info{display:flex;align-items:center;grid-gap:16px;gap:16px;padding:16px 20px;margin-bottom:24px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px}.schedule-command-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px;color:#6366f1;color:var(--primary-color)}.schedule-command-label{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0 0 4px}.schedule-zone-name{font-size:12px;color:#71717a;color:var(--text-secondary);margin:0}.schedule-section-title{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:13px;font-weight:600;color:#71717a;color:var(--text-secondary);margin-bottom:12px}.schedule-section-title svg{color:#6366f1;color:var(--primary-color)}.schedule-time-section{margin-bottom:24px}.apple-time-picker{background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:20px;padding:20px}.time-columns{display:flex;justify-content:center;grid-gap:30px;gap:30px}.time-column{text-align:center;flex:1 1;max-width:120px}.time-scroll{height:200px;overflow-y:auto;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;border-radius:12px;background:#f7fafc;background:var(--bg-light);scroll-behavior:smooth}.time-scroll::-webkit-scrollbar{width:4px}.time-scroll::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.time-scroll::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}.time-scroll{scrollbar-width:thin;scrollbar-color:#6366f1 #e4e4e7;scrollbar-color:var(--primary-color) var(--border-color)}.time-option{padding:14px;text-align:center;font-size:20px;font-weight:500;color:#71717a;color:var(--text-secondary);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;scroll-snap-align:center;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.time-option:last-child{border-bottom:none}.time-option.active,.time-option:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.time-option.active{font-weight:700;font-size:24px}.time-label{display:block;margin-top:12px;font-size:12px;font-weight:500;color:#71717a;color:var(--text-secondary)}.schedule-toggle-section{margin-bottom:24px}.schedule-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px}.schedule-toggle-info{display:flex;align-items:center;grid-gap:14px;gap:14px}.schedule-toggle-info svg{color:#6366f1;color:var(--primary-color)}.toggle-title{font-size:15px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 4px}.toggle-description{font-size:11px;color:#71717a;color:var(--text-secondary);margin:0}.schedule-toggle-switch{position:relative;display:inline-block;width:52px;height:26px}.schedule-toggle-switch input{opacity:0;width:0;height:0}.schedule-toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.schedule-toggle-slider,.schedule-toggle-slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.schedule-toggle-slider:before{content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.schedule-toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}input:checked+.schedule-toggle-slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.schedule-days-section{margin-bottom:24px}.days-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;grid-gap:8px;gap:8px;overflow-x:auto;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;padding:16px;scrollbar-width:thin;scrollbar-color:#6366f1 #e4e4e7;scrollbar-color:var(--primary-color) var(--border-color)}.days-wrapper::-webkit-scrollbar{height:4px}.days-wrapper::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.days-wrapper::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}.day-chip{padding:8px 14px;background:#fff;background:var(--bg-white);border:1.5px solid #e4e4e7;border:1.5px solid var(--border-color);border-radius:30px;font-size:12px;font-weight:500;color:#71717a;color:var(--text-secondary);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.day-chip:hover{color:#6366f1;color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.day-chip.active,.day-chip:hover{border-color:#6366f1;border-color:var(--primary-color)}.day-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.schedule-date-section{margin-bottom:24px}.date-picker-wrapper{width:100%}.schedule-datepicker{width:100%;padding:14px 16px;border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:12px;font-size:14px;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.schedule-datepicker:focus{border-color:#6366f1;border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.setting-buttons{display:flex;flex-direction:row!important;grid-gap:12px;gap:12px;margin-top:24px;width:100%}.setting-back-btn{flex:1 1;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;min-width:0}.setting-back-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.3)}.setting-back-btn:first-child{background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);border:2px solid #e4e4e7;border:2px solid var(--border-color)}.setting-back-btn:first-child:hover{background:#f7fafc;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color)}[data-theme=dark] .apple-time-picker,[data-theme=dark] .days-wrapper,[data-theme=dark] .schedule-command-info,[data-theme=dark] .schedule-datepicker,[data-theme=dark] .schedule-toggle-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .time-scroll{background:#f7fafc;background:var(--bg-light)}[data-theme=dark] .time-option{border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .time-option:hover{background:rgba(129,140,248,.15)}[data-theme=dark] .day-chip:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.setting-container{padding:16px}.setting-title{font-size:22px;margin-bottom:24px}.time-columns{grid-gap:15px;gap:15px}.time-column{max-width:90px}.time-scroll{height:150px}.time-option{padding:10px;font-size:18px}.time-option.active{font-size:20px}.day-chip{padding:6px 10px;font-size:11px}.setting-buttons{flex-direction:row!important;grid-gap:10px;gap:10px}.setting-back-btn{padding:12px 16px;font-size:13px}}[dir=rtl] .schedule-section-title,[dir=rtl] .schedule-toggle-info{text-align:right}[dir=rtl] .time-columns{flex-direction:row-reverse}.drag-area{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.drag-area:active{cursor:-webkit-grabbing;cursor:grabbing}.time-scroll{cursor:-webkit-grab;cursor:grab}.time-scroll:active{cursor:-webkit-grabbing;cursor:grabbing}.notif button{border:0;outline:0!important;background:transparent}.notif{width:auto;display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;justify-content:center}.notif button:visited{outline:0!important}.notificationCircle{min-height:56px;min-width:120px;padding:0 20px;background-color:#fff;background-color:var(--bg-white);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);font-size:.875rem;border-radius:16px;border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;font-weight:500;color:#18181b;color:var(--text-primary)}.notificationCircle:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg);border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}.notificationCircle.bg-priimary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.notificationCircle.bg-priimary:hover{box-shadow:0 6px 20px rgba(102,126,234,.4);color:#fff}.security{width:100%;color:#fff}.notification{bottom:-2px;left:-2px;height:12px;width:12px;background:linear-gradient(135deg,#3b7cff,#5a9fff);box-shadow:0 0 12px rgba(59,124,255,.6);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}}.verifywidget{height:auto;font-size:.875rem;margin-top:16px}.bg-blue-opacity{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff}.scenSection{max-height:24vh;margin-top:16px}.securityBtn{border-radius:16px;border-radius:var(--radius-lg);font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 4px 12px rgba(0,200,83,.3);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);border:none;padding:12px 20px;height:56px;min-height:56px}.securityBtn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,200,83,.4)}.securityBtn:active{-webkit-transform:translateY(0);transform:translateY(0)}.widgetDisplayIcons{min-width:48px;min-height:48px;padding:8px 16px;font-size:18px;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);border:2px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.widgetDisplayIcons:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);border-color:#6366f1;border-color:var(--primary-color)}.widgetDisplayIcons.bg-priimary{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.3)}.widgetDisplayIcons.bg-white{background:#fff!important;background:var(--bg-white)!important;color:#18181b!important;color:var(--text-primary)!important}.widgetDisplayIcons span{font-size:14px;font-weight:600;color:inherit}.phoneView{width:48px;height:48px;padding:0}.phoneView,.pLine{display:flex;align-items:center;justify-content:center}.pLine{padding:16px;cursor:pointer}.line{height:4px;width:80px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#a0aec0),to(transparent));background:linear-gradient(90deg,transparent,#a0aec0,transparent);background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--text-muted)),to(transparent));background:linear-gradient(90deg,transparent,var(--text-muted),transparent);border-radius:8px;border-radius:var(--radius-sm);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.pLine:hover .line{width:100px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#6366f1),to(transparent));background:linear-gradient(90deg,transparent,#6366f1,transparent);background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(var(--primary-color)),to(transparent));background:linear-gradient(90deg,transparent,var(--primary-color),transparent)}.scenarios{height:100%;padding:16px;background-color:#fff;background-color:var(--bg-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm);color:#18181b;color:var(--text-primary)}.rec-carousel,.rec-slider{height:100%!important}.scenariosCircle{height:64px;width:64px;border-radius:16px;border-radius:var(--radius-lg);background-color:#fff;background-color:var(--bg-white);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);display:flex;align-items:center;justify-content:center}.scenariosCircle:hover{-webkit-transform:translateY(-4px) scale(1.05);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.scenarios b{font-size:12px;font-weight:700;line-height:1.4;color:#18181b;color:var(--text-primary);margin-top:8px}.scenariosIcons{width:48px;height:48px;font-size:24px;justify-content:center}.scenariosIcons,.sicons{display:flex;align-items:center}.sicons{height:auto;padding:12px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;border-radius:16px;border-radius:var(--radius-lg);flex-direction:column;grid-gap:8px;gap:8px}.sicons:hover{background-color:#f7fafc;background-color:var(--bg-light);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.sicons:hover .scenariosCircle{box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg);-webkit-transform:scale(1.05);transform:scale(1.05)}.sc-gsTCUz{margin:0 .25rem}.sleep{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));color:#6366f1;color:var(--primary-color)}.home{background:linear-gradient(135deg,rgba(255,152,0,.1),rgba(255,193,7,.1));color:#ff9800}.away{background:linear-gradient(135deg,rgba(33,150,243,.1),rgba(3,169,244,.1));color:#2196f3}.party{background:linear-gradient(135deg,rgba(233,30,99,.1),rgba(244,67,54,.1));color:#e91e63}.movie{background:linear-gradient(135deg,rgba(156,39,176,.1),rgba(103,58,183,.1));color:#9c27b0}.reading{background:linear-gradient(135deg,rgba(0,150,136,.1),rgba(0,188,212,.1));color:#009688}.cooking{background:linear-gradient(135deg,rgba(255,87,34,.1),rgba(255,152,0,.1));color:#ff5722}.working{background:linear-gradient(135deg,rgba(63,81,181,.1),rgba(33,150,243,.1));color:#3f51b5}.desktopElements{border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);background:#f7fafc;background:var(--bg-light);padding:20px}.notificationCirclePhone{width:40px;height:40px;border-radius:50%;background:#fff;background:var(--bg-white);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;font-size:18px;color:#18181b;color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.notificationCirclePhone:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.verifyBtn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.todayWeatherPhone{flex-shrink:0;grid-gap:4px;gap:4px}.userImgPhone{width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm);border:2px solid #fff;border:2px solid var(--bg-white);cursor:pointer}.dashboard{border-radius:20px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg);padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.dashboardElm{min-height:60px}.dashbordBtn{padding:12px 24px;border-radius:12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);border:2px solid transparent}.dashbordBtn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.bgWhite,.dashbordBtn:hover{background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary)}.bgWhite{box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.bgBlur{background:hsla(0,0%,100%,.25)}.bgBlur,.dashbordIcon{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashbordIcon{width:48px;height:48px;border-radius:12px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.dashbordIcon:hover{background:hsla(0,0%,100%,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.devices::-webkit-scrollbar{width:8px;height:8px}.devices::-webkit-scrollbar-track{background:transparent;border-radius:8px;border-radius:var(--radius-sm)}.devices::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:8px;border-radius:var(--radius-sm);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.devices::-webkit-scrollbar-thumb:hover{background:#764ba2;background:var(--primary-dark)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;color:#71717a;color:var(--text-secondary);background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:20px}.empty-state svg{color:#6366f1;color:var(--primary-color);margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.schedule-list-container{display:flex;flex-direction:column;grid-gap:16px;gap:16px;max-height:60vh;overflow-y:auto;padding:4px}.schedule-card{background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.schedule-card:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.schedule-card-header{display:flex;align-items:center;grid-gap:12px;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color)}.schedule-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px;color:#6366f1;color:var(--primary-color)}.schedule-card-command{font-size:15px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0}.schedule-card-details{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:16px}.schedule-detail-item{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:12px;flex-wrap:wrap}.schedule-detail-item svg{color:#6366f1;color:var(--primary-color);flex-shrink:0}.detail-label{color:#71717a;color:var(--text-secondary);font-weight:500;min-width:80px}.detail-value{color:#18181b;color:var(--text-primary);font-weight:500}.schedule-days{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.schedule-day-badge{padding:3px 8px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:20px;font-size:10px;font-weight:500;color:#6366f1;color:var(--primary-color)}.schedule-card-actions{display:flex;grid-gap:12px;gap:12px;justify-content:flex-end;padding-top:8px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color)}.schedule-delete-btn,.schedule-edit-btn{display:flex;align-items:center;grid-gap:6px;gap:6px;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;background:none}.schedule-edit-btn{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.schedule-edit-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.schedule-delete-btn{background:rgba(245,101,101,.1);color:#f56565}.schedule-delete-btn:hover{background:#f56565;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.schedule-list-container::-webkit-scrollbar{width:6px}.schedule-list-container::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.schedule-list-container::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}.alert-custom{position:fixed;bottom:50%;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);padding:20px 24px;border-radius:20px;font-size:14px;font-weight:500;z-index:10000;-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;min-width:280px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:var(--shadow-xl)}.alert-content{flex-direction:column}.alert-buttons,.alert-content{display:flex;grid-gap:16px;gap:16px}.alert-buttons{align-items:center;justify-content:center}.alert-cancel-btn,.alert-confirm-btn{padding:8px 20px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:none}.alert-confirm-btn{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}.alert-confirm-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,200,83,.3)}.alert-cancel-btn{background:#fff;background:var(--bg-white);color:#f56565;border:1.5px solid #f56565}.alert-cancel-btn:hover{background:#f56565;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.alert-success{background:#00c853;color:#fff}.alert-error{background:#f56565;color:#fff}.alert-warning{background:#ff9800;color:#fff}[data-theme=dark] .alert-confirm-btn{background:linear-gradient(135deg,#00c853,#00e676);color:#fff}[data-theme=dark] .alert-cancel-btn{background:#fff;background:var(--bg-white);color:#f56565;border:1.5px solid #f56565}[data-theme=dark] .alert-cancel-btn:hover{background:#f56565;color:#fff}[data-theme=dark] .alert-cancel-btn svg,[data-theme=dark] .alert-confirm-btn svg{color:inherit}.alert-cancel-btn svg,.alert-confirm-btn svg{width:16px;height:16px}.alert-cancel-btn,.alert-confirm-btn{display:flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px}[data-theme=dark] .empty-state,[data-theme=dark] .schedule-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .schedule-card:hover{background:#f7fafc;background:var(--bg-light)}[dir=rtl] .schedule-detail-item{text-align:right}[dir=rtl] .schedule-card-actions{justify-content:flex-start}@media (max-width:576px){.schedule-detail-item{flex-direction:column;align-items:flex-start;grid-gap:4px;gap:4px}.detail-label{min-width:auto}.schedule-card-actions{justify-content:center}.schedule-delete-btn,.schedule-edit-btn{flex:1 1;justify-content:center}}.alert-setting-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:10000;display:flex;align-items:center;justify-content:center}.alert-setting-container{width:320px;background:var(--bg-card);border-radius:24px;padding:24px 20px;text-align:center;-webkit-animation:alertSlideIn .2s ease;animation:alertSlideIn .2s ease;box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:var(--shadow-xl);border:1px solid #e4e4e7;border:1px solid var(--border-color)}@-webkit-keyframes alertSlideIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes alertSlideIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.alert-setting-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:28px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft)}.alert-setting-success .alert-setting-icon{background:rgba(0,200,83,.15);color:#00c853}.alert-setting-error .alert-setting-icon{background:rgba(245,101,101,.15);color:#f56565}.alert-setting-warning .alert-setting-icon{background:rgba(255,152,0,.15);color:#ff9800}.alert-setting-message{font-size:15px;font-weight:500;color:#18181b;color:var(--text-primary);margin:0 0 24px;line-height:1.5}.alert-setting-buttons{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px}.alert-setting-btn-cancel,.alert-setting-btn-close,.alert-setting-btn-confirm{display:flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px;padding:10px 20px;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:none}.alert-setting-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.alert-setting-btn-confirm:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.alert-setting-btn-cancel{background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);border:1px solid #e4e4e7;border:1px solid var(--border-color)}.alert-setting-btn-cancel:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.alert-setting-btn-close{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.alert-setting-btn-close:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}[data-theme=dark] .alert-setting-container{background:var(--bg-card);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .alert-setting-message{color:#18181b;color:var(--text-primary)}[data-theme=dark] .alert-setting-btn-cancel{background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);border-color:#e4e4e7;border-color:var(--border-color)}@media (max-width:576px){.alert-setting-container{width:280px;padding:20px 16px}.alert-setting-icon{width:48px;height:48px}.alert-setting-message{font-size:14px}.alert-setting-btn-cancel,.alert-setting-btn-confirm{padding:8px 16px;font-size:12px}}[dir=rtl] .alert-setting-buttons{flex-direction:row-reverse}.camera-content{margin-top:24px}.cameras-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px;margin-bottom:24px;max-height:55vh;overflow-y:auto;padding:4px}.camera-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.camera-list-item:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.camera-list-info{display:flex;align-items:center;grid-gap:12px;gap:12px}.camera-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px;color:#6366f1;color:var(--primary-color)}.camera-list-name{font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 4px}.camera-list-location{font-size:11px;margin:0}.camera-list-location,.camera-list-menu{color:#71717a;color:var(--text-secondary)}.camera-list-menu{cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.camera-list-menu:hover{color:#6366f1;color:var(--primary-color)}.add-camera-btn{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;width:100%;padding:14px;margin-bottom:16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.add-camera-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.camera-form-group{margin-bottom:24px}.camera-form-label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px;font-weight:600;color:#18181b;color:var(--text-primary);margin-bottom:8px}.camera-form-label svg{color:#6366f1;color:var(--primary-color)}.camera-form-input{width:100%;padding:14px 16px;border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:12px;font-size:14px;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease;outline:none}.camera-form-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.camera-form-input::-webkit-input-placeholder{color:#a0aec0;color:var(--text-muted)}.camera-form-input:-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.camera-form-input::-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.camera-form-input::placeholder{color:#a0aec0;color:var(--text-muted)}[data-theme=dark] .camera-form-input{background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .camera-form-input:focus{border-color:#6366f1;border-color:var(--primary-color)}[data-theme=dark] .camera-form-input::-webkit-input-placeholder{color:#a0aec0;color:var(--text-muted)}[data-theme=dark] .camera-form-input:-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}[data-theme=dark] .camera-form-input::-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}[data-theme=dark] .camera-form-input::placeholder{color:#a0aec0;color:var(--text-muted)}.camera-back-btn{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;width:100%;padding:14px;margin-top:8px;background:#fff;background:var(--bg-white);color:#18181b;color:var(--text-primary);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;font-weight:600;font-size:14px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.camera-back-btn:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cameras-list::-webkit-scrollbar{width:6px}.cameras-list::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.cameras-list::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .camera-list-item{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .camera-list-item:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.setting-container{padding:16px}}.shortcut-bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;background:transparent;z-index:100}.shortcut-bottom-icons{grid-gap:32px;gap:32px;background:#fff;background:var(--bg-white);padding:8px 20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);border:1px solid #e4e4e7;border:1px solid var(--border-color);min-width:320px}.circleIcon,.shortcut-bottom-icons{display:flex;align-items:center;justify-content:center}.circleIcon{width:42px;height:42px;border-radius:50%;background:#f7fafc;background:var(--bg-light);font-size:20px;color:#6366f1;color:var(--primary-color);cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.circleIcon:hover{color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.circleIcon:hover,.selectBox-bottom{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.selectBox-bottom{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 18px;border-radius:30px;cursor:pointer}.selectBox-bottom .icon-house{font-size:18px}.selectBox-bottom span{color:#fff;font-size:13px;font-weight:500}.selectBox-bottom i{color:#fff;font-size:12px;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.selectBox-bottom i.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.roomSelect-overlay-bottom{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.roomSelect-card-bottom{width:100%;max-width:450px;background:var(--bg-card);border-radius:24px 24px 0 0;overflow:hidden;-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:var(--shadow-xl)}.roomSelect-header-bottom{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);background:#fff;background:var(--bg-white)}.roomSelect-header-info-bottom{display:flex;align-items:center;grid-gap:12px;gap:12px}.roomSelect-header-icon-bottom{width:44px;height:44px;border-radius:22px;background:rgba(99,102,241,.08);background:var(--primary-soft);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.roomSelect-dashboard-name-bottom{font-size:15px;font-weight:600;color:#18181b;color:var(--text-primary);margin:0 0 2px}.roomSelect-dashboard-count-bottom{font-size:12px;color:#71717a;color:var(--text-secondary);margin:0}.roomSelect-close-bottom{width:32px;height:32px;border-radius:16px;background:#f7fafc;background:var(--bg-light);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#71717a;color:var(--text-secondary);-webkit-transition:all .2s ease;transition:all .2s ease}.roomSelect-close-bottom:hover{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.roomSelect-list-bottom{padding:12px 16px;max-height:50vh;overflow-y:auto}.roomSelect-item-bottom{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;margin-bottom:8px;background:#fff;background:var(--bg-white);border:1px solid #e4e4e7;border:1px solid var(--border-color);border-radius:14px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.roomSelect-item-bottom.active,.roomSelect-item-bottom:hover{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft)}.roomSelect-item-icon-bottom{width:36px;height:36px;border-radius:12px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.roomSelect-item-name-bottom{flex:1 1;font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.roomSelect-footer-bottom{padding:16px 20px 30px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color);background:#fff;background:var(--bg-white)}.roomSelect-add-btn-bottom{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.roomSelect-add-btn-bottom:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.roomSelect-list-bottom::-webkit-scrollbar{width:4px}.roomSelect-list-bottom::-webkit-scrollbar-track{background:#e4e4e7;background:var(--border-color);border-radius:10px}.roomSelect-list-bottom::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary-color);border-radius:10px}[data-theme=dark] .roomSelect-card-bottom,[data-theme=dark] .roomSelect-footer-bottom,[data-theme=dark] .roomSelect-header-bottom,[data-theme=dark] .roomSelect-item-bottom,[data-theme=dark] .shortcut-bottom-icons{background:#fff;background:var(--bg-white)}[data-theme=dark] .roomSelect-item-bottom:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.shortcut-bottom-icons{padding:8px 16px;grid-gap:32px;gap:32px;width:100%;border-top-right-radius:18px;border-top-left-radius:18px;min-width:auto}.circleIcon{width:36px;height:36px;font-size:18px}.selectBox-bottom{padding:6px 14px}.selectBox-bottom span{font-size:12px}.roomSelect-item-bottom{padding:12px 14px}.roomSelect-item-icon-bottom{width:32px;height:32px}.roomSelect-card-bottom{max-width:100%}}.device-off{background:#fff!important;background:var(--bg-white)!important;border:1px solid #e4e4e7!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)!important;box-shadow:var(--shadow-sm)!important}.device-on{background:transparent!important}.device.widget-power-low{background:linear-gradient(135deg,rgba(0,200,83,.25),rgba(0,230,118,.15))!important;border:2px solid #00c853!important;box-shadow:0 4px 12px rgba(0,200,83,.3)!important}.device.widget-power-medium{background:linear-gradient(135deg,rgba(255,152,0,.25),rgba(255,193,7,.15))!important;border:2px solid #ff9800!important;box-shadow:0 4px 12px rgba(255,152,0,.3)!important}.device.widget-power-high{background:linear-gradient(135deg,rgba(245,101,101,.25),rgba(229,62,62,.15))!important;border:2px solid #f56565!important;box-shadow:0 4px 12px rgba(245,101,101,.3)!important}.widget-active{border:inherit!important;box-shadow:inherit!important}.device-on.widget-active,.widget-active{background:transparent!important}.successBorder{border:2px solid #00c853!important;box-shadow:0 0 8px rgba(0,200,83,.3)!important}.dangerBorder{border:2px solid #f56565!important;box-shadow:0 0 8px rgba(245,101,101,.3)!important}.widget-power-low{background:linear-gradient(135deg,rgba(0,200,83,.13),rgba(0,230,118,.13))!important;background-color:rgba(0,200,83,.15)!important;border:2px solid #00c853!important;box-shadow:0 4px 12px rgba(0,200,83,.3)!important}.widget-power-medium{background:linear-gradient(135deg,rgba(255,152,0,.13),rgba(255,193,7,.13))!important;background-color:rgba(255,152,0,.15)!important;border:2px solid #ff9800!important;box-shadow:0 4px 12px rgba(255,152,0,.3)!important}.widget-power-high{background:linear-gradient(135deg,rgba(245,101,101,.13),rgba(229,62,62,.13))!important;background-color:rgba(245,101,101,.15)!important;border:2px solid #f56565!important;box-shadow:0 4px 12px rgba(245,101,101,.3)!important}.device-on.widget-power-high,.device-on.widget-power-low,.device-on.widget-power-medium{background-blend-mode:overlay!important}.widget-power-unknown{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.1))!important;border:2px solid #6366f1!important;border:2px solid var(--primary-color)!important;box-shadow:0 4px 12px rgba(102,126,234,.2)!important}.power-text{font-size:11px;font-weight:600;margin-top:4px}.device-on.widget-power-low{background:linear-gradient(135deg,rgba(0,200,83,.2),rgba(0,230,118,.15))!important}.device-on.widget-power-medium{background:linear-gradient(135deg,rgba(255,152,0,.2),rgba(255,193,7,.15))!important}.device-on.widget-power-high{background:linear-gradient(135deg,rgba(245,101,101,.2),rgba(229,62,62,.15))!important}.widgetCard{-webkit-transition:all .3s ease!important;transition:all .3s ease!important}[data-theme=dark] .widget-power-low{background:linear-gradient(135deg,rgba(0,200,83,.25),rgba(0,230,118,.15))!important}[data-theme=dark] .widget-power-medium{background:linear-gradient(135deg,rgba(255,152,0,.25),rgba(255,193,7,.15))!important}[data-theme=dark] .widget-power-high{background:linear-gradient(135deg,rgba(245,101,101,.25),rgba(229,62,62,.15))!important}.widget-power-low:hover{box-shadow:0 6px 20px rgba(0,200,83,.3)!important}.widget-power-medium:hover{box-shadow:0 6px 20px rgba(255,152,0,.3)!important}.widget-power-high:hover{box-shadow:0 6px 20px rgba(245,101,101,.3)!important}.widgetCard:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}[data-theme=dark] .widget-active{background:linear-gradient(135deg,rgba(102,126,234,.25),rgba(118,75,162,.25))!important}[data-theme=dark] .device-on{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15))!important}.addItems,.addItemsCard{background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer;color:#18181b;color:var(--text-primary)}.addItems:hover,.addItemsCard:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.addItemsIcon{width:48px;height:48px;border-radius:50%;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;font-size:24px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);color:#6366f1;color:var(--primary-color)}.addItemsCard:hover .addItemsIcon{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.addItems .addItemsIcon,.addItemsCard:hover .addItemsIcon{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.phoneTopElements{background:#fff;background:var(--bg-white);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);overflow:hidden}.phoneTopElements,.phoneUserInfo{color:#18181b;color:var(--text-primary)}.phoneUserInfo{min-height:60px;padding:12px;border-radius:16px;border-radius:var(--radius-lg);background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;grid-gap:12px;gap:12px;cursor:pointer}.phoneUserInfo:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.phoneUserImg{width:48px;height:48px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.activeUserPhone,.phoneUserImg{border-radius:50%;border:3px solid #fff;border:3px solid var(--bg-white)}.activeUserPhone{height:14px;width:14px;background:linear-gradient(135deg,#00c853,#00e676);top:2px;right:2px;box-shadow:0 0 8px rgba(0,200,83,.4)}.phoneUserName{font-size:16px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0}.phoneUserEmail{font-size:12px}.phoneGreeting,.phoneUserEmail{color:#a0aec0;color:var(--text-muted);margin:0}.phoneGreeting{font-size:14px}.phoneIcon{width:48px;height:48px;border-radius:12px;border-radius:var(--radius-md);background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);color:#18181b;color:var(--text-primary)}.phoneIcon:hover{background:#fff;background:var(--bg-white);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#6366f1;color:var(--primary-color)}.phoneIcon.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.closeScenarios{width:60px;height:6px;background:#a0aec0;background:var(--text-muted);border-radius:8px;border-radius:var(--radius-sm);left:0;right:0;bottom:8px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer}.closeScenarios:hover{background:#6366f1;background:var(--primary-color)}.fn14{font-weight:600}small{color:#a0aec0;color:var(--text-muted)}p{color:#18181b;color:var(--text-primary)}@media (min-width:1200px){.desktopElements{padding:24px}.scenarios{max-height:28vh}.userNotif{grid-gap:16px;gap:16px}}@media (min-width:992px) and (max-width:1200px){.desktopElements{padding:20px}.scenarios{max-height:26vh}.userNotif{grid-gap:12px;gap:12px}}@media (min-width:992px) and (max-width:1100px){.security{width:auto;margin-right:0}.urerInfo{width:100%;margin-right:0;font-size:.8rem}.securityBtn{font-size:12px}.notiffont{font-size:.875rem}.notif{width:auto}}@media (min-width:576px) and (max-width:992px){.securityBtn{font-size:11px}.notif{width:auto}.notiffont{font-size:.8rem}.urerInfo{width:100%;margin-right:0;font-size:.75rem}.userNotif{grid-gap:12px;gap:12px}.desktopElements{padding:16px}}@media (max-width:576px){.desktopElements{border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:12px}.userNotif{flex-direction:column;grid-gap:12px;gap:12px}.security,.urerInfo{max-width:100%;width:100%}.securityBtn{font-size:13px;padding:10px 16px}.notif{width:100%;justify-content:space-between}.notificationCircle{min-width:auto;flex:1 1;padding:0 12px;font-size:.75rem}.scenariosCircle{height:56px;width:56px}.scenariosIcons{width:40px;height:40px;font-size:20px}.theme-toggle-wrapper{position:fixed;top:20px;right:20px;z-index:9999}.theme-toggle-btn{width:48px;height:48px;font-size:20px}.widgetDisplayIcons{min-width:40px;min-height:40px;padding:8px;font-size:16px}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.desktopElements{-webkit-animation:slideUp .5s ease-out;animation:slideUp .5s ease-out}.scenarios{-webkit-animation:fadeIn .4s ease-out;animation:fadeIn .4s ease-out}.addItemsCard{-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out}.cursor{cursor:pointer}.fn{font-weight:700;color:#18181b;color:var(--text-primary)}.gap-2{grid-gap:8px;gap:8px}.gap-3{grid-gap:12px;gap:12px}.text-white{color:#fff!important}.text-muted{color:#a0aec0!important;color:var(--text-muted)!important}.bg-white{background-color:#fff!important;background-color:var(--bg-white)!important;color:#18181b!important;color:var(--text-primary)!important}.bg-priimary,.bg-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;background:var(--primary-gradient)!important;color:#fff!important}.fn12{font-size:12px;font-weight:600}.fn12,.notiffont{color:#18181b;color:var(--text-primary)}.notiffont{font-size:.875rem}.cursor:focus,.dashbordBtn:focus,.notificationCircle:focus,.theme-toggle-btn:focus,.widgetDisplayIcons:focus,button:focus{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}.notificationCircle.iconOnly{min-width:56px;width:56px;height:56px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.notificationCircle.iconOnly span{display:none}.notificationCircle.iconOnly .notiffont{font-size:20px}.radio-group{flex-direction:column}.radio-group,.radio-label{display:flex;grid-gap:12px;gap:12px}.radio-label{align-items:center;cursor:pointer}.radio-input{width:18px;height:18px;cursor:pointer;accent-color:#6366f1;accent-color:var(--primary-color)}.radio-text{font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.icon-picker-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;background:rgba(99,102,241,.08);background:var(--primary-soft);border-radius:12px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;color:#6366f1;color:var(--primary-color);font-size:13px;font-weight:500}.icon-picker-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.icon-picker-btn img{border-radius:8px}.toggle-switch{position:relative;display:inline-block;width:52px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}.toggle-slider,.toggle-slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.toggle-slider:before{content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}input:checked+.toggle-slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}[dir=rtl] .icon-picker-btn,[dir=rtl] .radio-label{text-align:right}.securityBtn.iconOnly{min-width:56px;width:56px;height:56px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.securityBtn.iconOnly.prominent{background:linear-gradient(135deg,#00c853,#00e676);box-shadow:0 4px 16px rgba(0,200,83,.4);-webkit-animation:pulse-glow 2s ease-in-out infinite;animation:pulse-glow 2s ease-in-out infinite}@-webkit-keyframes pulse-glow{0%,to{box-shadow:0 4px 16px rgba(0,200,83,.4);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 24px rgba(0,200,83,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 16px rgba(0,200,83,.4);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 24px rgba(0,200,83,.6);-webkit-transform:scale(1.05);transform:scale(1.05)}}.securityBtn.iconOnly.prominent:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 8px 32px rgba(0,200,83,.7)}.dashboard-list-section{margin-bottom:24px}.dashboard-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.dashboard-item{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.dashboard-item-content{flex:1 1;display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 16px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.dashboard-item-content:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.08);box-shadow:var(--shadow-sm)}.dashboard-item-content.active{border-color:#6366f1;border-color:var(--primary-color);background:rgba(99,102,241,.08);background:var(--primary-soft)}.dashboard-item-icon{width:32px;height:32px;border-radius:12px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.dashboard-item-name{font-size:14px;font-weight:500;color:#18181b;color:var(--text-primary)}.dashboard-delete-btn{width:44px;height:44px;border-radius:12px;background:rgba(245,101,101,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f56565;-webkit-transition:all .3s ease;transition:all .3s ease}.dashboard-delete-btn:hover{background:rgba(245,101,101,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.dashboard-add-item{display:flex;align-items:center;justify-content:center;grid-gap:12px;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.dashboard-add-item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.dashboard-add-icon{width:32px;height:32px;border-radius:12px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;color:#fff}.dashboard-add-text{font-size:14px;font-weight:600;color:#fff}[dir=rtl] .dashboard-item-content:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[data-theme=dark] .dashboard-item-content{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .dashboard-item-content:hover{background:#f7fafc;background:var(--bg-light)}.add-details-container{margin-top:24px}.add-details-section{margin-bottom:32px;padding-top:16px;border-top:1px solid #e4e4e7;border-top:1px solid var(--border-color)}.add-details-title{font-size:16px;font-weight:600;color:#18181b;color:var(--text-primary);margin-bottom:16px;text-align:right}.zones-header{justify-content:space-between;margin-bottom:16px}.add-zone-btn,.zones-header{display:flex;align-items:center}.add-zone-btn{grid-gap:6px;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.add-zone-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.add-zone-form{margin-bottom:20px;padding:16px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px}.add-zone-input-wrapper{display:flex;align-items:center;grid-gap:12px;gap:12px}.add-zone-input-wrapper .setting-input{flex:1 1}.add-zone-submit{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.add-zone-submit:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.zones-list{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.zone-item-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;background:var(--bg-white);border:2px solid #e4e4e7;border:2px solid var(--border-color);border-radius:16px;-webkit-transition:all .3s ease;transition:all .3s ease}.zone-item-card:hover{border-color:#6366f1;border-color:var(--primary-color);-webkit-transform:translateX(4px);transform:translateX(4px)}.zone-item-content{display:flex;align-items:center;grid-gap:12px;gap:12px;flex:1 1}.zone-item-icon{width:36px;height:36px;border-radius:12px;background:#f7fafc;background:var(--bg-light);display:flex;align-items:center;justify-content:center;color:#6366f1;color:var(--primary-color)}.zone-item-name{font-weight:500}.zone-edit-input,.zone-item-name{font-size:14px;color:#18181b;color:var(--text-primary)}.zone-edit-input{flex:1 1;padding:10px 14px;border:2px solid #6366f1;border:2px solid var(--primary-color);border-radius:12px;background:#fff;background:var(--bg-white);outline:none}.zone-item-actions{display:flex;align-items:center;grid-gap:8px;gap:8px}.zone-delete-btn,.zone-edit-btn,.zone-save-btn{width:34px;height:34px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.zone-edit-btn{background:rgba(99,102,241,.08);background:var(--primary-soft);color:#6366f1;color:var(--primary-color)}.zone-edit-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.zone-delete-btn{background:rgba(245,101,101,.1);color:#f56565}.zone-delete-btn:hover{background:#f56565;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.zone-save-btn{background:#00c853;color:#fff}.zone-save-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}[dir=rtl] .zone-item-card:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[data-theme=dark] .add-zone-form,[data-theme=dark] .zone-item-card{background:#fff;background:var(--bg-white);border-color:#e4e4e7;border-color:var(--border-color)}[data-theme=dark] .zone-item-card:hover{background:#f7fafc;background:var(--bg-light)}@media (max-width:576px){.add-zone-input-wrapper{flex-direction:column}.add-zone-submit{width:100%}.zone-item-card{flex-wrap:wrap;grid-gap:10px;gap:10px}.zone-item-actions{width:100%;justify-content:flex-end}}#devices,*{scrollbar-width:none!important;-ms-overflow-style:none!important}#devices{flex:1 1!important;overflow-y:auto!important;max-height:60vh!important;height:auto!important}#devices::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.fn14{font-size:14px;font-weight:700;color:#18181b;color:var(--text-primary);margin:0}.orient small{color:#a0aec0;color:var(--text-muted);font-weight:500}.modalComp{width:100%!important;border-radius:24px 24px 0 0!important;background-color:var(--bg-card);height:auto!important;max-height:95vh!important;display:flex;flex-direction:column;overflow:hidden;position:relative}.add-scenario-container,.automation-add-container,.scenario-modal-container,.scenarios-widgets-container,.scenarios-zone-container{margin:0 auto;width:100%;max-width:450px}.modalComp .modal-header{padding:16px!important;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}@media (max-width:768px){.notificationCircle.iconOnly{min-width:48px;width:48px;height:48px}.notificationCircle.iconOnly .notiffont{font-size:18px}.securityBtn.iconOnly{min-width:48px;width:48px;height:48px}}@media (max-width:576px){.notificationCircle.iconOnly{min-width:44px;width:44px;height:44px}.notificationCircle.iconOnly .notiffont{font-size:16px}.securityBtn.iconOnly{min-width:44px;width:44px;height:44px}}.options{border-radius:20px;border-radius:var(--radius-xl,20px);background-color:#f7fafc;background-color:var(--bg-light,#f7fafc);z-index:9}.options,.optionsItem{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));padding:16px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition,all .3s ease);transition:var(--transition,all .3s ease)}.optionsItem{border-radius:12px;border-radius:var(--radius-md,12px);background-color:#fff;background-color:var(--bg-white,#fff);margin-bottom:12px;cursor:pointer;color:#1a202c;color:var(--text-primary,#1a202c)}.optionsItem:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg,0 8px 24px rgba(102,126,234,.15))}.addItemsOptIcon{height:48px;width:48px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient,linear-gradient(135deg,#667eea,#764ba2));font-size:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;color:var(--bg-white,#fff);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition,all .3s ease);transition:var(--transition,all .3s ease)}.optionsItem:hover .addItemsOptIcon{-webkit-transform:rotate(90deg) scale(1.1);transform:rotate(90deg) scale(1.1)}.scenariosOpt{border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));height:57px;bottom:-15px;line-height:4;background:#fff;background:var(--bg-white,#fff);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition,all .3s ease);transition:var(--transition,all .3s ease)}.scenariosOpt .rec .rec-carousel-wrapper{height:100%!important}.siconsOpt{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition,all .3s ease);transition:var(--transition,all .3s ease);cursor:pointer;padding:8px;border-radius:12px;border-radius:var(--radius-md,12px)}.siconsOpt:hover{border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-xl,20px) var(--radius-xl,20px);background-color:#f7fafc;background-color:var(--bg-light,#f7fafc);box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));width:59px;height:48px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:576px){.options{padding:12px;border-radius:16px;border-radius:var(--radius-lg,16px)}.optionsItem{padding:12px;margin-bottom:8px}.addItemsOptIcon{height:40px;width:40px;font-size:20px}}.left-section{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:24px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease}[data-theme=dark] .left-section{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 4px 20px rgba(0,0,0,.3)}.weatherStatus{height:8vh;margin-bottom:20px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);-webkit-transition:all .3s ease;transition:all .3s ease}.weatherStatus:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}[data-theme=dark] .weatherStatus{background:#2d3748;box-shadow:0 2px 12px rgba(0,0,0,.2)}[data-theme=dark] .weatherStatus:hover{box-shadow:0 4px 16px rgba(0,0,0,.3)}.weatherStatus p{font-weight:600;color:#2d3748;font-size:16px}[data-theme=dark] .weatherStatus p{color:#f7fafc}.parkingSwitch{height:330px;width:118px;border-radius:59.5px;background:linear-gradient(135deg,#fff,#f7fafc);box-shadow:0 8px 24px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.parkingSwitch:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15)}[data-theme=dark] .parkingSwitch{background:linear-gradient(135deg,#2d3748,#1a202c);box-shadow:0 8px 24px rgba(0,0,0,.3)}.parkingLock{height:106px;width:106px;border-radius:52.8px;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px rgba(239,68,68,.4);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.parkingLock:before{content:"🔒";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:40px}.parkingUnlock{height:106px;width:106px;border-radius:52.8px;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 20px rgba(16,185,129,.4);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.parkingUnlock:before{content:"🔓";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:40px}.parkingItems{height:240px;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff}.parkingItems:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}[data-theme=dark] .parkingItems{background:#2d3748;box-shadow:0 4px 16px rgba(0,0,0,.2)}[data-theme=dark] .parkingItems:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}.profileAddUser{height:55px;width:55px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.08);font-size:26px;line-height:2.2;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;color:#667eea}.profileAddUser:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.12);background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}[data-theme=dark] .profileAddUser{box-shadow:0 4px 12px rgba(0,0,0,.2);color:#90cdf4}.circleTop{display:block;height:50px;width:50px;border-radius:43.75px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;line-height:2.8;box-shadow:0 4px 12px rgba(102,126,234,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.circleTop:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 6px 16px rgba(102,126,234,.4)}[data-theme=dark] .circleTop{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.4)}.weatherStatus small{color:#718096;font-size:13px;font-weight:500}.circleToping{display:block;height:40px;width:40px;border-radius:43.75px;background-color:#fafafa;font-size:27px;-webkit-transition:all .3s ease;transition:all .3s ease}[data-theme=dark] .circleToping{background-color:#4a5568;color:#f7fafc}.text-muted-left{color:#a0aec0;font-weight:500}[data-theme=dark] .text-muted-left{color:#718096}.muted{color:#a0aec0!important}.circleSliderInfo{position:absolute;bottom:1px;background:hsla(0,0%,100%,.95);width:131px;min-height:179px;border-radius:60px 60px 0 0;left:50%;-webkit-transform:translateX(-64px);transform:translateX(-64px);box-shadow:0 -4px 20px rgba(0,0,0,.1)}.circleSliderInfo,[data-theme=dark] .circleSliderInfo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .circleSliderInfo{background:rgba(45,55,72,.95);box-shadow:0 -4px 20px rgba(0,0,0,.3)}.sliderCircle{display:block;height:45px;width:45px;border-radius:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:22px;box-shadow:0 4px 12px rgba(102,126,234,.3);-webkit-transition:all .3s ease;transition:all .3s ease}.sliderCircle:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 6px 16px rgba(102,126,234,.4)}.degree{font-size:24px;width:72px;font-weight:700;color:#2d3748}[data-theme=dark] .degree{color:#f7fafc}.bottomDegree{font-size:14px;position:absolute;top:221px;width:154px;right:0;left:0;color:#718096;font-weight:600}[data-theme=dark] .bottomDegree{color:#cbd5e0}.type{display:block;width:92px;border:1px solid #979797;border-radius:20px;margin:auto;font-size:11px;position:absolute;top:158px;right:0;left:0;z-index:9999;background:#fff;color:#667eea;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease}[data-theme=dark] .type{background:#2d3748;color:#90cdf4;border-color:#4a5568}.weatherTypesHeight{height:8vh}.weatherTypes{width:330px;height:56px;border-radius:37.5px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:4px;-webkit-transition:all .3s ease;transition:all .3s ease}[data-theme=dark] .weatherTypes{background:#2d3748;box-shadow:0 4px 16px rgba(0,0,0,.2)}.weatherTypesIcons{display:block;height:56px;width:56px;border-radius:37.5px;-webkit-transition:.5s;transition:.5s;cursor:pointer;color:#718096}.weatherTypesIcons:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:#667eea}.weatherTypesIcons.bg-white{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;box-shadow:0 4px 12px rgba(102,126,234,.3)}[data-theme=dark] .weatherTypesIcons{color:#cbd5e0}[data-theme=dark] .weatherTypesIcons:hover{color:#90cdf4}.weatherTypesCircle{display:block;height:55px;width:55px;border-radius:41.88px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);font-size:25px;line-height:2.3;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;color:#667eea}.weatherTypesCircle:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.12);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=dark] .weatherTypesCircle{background:#2d3748;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#90cdf4}[data-theme=dark] .weatherTypesCircle:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 16px rgba(102,126,234,.4)}.status{height:30vh;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-top:16px}[data-theme=dark] .status{background:#2d3748;box-shadow:0 2px 12px rgba(0,0,0,.2)}.status small{color:#718096;font-weight:600}[data-theme=dark] .status small{color:#cbd5e0}.weatherTypesCircleInto{display:block;height:38.5px;width:38.5px;border-radius:41.88px;background:rgba(102,126,234,.15);text-align:center;font-size:19px;color:#667eea;-webkit-transition:all .3s ease;transition:all .3s ease}.weatherTypesCircle:hover .weatherTypesCircleInto{background:hsla(0,0%,100%,.3);color:#fff}[data-theme=dark] .weatherTypesCircleInto{background:rgba(102,126,234,.2);color:#90cdf4}.editDevicesTools{height:55px;width:110px;border-radius:33.5px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease}.editDevicesTools:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}[data-theme=dark] .editDevicesTools{background:#2d3748;box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .editDevicesTools:hover{box-shadow:0 6px 16px rgba(0,0,0,.3)}.editDevicesTools span{display:block;height:45px;width:45px;border-radius:33.5px;background:rgba(102,126,234,.15);color:#667eea;-webkit-transition:all .3s ease;transition:all .3s ease}.editDevicesTools:hover span{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}[data-theme=dark] .editDevicesTools span{background:rgba(102,126,234,.2);color:#90cdf4}.deleteDeviceTool{height:55px;width:55px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transition:all .3s ease;transition:all .3s ease}.deleteDeviceTool:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)}[data-theme=dark] .deleteDeviceTool{background:#2d3748;box-shadow:0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .deleteDeviceTool:hover{box-shadow:0 6px 16px rgba(0,0,0,.3)}.deleteDeviceTool span{display:block;height:45px;width:45px;border-radius:50%;background:rgba(239,68,68,.15);color:#ef4444;-webkit-transition:all .3s ease;transition:all .3s ease}.deleteDeviceTool:hover span{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}[data-theme=dark] .deleteDeviceTool span{background:rgba(239,68,68,.2);color:#fc8181}@media (max-width:576px){.left-section{padding:16px;border-radius:16px}.circleTop{width:60px;height:60px;line-height:3.2}.weatherTypesHeight{height:6vh}.status{height:26vh}.weatherStatus{flex-direction:column;height:auto!important}.weatherStatus .mr-4{margin:0!important}.circleSlider{height:34vh!important}.weatherTypesCircle{width:45px;height:45px}.circleSliderInfo{width:105px;min-height:103px;bottom:44px;background-color:transparent;border-radius:60px}.bottomDegree{width:145px}#devices{max-height:47vh;overflow:auto}.parkingSwitch{height:280px;width:100px}.parkingLock,.parkingUnlock{height:90px;width:90px}}.login-flat-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;position:relative;overflow:hidden}.login-flat-container:before{content:"";position:absolute;width:400px;height:400px;background:hsla(0,0%,100%,.1);border-radius:50%;top:-200px;right:-200px;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}.login-flat-container:after{content:"";position:absolute;width:300px;height:300px;background:hsla(0,0%,100%,.08);border-radius:50%;bottom:-150px;left:-150px;animation:float 8s ease-in-out infinite reverse}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}50%{-webkit-transform:translateY(-20px) translateX(20px);transform:translateY(-20px) translateX(20px)}}@keyframes float{0%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0)}50%{-webkit-transform:translateY(-20px) translateX(20px);transform:translateY(-20px) translateX(20px)}}.login-flat-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.15);padding:48px 40px;width:100%;max-width:440px;position:relative;z-index:1;-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.login-flat-header{text-align:center;margin-bottom:40px}.login-flat-icon-wrapper{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(102,126,234,.3);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.login-flat-icon-wrapper:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.login-flat-icon{width:48px;height:48px;color:#fff}.login-flat-title{font-size:32px;font-weight:700;color:#1a202c;margin:0 0 8px;letter-spacing:-.5px}.login-flat-subtitle{font-size:16px;color:#718096;margin:0;font-weight:400}.login-flat-form{margin-bottom:32px}.login-flat-input-group{margin-bottom:20px;position:relative}.login-flat-input-icon{position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px;height:24px;color:#a0aec0;pointer-events:none;-webkit-transition:color .3s ease;transition:color .3s ease;z-index:1}.login-flat-input{width:100%;height:56px;padding:0 16px 0 52px;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;color:#2d3748;background:#f7fafc;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none}.login-flat-input::-webkit-input-placeholder{color:#a0aec0}.login-flat-input:-ms-input-placeholder{color:#a0aec0}.login-flat-input::-ms-input-placeholder{color:#a0aec0}.login-flat-input::placeholder{color:#a0aec0}.login-flat-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px rgba(102,126,234,.1)}.login-flat-input-group:focus-within .login-flat-input-icon,.login-flat-input:focus+.login-flat-input-icon{color:#667eea}.login-flat-error{color:#e53e3e;font-size:13px;margin-top:6px;padding-left:4px;font-weight:500}.login-flat-forgot{display:inline-block;font-size:14px;color:#667eea;text-decoration:none;margin-top:8px;margin-bottom:24px;font-weight:500;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.login-flat-forgot:hover{color:#764ba2;text-decoration:none}.login-flat-button{width:100%;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3);margin-top:8px}.login-flat-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.login-flat-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-flat-divider{display:flex;align-items:center;text-align:center;margin:32px 0;color:#a0aec0;font-size:14px}.login-flat-divider:after,.login-flat-divider:before{content:"";flex:1 1;border-bottom:1px solid #e2e8f0}.login-flat-divider span{padding:0 16px;font-weight:500}.login-flat-google{margin-bottom:24px}.login-flat-google button{width:100%!important;height:56px!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important;display:flex!important;align-items:center!important}.login-flat-google button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)!important}[data-theme=dark] .login-flat-google button{background-color:#2d3748!important;color:#f7fafc!important;border-color:#4a5568!important}.login-flat-register{text-align:center;font-size:14px;color:#718096}.login-flat-register a{color:#667eea;text-decoration:none;font-weight:600;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.login-flat-register a:hover{color:#764ba2;text-decoration:none}@media (max-width:576px){.login-flat-card{padding:36px 24px;border-radius:20px}.login-flat-title{font-size:28px}.login-flat-icon-wrapper{width:70px;height:70px}.login-flat-icon{width:40px;height:40px}.login-flat-button,.login-flat-google button,.login-flat-input{height:52px!important}}@media (max-width:400px){.login-flat-container{padding:16px}.login-flat-card{padding:28px 20px}}.login-flat-checkbox{display:flex;align-items:center;margin-bottom:16px}.login-flat-checkbox-input{width:20px;height:20px;margin:0 0 0 12px;cursor:pointer;accent-color:#667eea}.login-flat-checkbox-label{font-size:14px;color:#4a5568;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:color .3s ease;transition:color .3s ease}.login-flat-checkbox-label:hover{color:#667eea}.login-flat-button:disabled{background:#cbd5e0;cursor:not-allowed;box-shadow:none}.login-flat-button:disabled:hover{-webkit-transform:none;transform:none;box-shadow:none}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--primary-dark:#764ba2;--bg-light:#f7fafc;--bg-white:#fff;--bg-card:#fff;--text-primary:#1a202c;--text-secondary:#718096;--text-muted:#a0aec0;--border-color:#e2e8f0;--shadow-sm:0 2px 8px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(102,126,234,0.15);--shadow-xl:0 20px 60px rgba(102,126,234,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--transition:all 0.3s ease}[data-theme=dark]{--primary-color:#818cf8;--primary-dark:#6366f1;--bg-light:#1a202c;--bg-white:#2d3748;--bg-card:#2d3748;--text-primary:#f7fafc;--text-secondary:#cbd5e0;--text-muted:#a0aec0;--border-color:#4a5568;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(102,126,234,0.25)}.modal-dialog{border-radius:24px;border-radius:var(--radius-2xl)}.modal-content{background:#fff;background:var(--bg-card);border:none;box-shadow:0 20px 60px rgba(102,126,234,.2);box-shadow:var(--shadow-xl);-webkit-animation:modalSlideIn .4s ease-out;animation:modalSlideIn .4s ease-out}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:32px 32px 24px}.modal-title{font-size:24px;font-weight:700;color:#1a202c;color:var(--text-primary);text-align:right}.modal-header .close{font-size:32px;color:#718096;color:var(--text-secondary);opacity:.7;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.modal-header .close:hover{opacity:1}.modal-body,.modal-header .close:hover{color:#1a202c;color:var(--text-primary)}.modal-body{padding:32px;direction:rtl;text-align:right}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);padding:24px 32px;background:transparent;display:flex;grid-gap:12px;gap:12px;justify-content:flex-end}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-control,.form-group label{color:#1a202c;color:var(--text-primary);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.form-control{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);font-size:15px;background:#f7fafc;background:var(--bg-light);outline:none}.form-control:focus{background:#fff;background:var(--bg-white);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-control:focus,.form-control:hover{border-color:#667eea;border-color:var(--primary-color)}.form-control::-webkit-input-placeholder{color:#a0aec0;color:var(--text-muted)}.form-control:-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.form-control::-ms-input-placeholder{color:#a0aec0;color:var(--text-muted)}.form-control::placeholder{color:#a0aec0;color:var(--text-muted)}.form-control-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-right:40px;padding-left:16px}textarea.form-control{resize:vertical;min-height:120px;font-family:"mandegar",sans-serif}.btn{padding:12px 24px;border-radius:12px;border-radius:var(--radius-md);font-weight:600;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;outline:none}.btn:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg)}.btn-primary:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn-secondary{background:#f7fafc;background:var(--bg-light);color:#1a202c;color:var(--text-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color)}.btn-secondary:hover{background:#fff;background:var(--bg-white);border-color:#667eea;border-color:var(--primary-color);color:#667eea;color:var(--primary-color)}.btn-danger{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.btn-danger:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,101,101,.3)}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.modern-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);padding:24px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.modern-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:var(--shadow-md);border-color:#667eea;border-color:var(--primary-color)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.card-title{font-size:18px;font-weight:700;margin:0}.card-body,.card-title{color:#1a202c;color:var(--text-primary)}.modal-header-section{text-align:center;margin-bottom:32px}.modal-icon-wrapper{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:16px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(102,126,234,.15);box-shadow:var(--shadow-lg);color:#fff;font-size:36px}.modal-header-title{font-size:24px;font-weight:700;color:#1a202c;color:var(--text-primary);margin:0 0 8px}.modal-header-subtitle{font-size:14px;color:#718096;color:var(--text-secondary);margin:0}.list-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition)}.list-item:last-child{border-bottom:none}.list-item:hover{background:rgba(102,126,234,.05);padding:16px 12px;margin:0 -12px;border-radius:12px;border-radius:var(--radius-md)}.list-item-content{flex:1 1;text-align:right}.list-item-title{font-weight:600;color:#1a202c;color:var(--text-primary);margin:0 0 4px}.list-item-subtitle{font-size:13px;color:#718096;color:var(--text-secondary);margin:0}.list-item-action,.nav-tabs{display:flex;grid-gap:8px;gap:8px}.nav-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);direction:rtl}.nav-link{padding:12px 20px;border:none;background:transparent;color:#718096;color:var(--text-secondary);font-weight:600;border-radius:12px 12px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transition:var(--transition);transition:var(--transition);cursor:pointer}.nav-link.active,.nav-link:hover{color:#667eea;color:var(--primary-color)}.nav-link.active{border-bottom:3px solid #667eea;border-bottom:3px solid var(--primary-color);background:rgba(102,126,234,.05)}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-primary{background:rgba(102,126,234,.15);color:#667eea;color:var(--primary-color)}.badge-success{background:rgba(0,200,83,.15);color:#00c853}.badge-danger{background:rgba(245,101,101,.15);color:#f56565}.badge-warning{background:rgba(255,152,0,.15);color:#ff9800}.alert{padding:16px 20px;border-radius:12px;border-radius:var(--radius-md);display:flex;align-items:flex-start;grid-gap:12px;gap:12px;-webkit-animation:slideDown .3s ease-out;animation:slideDown .3s ease-out}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.alert-success{background:rgba(0,200,83,.1);border-left:4px solid #00c853;color:#1a202c}.alert-danger{background:rgba(245,101,101,.1);border-left:4px solid #f56565;color:#1a202c}.alert-warning{background:rgba(255,152,0,.1);border-left:4px solid #ff9800;color:#1a202c}.alert-info{background:rgba(102,126,234,.1);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);color:#1a202c}.divider{border:none;height:1px;background:#e2e8f0;background:var(--border-color);margin:24px 0}.loading{opacity:.6;pointer-events:none}.spinner{display:inline-block;width:20px;height:20px;border:3px solid #e2e8f0;border-top-color:#667eea;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.modal-dialog{margin:20px}.modal-content{border-radius:16px;border-radius:var(--radius-lg)}.modal-body,.modal-footer,.modal-header{padding:20px}.modal-title{font-size:20px}.btn{width:100%}.modal-footer{flex-direction:column-reverse}.modal-icon-wrapper{width:64px;height:64px;font-size:32px}.modal-header-title{font-size:20px}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:12px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:12px}.p-3{padding:16px}.p-4{padding:24px}.gap-2{grid-gap:12px;gap:12px}.gap-3{grid-gap:16px;gap:16px}.gap-4{grid-gap:24px;gap:24px}@font-face{font-family:"mandegar";src:url(/static/media/mandegar.d15fd620.ttf) format("truetype");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:"mandegar";font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;font-feature-settings:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-down-open-big:before{content:"\e800";display:inline-block;color:var(--text-primary);-webkit-transition:var(--transition);transition:var(--transition)}.icon-plus:before{content:"\e801"}.icon-minus:before{content:"\e802"}.icon-exclamation:before{content:"\e803"}.icon-signal:before{content:"\e804"}.icon-sleep:before{content:"\e805"}.icon-snowflake-copy:before{content:"\e806"}.icon-snowflake:before{content:"\e807"}.icon-speaker:before{content:"\e808"}.icon-sun-1:before{content:"\e809"}.icon-thermometer:before{content:"\e80a"}.icon-umbrella:before{content:"\e80b"}.icon-washing-machine:before{content:"\e80c"}.icon-water-drop:before{content:"\e80d"}.icon-wifi:before{content:"\e80e"}.icon-wind:before{content:"\e80f"}.icon-windsock:before{content:"\e810"}.icon-thunder:before{content:"\e811"}.icon-timer:before{content:"\e812"}.icon-tornado:before{content:"\e813"}.icon-tv:before{content:"\e814"}.icon-cable:before{content:"\e815"}.icon-car:before{content:"\e816"}.icon-chair---alt:before{content:"\e817"}.icon-chair:before{content:"\e818"}.icon-cloud:before{content:"\e819"}.icon-cloudy:before{content:"\e81a"}.icon-combined-shape:before{content:"\e81b"}.icon-download---alt:before{content:"\e81c"}.icon-gamepad:before{content:"\e81d"}.icon-headphones:before{content:"\e81e"}.icon-lamp:before{content:"\e81f"}.icon-lightbulb:before{content:"\e820"}.icon-microwave-oven:before{content:"\e821"}.icon-moon:before{content:"\e822"}.icon-more---alt:before{content:"\e823"}.icon-partly-cloudy:before{content:"\e824"}.icon-kettle---alt:before{content:"\e825"}.icon-arrow---left:before{content:"\e826"}.icon-bathtub:before{content:"\e827"}.icon-router:before{content:"\e828"}.icon-security-camera:before{content:"\e829"}.icon-settings:before{content:"\e82a"}.icon-share---1:before{content:"\e82b"}.icon-shower:before{content:"\e82c"}.icon-signal---alt:before{content:"\e82d"}.icon-shape:before{content:"\e82e"}.icon-group:before{content:"\e82f"}.icon-icon-1:before{content:"\e830"}.icon-security:before{content:"\e831"}.icon-shape-1:before{content:"\e832"}.icon-icon:before{content:"\e833"}.icon-lump:before{content:"\e834"}.icon-off:before{content:"\e835"}.icon-plug:before{content:"\e836"}.icon-rain:before{content:"\e837"}.icon-seti:before{content:"\e838"}.icon-bed-1:before{content:"\e839"}.icon-power:before{content:"\e83a"}.icon-rain-1:before{content:"\e83b"}.icon-water_drop:before{content:"\e83c"}.icon-air:before{content:"\e83d"}.icon-airrr:before{content:"\e83e"}.icon-clock:before{content:"\e83f"}.icon-cold:before{content:"\e840"}.icon-com:before{content:"\e841"}.icon-combined-shape-1:before{content:"\e842"}.icon-device:before{content:"\e843"}.icon-group-1:before{content:"\e844"}.icon-house:before{content:"\e845";display:inline-block;color:var(--text-primary);-webkit-transition:var(--transition);transition:var(--transition)}.icon-out:before{content:"\e846"}.icon-slepp:before{content:"\e847"}.icon-sun:before{content:"\e848"}.icon-tb:before{content:"\e849"}.icon-bed:before{content:"\e84a"}.icon-in:before{content:"\e84b"}.icon-muic:before{content:"\e84c"}.icon-refrigerator:before{content:"\e84d"}.icon-sunn:before{content:"\e84e"}.icon-tvv:before{content:"\e84f"}.icon-video:before{content:"\e850"}.icon-camera:before{content:"\e851"}.icon-videocam:before{content:"\e852"}.icon-down:before{content:"\e853"}.icon-left-1:before{content:"\e854"}.icon-right:before{content:"\e855"}.icon-left:before{content:"\e856"}.icon-right-1:before{content:"\e857"}.icon-up:before{content:"\e858"}.icon-ok:before{content:"\e859"}.icon-cancel:before{content:"\e85a"}.icon-play:before{content:"\e85b"}.icon-pause:before{content:"\e85c"}.icon-stop:before{content:"\e85d"}.icon-shuffle:before{content:"\e85e"}.icon-volume-off:before{content:"\e85f"}.icon-cw-1:before{content:"\e860"}.icon-volume-up:before{content:"\e861"}.icon-key:before{content:"\e862"}.icon-trash-empty:before{content:"\e863"}.icon-pencil:before{content:"\e864"}.icon-ellipsis-vert:before{content:"\f142"}
/*# sourceMappingURL=main.9c3b7e3f.chunk.css.map */