@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification-wrapper{position:relative}.notification-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins,sans-serif;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;transition:opacity .3s ease;width:100%}.notification-container.dimmed{opacity:.5}.overlay-notification{background:#00000080;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:2}.top-headers-notification{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:auto;left:0;padding:0 0 16px;top:0;width:100%}.top-navigations-notification{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:center;padding:16px;position:relative;width:100%}.nav-icon-rightnotif{cursor:pointer;height:24px;position:absolute;right:50px;width:24px}.tab-menu{height:45px;justify-content:center;margin-top:0;padding:10px 0;width:100%}.tab{border-bottom:2px solid #0000;color:#757f90;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:400;padding:10px 20px}.tab.active{border-bottom:2px solid #001a41;color:#001a41}.dropdown-menu{background-color:initial;display:flex;gap:10px;height:auto;justify-content:center;margin-bottom:16px;padding:0}.dropdown{display:inline-block;margin-top:-20px;position:relative}.dropdown-btn{align-items:center;align-self:stretch;background:#fff;border:1px solid #dae0e9;border-radius:12px;box-sizing:border-box;color:#181c21;display:flex;flex:none;flex-direction:row;flex-grow:0;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;gap:12px;height:44px;line-height:18px;order:1;padding:13px 16px;width:101px}.dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:160px;overflow:hidden;position:absolute;z-index:1}.dropdown-content a{color:#000;display:block;font-family:Poppins,sans-serif;font-size:14px;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#e0e0e0}.dropdown:hover .dropdown-content{display:block}.notification-content-container{margin-top:0;padding:16px}.informasi-container{align-items:flex-start;display:flex;flex-direction:column;height:auto;left:0;padding:0;position:absolute;top:144px;width:auto}.alarm-item{align-items:center;background:#fff;border-radius:12px;cursor:pointer;flex-direction:row;padding:8px;width:100%}.alarm-item,.informasi-item{display:flex;margin-bottom:16px}.informasi-item{align-items:flex-start;flex:none;flex-direction:column;flex-grow:0;gap:16px;height:auto;justify-content:center;order:1;padding:16px 16px 0;width:360px}.informasi-image{border-radius:8px;flex:none;flex-grow:0;height:128px;order:0;width:328px}.informasi-details{align-items:flex-start;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:2px;height:92px;justify-content:center;order:1;padding:0;width:328px}.alarm-details{display:flex;flex:1 1;flex-direction:row;justify-content:space-between}.alarm-details-text{display:flex;flex-direction:column}.alarm-title{color:#001a41;font-size:14px;font-weight:600;line-height:22px}.informasi-title{align-self:stretch;color:#001a41;flex:none;flex-grow:0;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:24px;order:0}.alarm-details-time,.alarm-subtitle,.informasi-subtitle{color:#757f90;font-size:12px;font-weight:400;line-height:18px}.notif-image{border-radius:4px;height:auto;margin-left:8px;width:100px}.alarm-details-container{display:flex;flex-direction:column;gap:0;margin-right:16px;top:100px}.notification-details-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins,sans-serif;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative;width:100%}.notification-detail-container.dimmed{opacity:.5}.overlay-notification-detail{background:#00000080;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:2}.notification-detail-decor{background:linear-gradient(75.07deg,#001a41 17.5%,#0e336c 105.9%);border-radius:0 0 0 48px;height:281px;left:0;position:absolute;top:0;width:360px}.notification-details-header{align-items:flex-start;color:#fff;display:flex;flex-direction:column;gap:2px;height:76px;left:16px;padding:0;position:absolute;top:72px;width:195px}.notification-detail-header{font-size:20px;font-weight:600;line-height:28px}.notification-details-navigation{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:16px;height:56px;order:1;padding:16px;width:100%}.nav-icon-notifd-all{color:#fff;cursor:pointer;height:24px;left:16px;position:absolute;width:24px}.notification-detail-sub-header{font-size:14px;font-weight:400;line-height:22px}.notification-detail-image{border-radius:12px;height:202px;left:calc(50% - 164px);position:absolute;top:164px;width:328px}.notification-detail-button{align-items:flex-start;background:#ffffff80;border:1px solid #fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:70px;justify-content:center;left:calc(50% - 164px);padding:16px;position:absolute;top:390px;width:328px}.notification-detail-button-container{display:flex;height:38px;justify-content:space-around;width:100%}.notification-detail-button-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:4px}.notification-detail-button-item .icon{color:#333;font-size:24px}.notification-detail-button-item span{color:#333;font-size:12px}.bottom-sheet-notification-details,.share-bottom-sheet{align-items:center;background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -2px 4px #9e9e9e29;box-sizing:border-box;display:flex;flex:none;flex-direction:column;flex-grow:0;height:auto;left:0;order:0;padding:8px 16px 16px;position:fixed;width:100%;z-index:3}.bottom-sheet-notification-details-handle,.share-bottom-sheet-handle{background:#d3d3d3;border-radius:2px;height:4px;margin:0 auto 16px;width:40px;z-index:5}.warning-icon{flex:none;flex-grow:0;height:128px;margin-bottom:24px;order:1;width:128px}.warning-text-container{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:2px;height:44px;justify-content:center;order:2;padding:0;width:auto}.warning-text-title{color:#181c21;font-size:16px;font-weight:600;line-height:24px;order:0}.warning-text-subtitle,.warning-text-title{align-self:stretch;flex:none;flex-grow:0;font-family:Poppins;font-style:normal;text-align:center}.warning-text-subtitle{color:#757f90;font-size:12px;font-weight:400;line-height:18px;order:1}.notification-delete-button-container{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;height:auto;order:3;padding:0;width:100%}.confirm-delete-button{background-color:#ff4d4d;border:none;border-radius:25px;color:#fff}.cancel-button,.confirm-delete-button{cursor:pointer;font-size:16px;font-weight:700;padding:12px;width:100%}.cancel-button{background-color:#fff;border:1px solid #ff4d4d;border-radius:25px;color:#ff4d4d}.cancel-button:hover,.confirm-delete-button:hover{opacity:.8}.save-success-popup{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#fff;border-radius:100px;box-shadow:0 10px 34px #0000001a;box-sizing:border-box;color:#000;display:flex;font-size:12px;gap:8px;height:48px;left:50%;padding:12px 16px;position:absolute;top:16px;transform:translateX(-50%);transition:opacity .5s ease;width:328px;z-index:4}.save-success-popup-icon{align-items:center;display:flex;font-size:18px;justify-content:center}.save-success-popup-text{color:#333;flex-grow:1;font-size:14px;text-align:center}.share-sheet-header{font-size:16px;font-weight:500;margin-bottom:16px}.share-image-preview{border-radius:8px;height:auto;margin-bottom:16px;width:100%}.share-options{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-around}.share-option{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:14px;width:80px}.combined-component{background-color:#719ad9;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative;width:100%}.combined-component.dimmed{opacity:.5}.body-com{height:100%;left:0;position:absolute;top:90px;width:100%}.details-link{color:#ed0226;cursor:pointer;font-size:14px}.overlay{height:100%;position:relative;width:100%}.floatingbox{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 4px 1px #9d9cb633;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:134px;left:calc(50% - 164.5px);padding:16px;position:absolute;top:0;width:328px;z-index:2}.floatingbox-top{align-items:center;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:8px;height:38px;justify-content:space-between;order:0;padding:0;width:100%}.rumah-select{cursor:pointer;font-weight:400;margin-bottom:20px;padding-left:3px;text-align:left}.location-select{align-items:center;background-color:initial;cursor:pointer;display:flex;gap:8px;margin-top:20px;padding:0}.box-title{color:#757f90;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:18px}.box-title,.top-button-icon{flex:none;flex-grow:0;order:0}.top-button-icon{height:24spx;width:24px}.location-dropdown{top:60px;width:auto}.location-dropdown.active{display:block}.location-item:hover{background-color:#f0f0f0}.floatingbox-bottom{align-items:center;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex:none;flex-grow:0;gap:12px;height:40px;justify-content:space-between;order:2;padding:0;width:296px}.header-tabs{background:#dae0e9;height:775px;top:50px;z-index:0}.background-box,.header-tabs{border-radius:16px;box-sizing:border-box;left:0;position:absolute;width:100%}.background-box{background:#eff1f4b2;display:flex;flex-direction:column;height:150px;justify-content:flex-end;top:0;z-index:1}.navigation-tab{gap:24px;justify-content:space-around;margin-bottom:16px;overflow-x:auto;padding:0 16px;width:100%;z-index:3}.label-tab,.navigation-tab{align-items:center;display:flex;flex-direction:row;height:33px}.label-tab{color:#9e9e9e;cursor:pointer;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;justify-content:center;line-height:20px;padding:0;width:auto}.label-tab.active{color:#000}.label-tab:not(.active){color:#9e9e9e}.device-card-collection-vertical{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:auto;left:16px;overflow-y:auto;padding:0;position:absolute;width:100%}.device-card{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:164px;justify-content:center;max-width:328px;overflow:hidden;position:relative;width:100%}.device-card-collection-horizontal{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;height:auto;overflow-y:auto;padding:0;width:100%}.device-card-horizontal{align-items:center;box-sizing:border-box;display:flex;height:164px;justify-content:center;max-width:none;overflow:hidden;position:relative;width:calc(50% - 8px)}.device-card-horizontal img{border-radius:8px;height:100%;object-fit:cover;width:100%}.device-card-title{bottom:36px;font-size:14px;font-weight:600}.device-card-sub{bottom:12px;font-size:12px;font-weight:400}.device-card-sub,.device-card-title{color:#fff;left:12px;position:absolute;z-index:2}.device-card img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.toggle-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;font-size:14px;margin:16px;padding:8px 16px}.toggle-button:hover{background-color:#0056b3}.no-device-section{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:auto;justify-content:center;left:0;padding:20px;position:absolute;text-align:center;top:200px;width:100%}.no-device-icon{height:50px;width:50px}.no-device-frame{align-items:flex-start;align-self:stretch;flex-direction:column;height:78px;order:1;padding:0;width:328px}.no-device-frame,.no-device-message{display:flex;flex:none;flex-grow:0;width:auto}.no-device-message{font-feature-settings:"liga" off;align-items:center;color:#001a41;font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;height:56px;line-height:28px;order:0;text-align:center}.no-device-submessage{color:#6c757d;color:#576775;font-family:Telkomsel Batik Sans;font-size:14px;line-height:22px}.add-device-button,.no-device-submessage{font-family:Poppins;font-style:normal;font-weight:400;height:auto;width:auto}.add-device-button{align-items:center;background:#ed0226;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;flex:none;flex-direction:row;flex-grow:0;font-size:16px;gap:4px;height:48px;justify-content:center;line-height:24px;order:0;padding:12px 24px;text-align:center}.add-device-button:hover{background-color:#c00}.whole-header{height:369px;width:100%}.header,.whole-header{background-position:50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0}.header{height:100%;opacity:.85}.text{font-size:14px;font-weight:400;height:22px;line-height:22px;top:16px}.text,.text2{color:#fff;font-family:Poppins;font-style:normal;left:16px;position:absolute;width:auto}.text2{font-size:20px;font-weight:600;height:28px;line-height:28px;top:38px}.question-icon{height:24px;left:280px;top:28px;width:24px}.notification-icon,.question-icon{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;position:absolute}.notification-icon{height:28px;left:320px;top:24px;width:28px}.button-container-home{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px;width:100%}.dual-button-home{background-color:initial;border:none;border-radius:20px;display:flex;outline:none;overflow:hidden;padding:0}.icon-container-home{align-items:center;background-color:#fff;border:1px solid #dae0e9;display:flex;height:24px;justify-content:center;transition:background-color .3s ease,color .3s ease;width:40px}.icon-toggle-home{color:#072a5a;font-size:16px}.icon-container-home.active{background-color:#072a5a}.icon-container-home.active .icon-toggle-home{color:#fff}.icon-container-home:not(.active) .icon-toggle-home{color:#072a5a}.content-container{background-color:initial;border-radius:8px;box-sizing:border-box;margin-top:150px;padding:0 16px}.content-container,.image-container{height:100%;position:relative;width:100%}.image-container img{border-radius:8px;height:100%;object-fit:cover;width:100%}.gradient-overlay{background:linear-gradient(0deg,#000000b3,#0000);border-radius:8px;bottom:0;height:50%;left:0;position:absolute;width:100%;z-index:1}.bottom-sheet-location-home{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:3}.bottom-sheet-location-home-handle{background:#d3d3d3;border-radius:2px;height:4px;margin:0 auto 16px;width:40px}.sheet-home-header{margin-bottom:16px;padding:16px 0;text-align:left;width:100%}.location-title-home{color:#000;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.location-item-home{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;margin-top:8px;padding:12px}.location-info-home{display:flex;flex-direction:column}.location-name-home{color:#000;font-size:14px;font-weight:700}.location-details-home{color:#666;display:flex;font-size:12px;gap:16px;margin-top:4px}.devices-info-home,.members-info-home{align-items:center;display:flex}.location-icon-home{margin-right:4px}.location-selected-icon-home{color:#34c759}.simpan-location-button-home{align-items:center;background:#ed0226;border:none;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-weight:700;justify-content:center;margin-top:16px;padding:12px 24px;width:100%}.simpan-location-button-home:disabled{background-color:grey;cursor:not-allowed}.navbar{align-items:flex-end;background-color:none;height:115px;justify-content:center;left:0;position:absolute}.navbar-tab{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:row;height:75px;justify-content:space-between;padding:0 16px;position:relative;width:100%}.nav-group{display:flex;gap:0}.nav-item{align-items:center;display:flex;flex-direction:column;gap:4px;height:75px;justify-content:center;padding:0;width:67px}.nav-item-text{color:#181c21;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:18px;text-align:center}.nav-group+.nav-group{margin-left:59px}.nav-item:hover{background-color:#dae0e9;border-radius:8px}.float-btn{align-items:center;background:#ff0025;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:64px;justify-content:center;left:calc(50% - 32px);line-height:24px;position:absolute;top:-32px;transition:background-color .3s ease;width:64px}.float-btn:hover{background-color:#d9001e}.container{background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;height:800px;text-align:center;width:360px}.container,.radar-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.radar,.radar-page{position:relative}.radar{background-color:#ffffffb3;border-radius:50%;height:200px;overflow:hidden;width:200px}.radar-circle{background-color:#f003;height:160px;left:20px;top:20px;width:160px}.radar-circle,.radar-pointer{border-radius:50%;position:absolute}.radar-pointer{animation:spin-pointer 3s linear infinite;background-color:#ffffffb3;height:50%;left:25%;top:25%;width:50%}@keyframes spin-pointer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.disabled-button{color:#a9a9a9}.loading-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-circle{animation:spin 1s linear infinite;border:5px solid #ff3d3d;border-radius:50%;border-top-color:#0000;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.device-detail-page{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.wifi-select{font-family:Poppins,sans-serif;padding:10px;width:40vh}.password-container,.wifi-select{background-color:#fff;border:1px solid #dae0e9;border-radius:8px;box-sizing:border-box;font-size:16px;height:50px;margin:10px 0}.password-container{font-family:Poppins,"sans-serif";padding:8.5px;width:38.8vh}.success-page{background:linear-gradient(180deg,#fff0 45%,#eff1f4 50%),url(/static/media/merahputih.112deae0c1cfab4c8766.png) no-repeat top;background-size:cover;box-sizing:border-box;height:100vh}.success-page h2{color:#181c21;font-family:Poppins,sans-serif;font-size:20px;margin:10px 0}.success-page p{color:#757f90;font-family:Poppins,sans-serif;font-size:14px;margin:5px 0}.device-image2{height:269px;margin-bottom:10px;width:246px}.tambah-perangkat-frame{align-items:center;background:#fff;display:flex;flex-direction:column;gap:8px;height:112px;left:0;padding:0 0 16px;position:absolute;top:0;width:360px}.tambah-perangkat-header{align-items:center;box-sizing:border-box;color:#181c21;display:flex;flex:none;flex-direction:row;flex-grow:1;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;height:24px;justify-content:center;line-height:24px;order:1;padding:0;text-align:center;width:248px}.outer-circle,.radar-container{height:240px;position:relative;width:240px}.outer-circle{background-color:#faccd366;border-radius:50%}.middle-circle{background-color:#ff0025;height:200px;left:20px;top:20px;width:200px}.inner-circle,.middle-circle{border-radius:50%;position:absolute}.inner-circle{background-color:#c60c27;height:114px;left:43px;top:43px;width:114px}.center-number{top:35%}.radar-overlay{background-color:red;height:160px;left:20px;top:20px;width:160px}.radar-overlay,.radar-sweep{border-radius:50%;position:absolute}.radar-sweep{animation:radar-spin 2s linear infinite;background:conic-gradient(from 0deg,#fffc 0deg,#fff0 60deg);height:240px;left:-55%;top:-55%;width:240px}@keyframes radar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.center-number{color:#fff;font-size:48px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.radar-text{color:#fff;font-family:Poppins,sans-serif;font-size:18px;margin-top:20px}.wifi-page{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.wifi-options{display:flex;gap:20px}button{cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px}.enabled-button{background-color:#ff3d3d;border:none;color:#fff;cursor:pointer}.top-bar{align-items:center;display:flex;justify-content:center;left:0;padding:16px 0;position:relative;right:0;top:0;width:360px}.back-button{background:none;border:none;cursor:pointer;font-size:24px;left:0;position:absolute;top:10%;transform:translateY(-50%)}.top-bar-title{flex:1 1;font-family:Poppins;font-size:20px;font-weight:600;line-height:28px;text-align:center}.progress-circles{gap:20px;width:330px}.circle,.progress-circles{align-items:center;display:flex;justify-content:center}.circle{border:2px solid #bfc9d0;border-radius:50%;color:#bfc9d0;font-size:12px;height:24px;width:29px}.circle.active{border-color:#ff0025;color:#ff0025}.line{background-color:#b1b5c3}.line,.line-done{height:3px;width:108px}.line-done{background-color:#ff0025}.webcam-image{height:360px;width:360px}.instruction-box{align-items:center;background-color:#ffffff80;border-radius:16px;display:flex;flex-direction:column;height:230px;justify-content:center;margin:20px auto;padding:20px;width:298px}.instruction-text{align-items:left;font-size:20px;justify-content:left;line-height:28px;margin-bottom:100px}.checkbox-container,.checkbox-container2{align-items:center;display:flex}.checkbox-container2{font-size:14px;font-weight:400}.checkbox-container input{-webkit-appearance:none;appearance:none;border:1px solid #b1b5c3;border-radius:5px;cursor:pointer;height:24px;margin-right:10px;position:relative;width:24px}.checkbox-container input:checked:before{color:#fff;content:"✔";font-size:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-container input:checked{background-color:#001a41;border:none}.selanjutnya-button{background-color:#dae0e9;border:none;border-radius:100px;color:#9ca9b9;cursor:pointer;font-family:Poppins;font-size:16px;padding:10px;width:100%}.selanjutnya-button:disabled{cursor:not-allowed}.indicator-warning{color:#ff0025;font-weight:1000;margin-top:10px}.header{box-sizing:border-box;justify-content:space-between;padding:16px;width:100%}.header,.header-container{align-items:center;display:flex}.header-container{background:#fff;flex-direction:column;gap:8px;height:112px;justify-content:center;padding:0 0 16px;width:360px}.password-container input{border:1px solid #dae0e9;border-radius:8px;font-family:poppins}.wifi-setup-box{align-items:center;background-color:#ffffff80;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:20px;padding:20px;width:328px}.wifi-icon{height:120px;margin-bottom:20px;width:296px}.webcam-icon{height:128px;margin-bottom:20px;width:128px}.password-container{position:relative}.eye-button{background:#0000;border:none;cursor:pointer;position:absolute;right:10px;top:50%;transform:translate(30%,-100%)}.eye-button,.eye-button:focus{outline:none}.instruction-text{color:#001a41;font-family:Poppins;font-size:18px;font-weight:600;margin-bottom:10px}.sub-instruction-text{color:#6b7280;font-family:Poppins;font-size:14px;margin-bottom:20px}input,select{border:1px solid #b1b5c3;border-radius:5px;font-size:16px;margin:10px 0;padding:10px;width:100%}.progress-circles .check{background-color:#ff0025;border:2px solid #ff0025;color:#fff;font-size:16px}.progress-circles .line:first-child{background-color:#ff0025}.camera-setup-page{align-items:center;display:flex;flex-direction:column;justify-content:center;position:fixed;top:0}.wifi-setup-box{text-align:left}.wifi-select select{-webkit-appearance:none;appearance:none;width:calc(100% - 20px)}.password-container input,.wifi-select select{background:#0000;border:none;outline:none;padding:10px}.password-container input{transform:translate(-2%,-39%);width:calc(100% - 50px)}.success-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.device-image{height:150px;margin-bottom:20px;width:150px}.ke-beranda-button{background-color:#fff;border:none;border-radius:100px;color:#ff3d3d;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:900;padding:10px;width:100%}.ke-beranda-button:hover{background-color:#ff3d3d;color:#fff;font-family:Poppins,sans-serif}.selanjutnya-button.active{background-color:#ed0226;color:#fff;font-family:Poppins,sans-serif}.details-wrapper{position:relative}.details-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;transition:opacity .3s ease;width:100%}.details-container.dimmed{opacity:.5}.top-headers-details{align-items:flex-start;background:#ffffff80;border:1px solid #fff;box-sizing:border-box;display:flex;flex-direction:column;height:158px;left:0;padding:0 0 16px;top:0;width:100%}.top-navigations-details{align-items:center;display:flex;flex-direction:row;gap:16px;height:56px;justify-content:center;padding:16px;position:relative;width:100%}.dropdown-all{align-items:flex-start;display:flex;flex-direction:column;gap:8px;height:70px;padding-left:16px;width:auto}.dropdown-box{align-items:center;background:#fff;border:1px solid #dae0e9;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:44px;justify-content:space-between;padding:0 16px;width:183px}.dropdown-arrow{flex-shrink:0;height:16px;width:16px}.location-dropdown{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;left:16px;position:absolute;top:160px;width:183px;z-index:3}.location-item{cursor:pointer;padding:12px;width:100%}.device-list-detail{align-items:flex-start;background:#fff;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:16px;height:auto;left:16px;padding:16px;position:absolute;top:182px;width:calc(100% - 32px)}.device-category-detail{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:16px}.device-icon-detail{height:24px;width:24px}.device-item-detail{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eff1f4b3;border-radius:16px;box-sizing:border-box;color:#181c21;font-family:Poppins;font-style:normal;font-weight:400;gap:16px;height:50px;justify-content:space-between;line-height:22px;padding:0 16px;width:100%}.details,.device-item-detail{align-items:center;display:flex;font-size:14px}.details{background:none;border:none;color:red;cursor:pointer;font-weight:700;height:auto;justify-content:center;padding:0}.detail-info-detail{flex-direction:column;gap:8px;margin-top:16px;width:100%}.detail-info-detail,.detail-item-detail{display:flex;justify-content:space-between}.detail-item-detail{color:#333;font-size:14px;font-weight:400}.detail-value-detail{font-size:12px;font-weight:700}.detail-links-detail{align-items:center;align-self:center;background-color:initial;border:none;color:#ed0226;display:flex;font-family:Poppins;font-size:12px;font-weight:400;justify-content:center;line-height:normal}.detailtxt{color:"red";font-size:"12px";padding-right:"12px"}.add-device-detail{align-items:center;background:#ed0226;border:none;border-radius:40px;color:#fff;display:flex;flex-direction:row;font-family:Poppins,sans-serif;gap:4px;height:48px;justify-content:center;padding:12px 24px;width:100%}.add-device-detail:hover{background-color:darkred}.device-item-detail.selected{background:#d3d3d3}.bottom-sheet,.bottom-sheet-atur{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:3}.bottom-sheet-atur-handle,.bottom-sheet-handle,.bottom-sheet-name-handle{background:#d3d3d3;border-radius:2px;height:4px;margin:0 auto 16px;width:40px}.bottom-sheet-atur ul{list-style-type:none;padding:0}.bottom-sheet-atur ul li{border-bottom:1px solid #efefef;cursor:pointer;padding:12px 0}.bottom-sheet-atur ul li:last-child{border-bottom:none}.bottom-sheet-content{padding-top:16px;text-align:center}.bottom-sheet-name-content,.bottom-sheet-room-content{text-align:left}.camera-ubahname-img{background:linear-gradient(359.74deg,#f9fafb .22%,#fee6e6 99.78%);border-radius:8px;border-radius:0 24px;flex:none;flex-grow:0;height:100px;height:120px;margin-bottom:16px;order:0;width:100px;width:120px}h3{font-size:18px;font-weight:700;margin-bottom:4px}.configure-device-btn,.live-camera-btn{background-color:#ed0226;border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px;margin-top:16px;padding:12px;width:100%}.configure-device-btn{background-color:initial;border:1px solid #ed0226;color:#ed0226}.ubah-button-detail{background-color:#ed0226;border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:12px;text-align:center;width:100%}.ubah-button-detail:hover{background-color:darkred}.bottom-sheet-select-room{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:3}.room-list{list-style-type:none;margin:16px 0;padding:0}.room-item{border-bottom:1px solid #e0e0e0;box-sizing:border-box;justify-content:space-between;padding:12px 0}.room-item,.room-label{align-items:center;display:flex;width:100%}.room-label{color:#333;flex-grow:1;font-size:16px}.room-radio{justify-content:right;margin-right:0}.container-view{background-color:#f8f9fa;flex-direction:column;font-family:Poppins}.container-view,.full-screen{display:flex;height:100vh;overflow:hidden}.full-screen{background-color:#001a41;justify-content:center;margin:0;padding:0;position:relative;width:100%}.top-navigation{align-items:center;flex-direction:row;gap:16px;height:56px;padding:16px;position:relative}.right-icons{cursor:pointer;position:absolute;right:16px}.camera-image{height:100%;object-fit:cover;width:100%}.camera-name{align-items:center;display:flex;flex:none;flex-direction:row;height:auto;order:1;padding:0;width:auto}.camera-view{background-color:#001a41;flex-grow:0;height:256px;position:relative;width:100%}.live-indicator{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(76.13deg,#ed0226 23.56%,#fda22b 154.04%),#b90024;border-radius:5px;border-radius:12px;color:#fff;font-size:14px;gap:2px;padding:2px 8px;position:absolute;right:10px;top:58px}.bottom-left-icons{bottom:10px;left:10px;position:absolute}.bottom-right-icons{bottom:10px;position:absolute;right:10px}.control-icon{color:#fff;cursor:pointer;font-size:20px;margin-right:15px}.controls{-webkit-overflow-scrolling:touch;align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-around;overflow-x:auto;padding:16px 16px 0;scroll-snap-type:x mandatory}.control-button,.controls{background-color:initial;display:flex}.control-button{align-items:center;border:none;color:#fff;cursor:pointer;flex-direction:column;font-size:10px;margin-bottom:16px;margin-top:-4px;text-align:center;width:60px}.icon{height:24px;margin-bottom:2px;width:24px}.recordings-section{align-items:flex-start;background:#eff1f4;border-radius:32px 32px 0 0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-top:0;overflow-y:auto;padding:16px;width:100%}.recordings-header{align-items:center;display:flex;justify-content:space-between;width:100%}.left-icons,.right-icons{display:flex;gap:10px}.header-icon{cursor:pointer;font-size:20px}.button-container,.recordings-subheader{align-items:center;display:flex;justify-content:space-between;width:100%}.button-container{align-self:stretch;flex:none;flex-direction:row;flex-grow:0;gap:136px;order:0;padding:0}.dual-button{background-color:initial;border:none;border-radius:20px;display:flex;outline:none;overflow:hidden;padding:0}.icon-container{align-items:center;background-color:#fff;border:1px solid #dae0e9;display:flex;height:24px;justify-content:center;transition:background-color .3s ease,color .3s ease;width:40px}.icon-toggle{color:#072a5a;font-size:16px}.icon-container.active{background-color:#072a5a}.icon-container.active .icon-toggle{color:#fff}.icon-container:not(.active) .icon-toggle{color:#072a5a}.timeline{display:flex;flex-direction:column;padding-left:5px;width:100%}.timeline-item{align-items:center;display:flex;margin-bottom:15px}.time{color:#001a41;font-size:14px;text-align:center;width:50px}.colored-pole{background-color:#001a41;height:50px;margin-left:5px;width:3px}.recording-thumbnail{height:50px;margin-left:10px;object-fit:cover;width:80px}.close-button{background-color:initial;border:none;cursor:pointer;font-size:20px}.month-dropdown,.year-dropdown{border:1px solid #dae0e9;border-radius:8px;padding:5px;width:48%}.calendar-day{align-items:center;background-color:#f0f0f0;background-color:initial;border:none;border-radius:50%;color:#001a41;cursor:pointer;display:flex;font-size:14px;font-size:16px;justify-content:center;padding:10px;text-align:center}.calendar-day:hover{background-color:#e0e0e0}.select-button{background-color:red;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;margin-top:15px;padding:10px 80px}.top-navigation{background-color:initial;color:#fff;display:flex;justify-content:space-between;left:0;padding:10px;position:absolute;top:0;width:100%;z-index:2}.camera-name{flex-grow:1;font-size:18px}.nav-icon{font-size:24px}.calendar-popup{align-items:center;background-color:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:auto;left:0;padding:15px;position:fixed;width:100%;z-index:3}.calendar-header{color:#001a41;display:flex;font-size:18px;justify-content:space-between;width:100%}.calendar-body{align-items:center;display:flex;flex-direction:column;margin-top:10px;width:100%}.calendar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);justify-content:center;width:100%}.weekday-name{color:#072a5a;font-size:14px}.month-year-container{display:flex;justify-content:space-between;margin-bottom:15px;width:85%}.week-names{color:#001a41;display:grid;font-weight:700;grid-template-columns:repeat(7,1fr);justify-items:center;margin-bottom:8px;width:100%}.week-names span{flex:1 1;font-weight:700;text-align:center}.highlight-day{background-color:pink;border:1px solid red;border-radius:5px;color:red}.lighter-day{color:#ccc}.hari-ini-button{background-color:#fff;border:1px solid #ccc;border-radius:8px;cursor:pointer;font-size:14px;margin-left:auto;padding:10px 15px}.snapshot-notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#4caf50;background:#fff;border-radius:100px;box-shadow:0 10px 34px #0000001a;box-sizing:border-box;color:#000;display:flex;flex:none;flex-direction:row;flex-grow:1;font-size:12px;gap:8px;height:48px;left:50%;order:0;padding:12px 16px;position:absolute;top:16px;transform:translateX(-50%);transition:opacity .5s ease;width:328px;z-index:3}.snapshot-notification-text{color:#333;flex-grow:1;font-size:14px;text-align:center}.snapshot-notification-icon{font-size:18px}.recording-popup,.snapshot-notification-icon{align-items:center;display:flex;justify-content:center}.recording-popup{background-color:#ff3b30;border-radius:50px;color:#fff;font-weight:700;left:calc(50% - 39.5px);padding:5px 15px;position:absolute;top:58px;z-index:3}.recording-icon{font-size:18px;margin-right:8px}.recording-time{font-size:16px}.share-popup{background-color:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 4px 6px #0000001a;height:276px;left:0;padding:15px;position:fixed;z-index:3}.ptz-section,.share-popup{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.ptz-section{background-color:#eff1f4;border-radius:32px 32px 0 0;height:100%;padding:20px}.ptz-header{justify-content:space-between;padding:0 20px}.ptz-header,.ptz-tabs{display:flex;width:100%}.ptz-tabs{justify-content:space-around}.ptz-tab{cursor:pointer;flex:1 1;font-weight:700;padding:10px;text-align:center}.ptz-tab.active{border-bottom:2px solid #001a41;color:#001a41}.ptz-tab.inactive{color:#7a7a7a}.ptz-controls{background-color:#fff;box-shadow:0 4px 6px #0000001a;height:200px;margin-top:80px;position:relative;width:200px}.ptz-arrow,.ptz-controls{align-items:center;border-radius:50%;display:flex;justify-content:center}.ptz-arrow{color:#001a41;cursor:pointer;height:40px;position:absolute;width:40px}.ptz-arrow.up{top:10px}.ptz-arrow.down,.ptz-arrow.up{left:50%;transform:translateX(-50%)}.ptz-arrow.down{bottom:10px}.ptz-arrow.left{left:10px}.ptz-arrow.left,.ptz-arrow.right{top:50%;transform:translateY(-50%)}.ptz-arrow.right{right:10px}.ptz-center{align-items:center;background-color:#072a5a;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.preferensi-content{display:flex;flex-direction:column;margin-top:20px;padding:0;width:100%}.preferensi-item{align-items:center;background-color:initial;display:flex;margin-bottom:32px}.preferensi-icon{color:#001a41;font-size:24px;margin-right:10px}.preferensi-text{flex:1 1}.preferensi-title{color:#001a41;font-weight:700}.preferensi-description{color:#7a7a7a;font-size:12px}.preferensi-arrow{flex:none;flex-grow:0;height:24px;order:4;width:24px}.add-position-content,.deteksi-gerakan-content,.posisi-content,.sensitifitas-content{display:flex;flex-direction:column;margin-top:20px;width:100%}.deteksi-gerakan-header{align-items:center;color:#001a41;display:flex;font-weight:700;padding:10px}.position-list{display:flex;gap:16px;height:80px;left:16px;padding:0;top:80px;width:328px}.position-item{background:#f9fafb;border-radius:4px;box-sizing:border-box;flex:none;flex-grow:0;height:80px;order:0;width:156px}.position-item-label{align-items:center;background:#eeeff2cc;border-radius:4px;color:#333;display:flex;font-weight:700;justify-content:center;left:8px;padding:2px 8px;position:absolute;top:8px;z-index:1}.tambah-posisi-btn{background-color:red;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px}.camera-move-controls{align-items:center;display:flex;flex-direction:column}.camera-image-detect{background-color:#000;height:200px;margin:20px 0;width:100%}.arrow-controls-detect{height:150px;position:relative;width:150px}.ptz-arrow-detect{align-items:center;background-color:red;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;width:40px}.ptz-arrowd.up{top:0}.ptz-arrowd.down,.ptz-arrowd.up{left:50%;transform:translateX(-50%)}.ptz-arrowd.down{bottom:0}.ptz-arrowd.left{left:0;top:50%;transform:translateY(-50%)}.ptz-arrowd.right{right:0;top:50%;transform:translateY(-50%)}.position-input{border:1px solid #ccc;border-radius:8px;margin-bottom:20px;padding:10px;width:100%}.simpan-btn{background-color:red;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px}.simpan-btn.inactive{background-color:#aaa;cursor:not-allowed}.deteksi-gerakan-content,.kelilingi-area-content,.sensitifitas-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:0;margin-top:20px;max-height:100%;width:100%}.deteksi-gerakan-header,.kelilingi-area-header{align-items:center;color:#001a41;display:flex;font-weight:700;padding:10px}.deteksi-gerakan-item,.sensitifitas-item{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.nav-icon{cursor:pointer;font-size:18px;margin-right:10px}.toggle-icon{color:red;font-size:24px}.sensitifitas-icon{color:red;font-size:18px}.nav-icon-keliling{cursor:pointer;font-size:20px;margin-right:8px}.info-box{background-color:#f0f4ff;border-radius:8px;margin-bottom:16px;padding:10px}.info-icon{color:#007bff;margin-right:8px}.position-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.position-card{background-color:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .3s}.position-card.selected{border-color:#007bff}.position-image{height:100px;object-fit:cover;width:100%}.position-overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;font-weight:700;justify-content:center;left:0;padding:5px;position:absolute;top:0;width:100%}.checkbox{position:absolute;right:8px;top:8px}.terapkan-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px;text-align:center}.terapkan-btn.inactive{background-color:#b0c4de;cursor:not-allowed}.talk-section{flex-direction:column;padding:16px}.talk-header,.talk-section{align-items:center;display:flex;width:100%}.talk-header{color:#001a41;font-weight:700;padding:10px}.microphone-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin-top:20px}.microphone-button{align-items:center;background-color:#fff;border:4px solid red;border-radius:50%;color:red;display:flex;font-size:48px;height:100px;justify-content:center;transition:background-color .3s ease;width:100px}.microphone-button.speaking{background-color:red;border:none;color:#fff}.microphone-container p{color:#001a41;font-size:14px;margin-top:12px}.cloud-container{align-items:flex-start;background:#eff1f4;border-radius:32px 32px 0 0;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-top:0;overflow-x:hidden;overflow-y:auto;padding:16px;width:100%}.cloud-container-content{flex-direction:column;gap:8px;order:2;padding:0}.cloud-container-content,.cloud-image-container{align-items:center;display:flex;flex:none;flex-grow:0}.cloud-image-container{justify-content:center;order:0}.cloud-image-container img{align-items:center;display:flex;height:128px;justify-content:center;position:relative;width:128px}.cloud-container-text{align-items:flex-start;display:flex;flex:none;flex-direction:column;flex-grow:0;order:1;padding:0}.cloud-container-title{color:#001a41;font-size:16px;font-weight:600;line-height:24px;order:0}.cloud-container-subtitle,.cloud-container-title{align-items:center;display:flex;flex:none;flex-grow:0;font-family:Poppins;font-style:normal;text-align:center}.cloud-container-subtitle{color:#576775;font-size:14px;font-weight:400;line-height:22px;order:1}.container-setting{background-color:#fff;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.top-header-setting{align-items:flex-start;background-color:initial;border:none;flex-direction:column;left:0;padding:0;top:0}.top-header-setting,.top-navigation-setting{display:flex;gap:16px;height:auto;width:100%}.top-navigation-setting{align-items:center;flex-direction:row;justify-content:center;padding:16px;position:relative}.navigation-title-setting{color:#181c21;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.page-title-setting{color:#001a41;font-size:16px;font-weight:500}.settings-item{cursor:pointer;padding:16px}.settings-icon{color:#001a41;margin-right:16px}.container-basicsetting{background-color:#fff;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.top-header-basicsetting{align-items:flex-start;background-color:initial;border:none;display:flex;flex-direction:column;gap:16px;height:auto;left:0;padding:0;top:0;width:100%}.top-navigation-basicsetting{align-items:center;display:flex;flex-direction:row;gap:16px;height:auto;justify-content:center;padding:16px;position:relative;width:100%}.navigation-title-basicsetting{color:#181c21;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.settings-list{background-color:initial;height:auto;margin-top:16px;width:100%}.settings-item{align-items:center;border-bottom:1px solid #e0e0e0;box-sizing:border-box;color:inherit;display:flex;height:48px;padding:8px 16px;text-decoration:none}.settings-text{color:#001a41;flex-grow:1;font-size:14px}.settings-value{color:#7d7d7d;font-size:14px;margin-right:8px}.settings-arrow{color:#001a41}.toggle-button{align-items:center;background-color:#ccc;border-radius:10px;cursor:pointer;display:flex;height:20px;justify-content:flex-start;padding:2px;position:relative;transition:background-color .3s;width:40px}.toggle-button.active{background-color:#ff3b30;justify-content:flex-end}.toggle-circle{background-color:#fff;border-radius:50%;height:16px;transition:transform .3s;width:16px}body{font-family:Poppins,sans-serif}.container-storagesetting{background-color:#fff;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.top-header-storagesetting{align-items:flex-start;background-color:initial;border:none;display:flex;flex-direction:column;gap:16px;height:auto;left:0;padding:0;top:0;width:100%}.top-navigation-storagesetting{align-items:center;display:flex;flex-direction:row;gap:16px;height:auto;justify-content:center;padding:16px;position:relative;width:100%}.navigation-title-storagesetting{color:#181c21;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:24px;text-align:center}.tab-menu{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-around;margin-top:16px}.tab-item{border-bottom:2px solid #0000;color:#7d7d7d;cursor:pointer;flex-grow:1;padding:16px;text-align:center;transition:color .3s,border-bottom .3s}.tab-item.active{border-bottom:2px solid #001a41;color:#001a41}.tab-content{padding:16px}.recording-mode{margin-bottom:16px}.recording-mode span{color:#001a41;display:block;font-size:14px;margin-bottom:8px}.recording-option{align-items:center;display:flex;margin-bottom:8px}.recording-option input{margin-right:8px}.storage-details{background-color:#f9f9f9;border-radius:8px;margin-top:16px;padding:16px}.storage-details span{display:block;font-size:14px;margin-bottom:8px}.storage-bar{align-items:center;display:flex;margin-bottom:16px}.storage-bar .used{background-color:#ff3b30;border-radius:4px 0 0 4px;height:8px;width:30%}.storage-bar .free{background-color:#34c759;border-radius:0 4px 4px 0;height:8px;width:70%}.storage-details div{display:flex;justify-content:space-between;margin-bottom:8px}.format-button{background-color:#ff3b30;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;margin-top:16px;padding:16px;text-align:center;transition:background-color .3s;width:100%}.format-button:hover{background-color:#d32f2f}.roommanagement1-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-y:auto;padding:0;position:relative;width:100%}.simpan-location-button:hover{background-color:darkred}.user-detail-container-memdetail{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative;width:100%}.user-detail-header-memdetail{align-items:center;display:flex;flex-direction:row;gap:16px;height:56px;justify-content:center;padding:16px;position:relative;width:100%}.back-icon-memdetail{left:16px}.back-icon-memdetail,.trash-icon-memdetail{cursor:pointer;height:24px;position:absolute;width:24px}.trash-icon-memdetail{right:48px}.header-title-memdetail{color:#181c21;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;height:24px;line-height:24px;text-align:center;width:178px}.profile-section-memdetail{align-items:center;background:#ffffff80;border:1px solid #fff;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:146px;left:calc(50% - 164px);padding:16px;position:absolute;top:72px;width:328px}.profile-picture-memdetail{border-radius:96px;flex:none;flex-grow:0;height:64px;order:0;width:64px}.profile-name-status{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:4px;order:1;padding:0}.profile-name-memdetail{align-self:stretch;color:#181c21;font-size:16px;line-height:20px}.profile-name-memdetail,.profile-status-memdetail{flex:none;flex-grow:0;font-family:Poppins;font-style:normal;font-weight:400;order:0;text-align:center}.profile-status-memdetail{color:#757f90;font-size:12px;line-height:18px}.profile-status-memdetail span{color:#181c21;font-weight:400}.devices-list-memdetail{align-items:flex-start;background:#ffffff80;border:1px solid #fff;flex-direction:column;height:auto;left:calc(50% - 164px);padding:16px;position:absolute;top:242px;width:328px}.device-item-memdetail,.devices-list-memdetail{border-radius:16px;box-sizing:border-box;display:flex;gap:16px}.device-item-memdetail{align-items:center;align-self:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;flex:none;flex-grow:0;height:66px;justify-content:space-between;order:2;padding:12px 16px;width:296px}.device-item-memdetail:last-child{border-bottom:none}.device-info-memdetail{display:flex;flex-direction:column}.device-name-memdetail{font-size:14px;font-weight:700}.device-status-memdetail{color:orange;font-size:12px}.device-status-memdetail.blue{color:#1e90ff}.edit-option-memdetail{align-items:center;color:tomato;cursor:pointer;display:flex;font-size:14px}.arrow-icon-memdetail{margin-left:4px}.add-device-memdetail{box-sizing:border-box;color:tomato;cursor:pointer;font-size:14px;margin-top:16px;text-align:center}.add-member-user-memdetail{align-items:flex-start;align-self:stretch;background-color:initial;border:none;color:red;display:flex;flex:none;flex-direction:row;flex-grow:0;font-family:Poppins;margin-top:-10px;order:5;padding:0}.bottom-sheet-memdetail{background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:100}.device-item-expanded-memdetail{border-bottom:1px solid #d3d3d3;margin-bottom:16px;padding-bottom:12px}.access-rights-memdetail{margin-top:8px;padding-left:24px}.access-rights-memdetail div{margin-top:8px}.access-rights-memdetail label{font-family:Poppins,sans-serif;font-size:14px;margin-left:8px}.next-button-memdetail{background-color:#ed0226;border:none;border-radius:40px;color:#fff;cursor:pointer;display:block;font-family:Poppins,sans-serif;font-size:14px;margin-top:16px;padding:12px;width:100%}.next-button-memdetail.disabled{background-color:#d3d3d3;cursor:not-allowed}.page2-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-y:auto;padding:0;position:relative;width:100%}.page2-container.dimmed{opacity:.5}.top-headers{align-items:flex-start;background-color:initial;border:none;flex-direction:column;left:0;padding:0;top:0}.top-headers,.top-navigations{display:flex;gap:16px;height:auto;width:100%}.top-navigations{align-items:center;flex-direction:row;justify-content:center;padding:16px;position:relative}.title{font-size:18px;font-weight:700}.icon-delete{background-image:#000;background-size:cover;cursor:pointer;height:24px;width:24px}.detail-section{background:#eff1f4b3;border:1px solid #fff;border-radius:16px;flex-direction:column;gap:8px;margin:16px;padding:16px}.detail-section,.info-box{box-sizing:border-box;display:flex}.info-box{align-items:center;align-self:stretch;background:#fff;border-radius:12px;flex:none;flex-grow:0;gap:16px;height:64px;justify-content:space-between;order:1;padding:12px;width:auto}.info-box:last-child{border-bottom:none}.info-text{display:flex;flex-direction:column}.info-title{color:#666;font-size:14px}.info-value{color:#000;font-size:16px;font-weight:700}.info-arrow{align-items:center;border-radius:40px;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:4px;height:16px;justify-content:center;order:5;padding:0;width:16px}.member-section{background-color:#fff;background:#eff1f4b3;border:1px solid #fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;gap:16px;margin:16px;padding:16px}.member-title{align-items:center;color:#181c21;flex:none;flex-direction:row;flex-grow:0;font-family:Poppins;font-size:16px;font-style:normal;font-weight:700;gap:8px;height:24px;line-height:20px;order:0;padding:0;width:248px}.member,.member-title{display:flex;margin-bottom:16px}.member{align-items:flex-start;align-self:stretch;background:#fff;border-radius:12px;box-sizing:border-box;flex:none;flex-direction:column;flex-grow:0;gap:16px;height:64px;justify-content:center;order:3;padding:12px;width:auto}.member-container{align-items:center;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-grow:0;gap:8px;height:40px;order:0;padding:0;width:272px}.avatar-placeholder{border-radius:60px;flex:none;flex-grow:0;height:40px;order:3;width:40px}.member-name{align-items:flex-start;display:flex;flex:none;flex-direction:column;flex-grow:1;gap:2px;height:22px;justify-content:center;order:4;padding:0;width:200px}.role{color:green;font-size:12px;font-weight:700;margin-left:auto}.add-member{align-items:flex-start;align-self:stretch;background-color:initial;border:none;color:#ed0226;display:flex;flex:none;flex-direction:row;flex-grow:0;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;height:22px;line-height:22px;max-width:328px;order:4;padding:0;text-align:center;width:296px}.bottom-sheet-location{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:3}.sheet-header{border-radius:16px 16px 0 0;margin-bottom:16px;padding:16px 0;text-align:LEFT;width:100%}.location-title{color:#000;font-family:Poppins;font-style:normal;font-weight:600;line-height:24px}.input-location-container{align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:100%}.input-box{background:#fff;border:1px solid #dae0e9;border-radius:12px;box-sizing:border-box;height:auto;padding:13px 16px;width:100%}.simpan-notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#4caf50;background:#fff;border-radius:100px;box-shadow:0 10px 34px #0000001a;box-sizing:border-box;color:#000;display:flex;flex:none;flex-direction:row;flex-grow:1;font-size:12px;gap:8px;height:48px;left:50%;order:0;padding:12px 16px;position:absolute;top:16px;transform:translateX(-50%);transition:opacity .5s ease;width:328px;z-index:3}.bottom-sheet-room-location{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:3}.sheet-header{align-items:center;display:flex;padding-bottom:16px}.bottom-sheet-location-handle{background:#d3d3d3;border-radius:2px;height:4px;margin:0 auto 16px;width:40px}.location-title{color:#333;font-size:16px;font-weight:700;justify-content:left;text-align:left}.room-list-location{padding:16px 0}.room-item-location{align-items:center;border-bottom:1px solid #dae0e9;display:flex;padding:12px 0;position:relative}.room-item-location:last-child{border-bottom:none}.room-item-location span{flex-grow:1}.room-item-location input[type=checkbox]{position:absolute;right:0}.add-room{color:red;cursor:pointer;padding:16px 0;text-align:left}.create-room-button{background-color:#ff3b30;border:none;border-radius:24px;font-size:16px;padding:12px}.create-room-button,.simpan-location-button{color:#fff;cursor:pointer;margin-top:16px;width:100%}.simpan-location-button{align-items:center;background:#ed0226;border:none;border-radius:40px;display:flex;font-weight:700;justify-content:center;padding:12px 24px}.simpan-location-button:disabled{background-color:grey;cursor:not-allowed}.undangan-container{align-items:center;background-color:#eff1f4;box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;justify-content:center;overflow-y:auto;padding:0;position:relative;text-align:center;width:100%}.icon-left{left:16px;position:absolute;top:16px}.icon-left-img{height:24px;width:24px}.large-submit{margin-top:40px}.envelope-icon{height:128px;width:128px}.verification-title{color:#181c21;font-size:20px;font-weight:700;margin-top:32px}.verification-text{color:#757f90;font-size:14px;line-height:22px;margin-top:16px}.resend-button{background-color:#dae0e9;border:none;border-radius:40px;color:#9ca9b9;cursor:not-allowed;font-size:16px;height:48px;line-height:24px;margin-top:32px;width:328px}.resend-button:enabled{background-color:#ed0226;color:#fff;cursor:pointer}.disabled-button{background-color:#d3d3d3;color:#9ca9b9;cursor:not-allowed}.redirect-button{background-color:#ed0226;color:#fff;cursor:pointer}.lokasi-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;transition:opacity .3s ease;width:100%}.lokasi-container.dimmed{opacity:.5}.overlay-details{background:#00000080;height:100%;left:0;pointer-events:auto;position:fixed;top:0;width:100%;z-index:2}.top-headers-location{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;height:158px;left:0;padding:0 0 16px;top:0;width:100%}.top-navigations-location{align-items:center;display:flex;flex-direction:row;gap:16px;height:56px;justify-content:center;padding:16px;position:relative;width:100%}.navigation-title{color:#181c21;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;height:24px;line-height:24px;text-align:center;width:178px}.nav-icon-all{height:24px;left:16px;width:24px}.buttonStyle,.nav-icon-all{cursor:pointer;position:absolute}.buttonStyle{background-color:initial;border:none;color:#1a294d;font-size:20px;left:10px}.substext{color:#000;font-size:16px;font-weight:400;line-height:24px}.menuSection{align-items:flex-start;justify-content:center;position:absolute;top:72px}.menuSection,.menuStyle{border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:16px;width:100%}.menuStyle{background-color:#fff;margin-right:16px}.rumahtxt{color:#001a41;font-size:16px;font-weight:400;text-align:left}.whitecon{justify-content:space-between;padding:5px 0;width:100%}.perangkatcon,.whitecon{align-items:center;display:flex}.perangkatcon{gap:5px}.perangkattxt{color:#757f90;font-size:14px;font-weight:400}.perangkatimg{height:15px;margin-right:5px;width:15px}.detailcon{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.detailtxt{color:red;font-size:14px;font-weight:400;padding-right:12px}.detailimg{align-self:center;justify-content:center}.iconprof{align-self:flex-start;margin-top:7px}.addDevice{align-items:center;background-color:#ed0226;border-radius:40px;bottom:20px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:poppins;font-size:16px;font-weight:400;gap:4px;height:48px;justify-content:center;left:50%;max-width:400px;padding:12px 24px;position:absolute;text-align:center;transform:translateX(-50%);width:90%}.bottom-sheet-ubah-name{background:#fff;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -2px 10px #0000001a;box-sizing:border-box;left:0;padding:16px;position:fixed;width:100%;z-index:3}.input-container{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;width:100%}.device-name-input{border:1px solid #dae0e9;border-radius:8px;font-size:14px;padding:12px;width:auto}.ubah-button{background-color:#ed0226;border:none;border-radius:24px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;padding:12px;text-align:center;width:100%}.ubah-button:hover{background-color:darkred}.ai-page-container{background-color:#eff1f4;box-sizing:border-box;font-family:Poppins;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative;width:100%}.ai-decor{height:436px;left:0;opacity:.85;right:0}.ai-decor,.ai-header{position:absolute;top:0}.ai-header{height:242px;left:calc(50% - 180px);width:360px}.ai-title{align-items:flex-start;display:flex;flex-direction:column;gap:4px;height:108px;left:16px;padding:0;position:absolute;top:266px;width:328px}.ai-title-title{font-size:20px;font-weight:600;line-height:28px;order:0}.ai-title-sub,.ai-title-title{align-self:stretch;color:#fff;flex:none;flex-grow:0;font-family:Poppins;font-style:normal}.ai-title-sub{font-size:16px;font-weight:400;line-height:24px;order:1}.ai-features-container{align-items:flex-start;background:#fff;border:1px solid #fff;border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:246px;left:calc(50% - 164px);padding:16px;position:absolute;top:402px;width:328px}.ai-features-container-title{align-items:center;align-self:stretch;color:#181c21;display:flex;flex:none;flex-direction:row;flex-grow:0;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;gap:8px;line-height:24px;order:0;padding:0}.ai-feature-card{align-items:flex-start;background:#eff1f4;border-radius:12px;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:8px;height:174px;order:1;padding:0 0 8px;width:140px}.ai-feature-image{border-radius:8px 8px 0 0;flex:none;flex-grow:0;height:104px;order:0;width:140px}.ai-feature-description{align-items:flex-start;align-self:stretch;display:flex;flex:none;flex-direction:column;flex-grow:0;gap:8px;height:auto;order:1;padding:0 8px;width:140px}.ai-feature-description h4{font-size:16px;margin:0}.ai-feature-description p{color:#757f90;font-size:14px}.navbar{align-items:center;background-color:#fff;border-top:1px solid #dae0e9;bottom:0;display:flex;height:70px;justify-content:space-around;position:fixed;width:100%}.navbar-item{color:#757f90;font-size:14px;text-align:center}.navbar-item.active{color:#181c21}.navbar-button{align-items:center;background-color:#ff4d4f;border-radius:50%;color:#fff;display:flex;font-size:30px;height:50px;justify-content:center;position:absolute;top:-25px;width:50px}.ai-feature-title{color:#181c21;font-weight:600;height:18px;order:0}.ai-feature-sub,.ai-feature-title{align-self:stretch;flex:none;flex-grow:0;font-family:Poppins;font-size:12px;font-style:normal;line-height:18px;width:124px}.ai-feature-sub{align-items:center;color:#757f90;display:flex;font-weight:400;height:36px;order:1}
/*# sourceMappingURL=main.e396ef29.css.map*/