@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");:root{--bg-dark:#050710;--bg-panel:#0a0e19;--bg-card:#131721;--primary-gradient:linear-gradient(155deg,#163da1,#2751bc);--text-white:#ffffff;--text-gray:#d3d3d3;--accent-blue:#2c85ff;--badge-bg:#2a2f40;--primary-blue:#1a46b5;--dark-blue:#05226d;--danger-red:#d33434;--pin-red:#d82617;--pin-green:#11a64b;--pin-safe-green:#5adf1d;--text-dark:#333333;--text-sub:#8c8c8c;--text-muted:#51555c;--border-dark:#242b38;--item-active-bg:#3e4759;--card-bg:#141822;--border-line:#383d4a;--color-primary:#1a46b5;--color-primary-dark:#05226d}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;background-color:var(--bg-dark);font-family:Pretendard,sans-serif}.btn-hamburger{display:none;position:relative;z-index:1100;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;gap:5px;flex-shrink:0}.btn-hamburger .hbg-bar{display:block;width:22px;height:2px;background-color:var(--text-white);border-radius:2px;transition:transform .28s ease,opacity .2s ease}.btn-hamburger.is-active .hbg-bar:first-child{transform:translateY(7px) rotate(45deg)}.btn-hamburger.is-active .hbg-bar:nth-child(2){opacity:0}.btn-hamburger.is-active .hbg-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.lnb-overlay{position:fixed;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.lnb-overlay.is-open{opacity:1;visibility:visible}body.lnb-open{overflow:hidden}.btn-icon,.ico-del,.ico-edit{display:inline-flex}#wrap{flex-direction:column;height:100vh;overflow:hidden}#main_header,#wrap{display:flex;width:100%}#main_header{flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 48px;background-color:var(--bg-panel)}#main_header .header-user-avatar{display:none}#main_header .header-title{font-size:24px;font-weight:700;line-height:36px;color:var(--text-white);word-wrap:break-word}#main_header .header-util{display:flex;justify-content:flex-start;align-items:flex-start;gap:60px}#main_header .header-util .util-group{display:flex;justify-content:flex-start;align-items:flex-start;gap:40px}#main_header .header-util .util-group .util-item{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:16px 0}#main_header .header-util .util-group .util-item .icon-box{display:flex;align-items:center;justify-content:center;width:15px;height:15px}#main_header .header-util .util-group .util-item .icon-box img{width:100%;height:100%;object-fit:contain}#main_header .header-util .util-group .util-item .item-inner{display:flex;justify-content:flex-start;align-items:center;gap:8px}#main_header .header-util .util-group .util-item .item-inner .item-label{font-size:16px;font-weight:600;color:var(--text-gray);word-wrap:break-word}#main_header .header-util .util-group .util-item .item-inner .badge-num{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:900px;background-color:var(--badge-bg);font-size:12px;font-weight:600;line-height:17px;color:var(--accent-blue)}#main_header .header-util .util-group .util-item.timer-alarm .item-label,#main_header .header-util .util-group .util-item.timer-alarm .timer-text,#main_header .header-util .util-group .util-item.user-info .user-text{font-size:16px;font-weight:600;color:var(--text-gray);word-wrap:break-word}#main_header .header-util .util-group button.util-item .item-label{font-size:16px;font-weight:600;color:var(--text-white);word-wrap:break-word}#lnb_sidebar{display:inline-flex;flex-shrink:0;width:260px;padding:40px 20px;background-color:var(--bg-panel)}#lnb_sidebar,#lnb_sidebar .sidebar-wrapper{flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%}#lnb_sidebar .sidebar-wrapper{display:flex;width:220px}#lnb_sidebar .sidebar-wrapper .lnb-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:220px;gap:40px}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:12px;list-style:none}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item,#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item .nav-link{display:inline-flex;justify-content:flex-start;align-items:center;width:100%}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item .nav-link{padding:16px 28px;gap:12px;text-decoration:none}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item .nav-link .icon-box{display:flex;align-items:center;justify-content:center;width:15px;height:15px}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item .nav-link .icon-box img{width:100%;height:100%;object-fit:contain}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item .nav-link .nav-text{font-size:16px;font-weight:600;color:var(--text-gray);word-wrap:break-word}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item.is-active{background:var(--primary-gradient),var(--text-white)}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item.is-active .nav-link .nav-text{color:var(--text-white)}#lnb_sidebar .sidebar-wrapper .lnb-util{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:220px;gap:12px;background-color:var(--bg-card)}#lnb_sidebar .sidebar-wrapper .lnb-util .util-box{display:inline-flex;justify-content:flex-start;align-items:center;width:100%;padding:16px 28px;gap:12px;border-radius:10px;text-decoration:none}#lnb_sidebar .sidebar-wrapper .lnb-util .util-box .icon-box{display:flex;align-items:center;justify-content:center;width:15px;height:15px}#lnb_sidebar .sidebar-wrapper .lnb-util .util-box .icon-box img{width:100%;height:100%;object-fit:contain}#lnb_sidebar .sidebar-wrapper .lnb-util .util-box .nav-text{font-size:16px;font-weight:600;color:var(--text-gray);word-wrap:break-word}.popup-modal-layer{position:fixed;top:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.popup-modal-layer.is-open{opacity:1;visibility:visible}.popup-modal-layer .popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(115,117,128,.6)}.popup-modal-layer .popup-dialog{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:500px;padding:28px 0;background-color:var(--bg-panel);box-shadow:0 3px 10px rgba(62,68,72,.1)}.popup-modal-layer .popup-dialog .dialog-header{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0 32px;margin-bottom:24px}.popup-modal-layer .popup-dialog .dialog-header.header-center{justify-content:center}.popup-modal-layer .popup-dialog .dialog-header .dialog-title{font-size:24px;font-weight:700;line-height:36px;color:var(--text-white);word-wrap:break-word}.popup-modal-layer .popup-dialog .dialog-header .dialog-title.text-center{text-align:center}.popup-modal-layer .popup-dialog .dialog-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:0 36px;gap:16px}.popup-modal-layer .popup-dialog .dialog-body.body-center{align-items:center}.popup-modal-layer .popup-dialog .dialog-body .info-group{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px}.popup-modal-layer .popup-dialog .dialog-body .info-group .info-label{font-size:16px;font-weight:600;line-height:24px;color:#fafafa;word-wrap:break-word}.popup-modal-layer .popup-dialog .dialog-body .info-group .info-desc{font-size:16px;font-weight:400;line-height:24px;color:#e5e5e5;word-wrap:break-word}.popup-modal-layer .popup-dialog .dialog-body.body-center .camera-preview-box{display:flex;justify-content:center;align-items:center;width:427px;height:427px;background-color:#30343f}.popup-modal-layer .popup-dialog .dialog-body.body-center .camera-preview-box .camera-text{font-size:16px;font-weight:600;line-height:24px;color:#caccd0;text-align:center;word-wrap:break-word}.popup-modal-layer .popup-dialog .dialog-footer{display:flex;justify-content:center;align-items:center;width:100%;padding-top:40px;padding-left:32px;padding-right:32px;gap:12px}.popup-modal-layer .popup-dialog .dialog-footer.footer-center{justify-content:center}.popup-modal-layer .popup-dialog .dialog-footer.footer-end{justify-content:flex-end}.popup-modal-layer .popup-dialog .dialog-footer .btn-popup{display:flex;justify-content:center;align-items:center;width:90px;height:32px;padding:4px 16px;border:none;cursor:pointer;font-size:14px;font-weight:600;line-height:23px;word-wrap:break-word}.popup-modal-layer .popup-dialog .dialog-footer .btn-popup.btn-accept{background-color:var(--primary-blue);color:var(--text-white)}.popup-modal-layer .popup-dialog .dialog-footer .btn-popup.btn-deny{background-color:#eff0f4;color:#3e4448}.popup-modal-layer .popup-dialog.delete-dialog{gap:24px}.popup-modal-layer .popup-dialog.delete-dialog .dialog-header{gap:8px;margin-bottom:0}.popup-modal-layer .popup-dialog.delete-dialog .dialog-body{gap:8px}.popup-modal-layer .popup-dialog.delete-dialog .dialog-body .delete-msg-title{font-size:16px;font-weight:700;line-height:24px;color:#fafafa}.popup-modal-layer .popup-dialog.delete-dialog .dialog-body .delete-msg-desc{font-size:16px;font-weight:400;line-height:24px;color:#fafafa}.popup-modal-layer .popup-dialog.delete-dialog .dialog-footer .btn-popup.btn-delete-submit{background-color:#e23b3b;color:var(--text-white)}.popup-modal-layer .popup-dialog.delete-dialog .dialog-footer .btn-popup.btn-cancel{background-color:#eff0f4;color:#3e4448}.popup-modal-layer .popup-dialog.modal-form-dialog{gap:24px}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body{gap:16px}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item{display:flex;flex-direction:column;width:100%;gap:8px}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .form-label{font-size:14px;font-weight:600;color:#e5e5e5}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .form-input-text{width:100%;height:40px;padding:0 16px;background-color:var(--border-dark);border:none;outline:none;font-size:14px;font-weight:500;color:#dadada}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .form-select-box{width:100%;height:40px;padding:0 12px;background-color:#3e4759;border:none;outline:none;font-size:16px;font-weight:500;color:#dadada;cursor:pointer}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .form-error-msg{display:none;align-items:center;gap:8px;font-size:16px;font-weight:400;color:#ff3d3d}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item.has-error .form-error-msg{display:flex}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list{display:flex;flex-direction:column;width:100%;max-height:180px;padding-right:4px;gap:8px;overflow-y:auto}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list .unassign-item{display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list .unassign-item .chk-input{position:absolute;opacity:0;width:0;height:0}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list .unassign-item .chk-custom{position:relative;display:inline-block;width:22px;height:22px;border:1px solid #0055c9;flex-shrink:0}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list .unassign-item .chk-input:checked+.chk-custom{background-color:#0055c9}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list .unassign-item .chk-input:checked+.chk-custom:after{content:"";position:absolute;top:3px;left:7px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.popup-modal-layer .popup-dialog.modal-form-dialog .dialog-body .form-group-item .unassign-select-list .unassign-item .item-text-box{display:flex;gap:8px;font-size:14px;font-weight:500;color:#e5e5e5}.pagination-container{display:flex;justify-content:center;align-items:center;width:100%;padding-top:16px;gap:20px}.pagination-container .page-nav-group{display:flex;align-items:center;gap:12px}.pagination-container .page-nav-group .btn-page{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:#ffffff}.pagination-container .page-nav-group .btn-page:disabled{opacity:.3;cursor:not-allowed}.pagination-container .page-numbers{display:flex;align-items:center;gap:12px}.pagination-container .page-numbers .btn-page-num{display:flex;justify-content:center;align-items:center;height:28px;padding:0 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:15px;font-weight:600;color:#ffffff}.pagination-container .page-numbers .btn-page-num.is-active{background-color:#004eb9;border-radius:0}#body_container{display:flex;flex:1 1;width:100%;height:calc(100vh - 80px)}#body_container #dashboard_content{display:flex;flex:1 1;width:100%;height:100%;gap:20px;padding:20px}#body_container #dashboard_content .left{display:flex;flex-direction:column;width:78%;height:100%;gap:0}#body_container #dashboard_content .left .content-row:first-child{display:flex;flex:1 1;width:100%;height:60%;gap:16px}#body_container #dashboard_content .left .content-row:nth-child(2){display:flex;width:100%;height:40%;gap:0}#body_container #dashboard_content .content-row.right{display:flex;flex-direction:column;width:22%;height:100%;gap:0}#body_container #dashboard_content .left .content-row .main-map-section{display:flex;flex-direction:column;flex:1 1;width:100%;height:100%;gap:16px;padding:20px;background-color:var(--bg-panel)}#body_container #dashboard_content .left .content-row .main-map-section .map-header{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter{display:flex;justify-content:flex-start;align-items:center;gap:20px}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item{display:flex;justify-content:flex-start;align-items:center;gap:12px;cursor:pointer}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item .chk-input{position:absolute;opacity:0;width:0;height:0}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item .chk-custom{position:relative;display:inline-block;width:22px;height:22px;border:1px solid #0055c9}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item .chk-input:checked+.chk-custom{background-color:#0055c9}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item .chk-input:checked+.chk-custom:after{content:"";position:absolute;top:3px;left:7px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item .filter-text{font-size:16px;font-weight:500;line-height:24px;color:#7d7d80;text-align:center;word-wrap:break-word}#body_container #dashboard_content .left .content-row .main-map-section .map-header .device-filter .filter-item .chk-input:checked~.filter-text{color:var(--text-gray)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area{position:relative;display:flex;flex:1 1;justify-content:center;align-items:center;width:100%;height:100%;gap:32px;padding:20px;overflow:hidden;background-color:#10131c}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area.map-canvas-placeholder{flex-direction:column;gap:12px;border:1px dashed #2c3446}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area.map-canvas-placeholder .map-placeholder-text{font-size:15px;font-weight:600;color:var(--text-muted);text-align:center}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card{position:absolute;top:0;left:clamp(30px,3vw,50px);z-index:10;display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-width:200px;box-shadow:0 4px 20px rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card.is-active{display:flex;opacity:1}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-pin:has(.sensor-popup-card.is-active){z-index:20}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-head{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;gap:8px;background-color:var(--danger-red)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-head.head-safe{background-color:var(--pin-safe-green)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-head .popup-title{display:inline-flex;justify-content:space-between;align-items:center;width:100%;height:36px;padding:6px 12px;font-size:13px;font-weight:700;line-height:1.4;color:var(--text-white);word-wrap:break-word}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-body{display:inline-flex;justify-content:flex-start;align-items:flex-start;width:100%;padding:6px 8px 8px;background-color:var(--text-white)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-body .info-grid{display:flex;justify-content:flex-start;align-items:flex-start;gap:4px}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-body .info-grid .info-column{display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .sensor-popup-card .popup-body .info-grid .info-column .info-chip{display:inline-flex;justify-content:flex-start;align-items:center;width:100%;height:22px;padding:0 8px;border-radius:4px;font-size:11px;font-weight:500;line-height:1;color:var(--text-dark);word-wrap:break-word}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-pin{position:absolute;z-index:5;width:clamp(24px,2.8vw,44px);height:auto;aspect-ratio:40/48;cursor:pointer;transform:translate(-50%,-100%)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-pin svg{width:100%;height:100%}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-pin.pin-danger{top:36.27%;left:55.12%;color:var(--pin-red)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-pin.pin-safe{top:18.87%;left:33.25%;color:var(--pin-safe-green)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls{position:absolute;bottom:16px;right:16px;z-index:10;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls .btn-ctrl{position:relative;display:flex;justify-content:center;align-items:center;width:clamp(28px,2.2vw,36px);height:clamp(28px,2.2vw,36px);background-color:var(--primary-blue);border:none;cursor:pointer;transition:background-color .15s ease}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls .btn-ctrl:hover{background-color:#2c55d6}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls .btn-ctrl.btn-reset{background-color:var(--dark-blue)}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls .btn-ctrl.btn-reset:hover{background-color:#083299}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls .btn-ctrl .ctrl-icon{display:flex;justify-content:center;align-items:center;width:60%;height:60%}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-controls .btn-ctrl .ctrl-icon img{width:12px;height:12px;object-fit:contain}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-object{position:absolute;z-index:6}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-object.obj-white{top:276px;left:414px;width:42px;height:65px}#body_container #dashboard_content .left .content-row .main-map-section .map-canvas-area .map-object.obj-gradient{top:295px;left:557px;width:49px;height:68px}#body_container #dashboard_content .left .content-row .chart-panel{display:flex;flex-direction:column;flex:1 1;height:100%;padding:20px;background-color:var(--bg-panel);gap:16px}#body_container #dashboard_content .left .content-row .chart-panel .chart-title{font-size:18px;font-weight:700;line-height:26px;color:var(--text-sub);word-wrap:break-word}#body_container #dashboard_content .left .content-row .chart-panel .chart-box{position:relative;display:flex;flex:1 1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;background-color:var(--bg-card)}#body_container #dashboard_content .left .content-row .chart-panel .chart-box .empty-text{font-size:16px;font-weight:600;line-height:24px;color:var(--text-muted);text-align:center;word-wrap:break-word}#body_container #dashboard_content .content-row.right .side-device-panel{display:flex;flex-direction:column;flex:1 1;width:100%;height:50%;padding:20px;background-color:var(--bg-panel);gap:16px}#body_container #dashboard_content .content-row.right .side-device-panel .side-title{font-size:18px;font-weight:700;line-height:26px;color:#e5e5e5;word-wrap:break-word}#body_container #dashboard_content .content-row.right .side-device-panel .search-bar-box{display:flex;align-items:center;width:100%;height:36px;padding:10px 16px;background-color:var(--border-dark)}#body_container #dashboard_content .content-row.right .side-device-panel .search-bar-box .search-inner{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .content-row.right .side-device-panel .search-bar-box .search-inner .search-input{width:100%;border:none;background:transparent;outline:none;font-size:14px;font-weight:500;color:#dadada}#body_container #dashboard_content .content-row.right .side-device-panel .search-bar-box .search-inner .search-input::placeholder{font-size:14px;font-weight:500;color:#dadada;opacity:1}#body_container #dashboard_content .content-row.right .side-device-panel .search-bar-box .search-inner .search-icon{display:inline-flex}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list{display:flex;flex:1 1;width:100%;height:100%;min-height:0}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list{display:flex;flex:1 1;flex-direction:column;width:100%;height:auto;min-height:0;padding-right:4px;gap:8px;list-style:none;overflow-y:auto}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list::-webkit-scrollbar{width:6px}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list::-webkit-scrollbar-track{background-color:#2b2e3a;border-radius:8px}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list::-webkit-scrollbar-thumb{background-color:#9aa1aa;border-radius:4px}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item{display:flex;align-items:center;width:100%;padding:10px 16px;gap:12px;cursor:pointer}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item.is-active{background-color:var(--item-active-bg)}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .status-indicator{width:10px;height:10px;border-radius:9999px}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .status-indicator.pin-red{background-color:var(--pin-red);box-shadow:0 1px 8px rgba(216,38,23,.45)}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .status-indicator.pin-green{background-color:var(--pin-green);box-shadow:0 1px 8px rgba(31.88,159.38,0,.45)}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .item-info{display:flex;flex-direction:column;gap:4px}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .item-info .name-row{display:flex;flex-wrap:wrap;gap:4px 8px}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .item-info .name-row .dev-name{font-size:14px;font-weight:500;color:#dadada}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .item-info .name-row .dev-profile{font-size:14px;font-weight:500;color:#aeaeae}#body_container #dashboard_content .content-row.right .side-device-panel .device-scroll-list .device-list .device-item .item-info .coord-row .dev-coord{font-size:12px;font-weight:500;color:#b3b3b3}#body_container #dashboard_content .content-row.right .side-card-panel{display:flex;flex-direction:column;flex:1 1;width:100%;height:50%;padding:20px;background-color:var(--bg-panel);gap:16px}#body_container #dashboard_content .content-row.right .side-card-panel .side-title{font-size:18px;font-weight:700;line-height:26px;color:var(--text-sub);word-wrap:break-word}#body_container #dashboard_content .content-row.right .side-card-panel .card-empty-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;background-color:var(--bg-card);gap:24px}#body_container #dashboard_content .content-row.right .side-card-panel .card-empty-box .empty-text{font-size:16px;font-weight:600;line-height:24px;color:var(--text-muted);text-align:center;word-wrap:break-word}.card-detail-box{display:flex;flex-direction:column;flex:1 1;width:100%;padding:20px;background-color:var(--card-bg);gap:24px}.card-detail-box .detail-grid{display:flex;flex-direction:column;width:100%;gap:12px}.card-detail-box .detail-grid .grid-row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;gap:12px 24px}.card-detail-box .detail-grid .grid-row .info-item{display:flex;flex:1 1 120px;justify-content:space-between;align-items:center}.card-detail-box .detail-grid .grid-row .info-item.empty-space{height:22px}.card-detail-box .detail-grid .grid-row .info-item .info-label{font-size:15px;font-weight:600;line-height:22px;color:#e5e5e5;word-wrap:break-word}.card-detail-box .detail-grid .grid-row .info-item .info-val{font-size:15px;font-weight:400;line-height:22px;color:#7d7d80;word-wrap:break-word}.card-detail-box .detail-divider{width:100%;height:1px;background-color:var(--border-line)}.card-detail-box .rssi-box{display:flex;flex-direction:column;width:100%;gap:8px}.card-detail-box .rssi-box .rssi-header{display:flex;align-items:center}.card-detail-box .rssi-box .rssi-header .rssi-title{font-size:15px;font-weight:600;line-height:22px;color:#e5e5e5}.card-detail-box .rssi-box .rssi-val{font-size:15px;font-weight:400;line-height:22px;color:#7d7d80}#body_container #dashboard_content .alarm-page-wrapper{display:flex;flex:1 1;width:100%;height:100%;gap:16px}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section{display:flex;flex-direction:column;flex:1 1;height:100%;padding:28px;background-color:var(--bg-panel);gap:24px}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs{display:flex;gap:12px}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item{display:flex;justify-content:center;align-items:center;padding:8px 16px;gap:4px;background-color:#1d222d;border:none;cursor:pointer}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item .tab-count,#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item .tab-label{font-size:14px;font-weight:700;line-height:23px;color:var(--text-white)}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.is-active{background-color:#3e4759}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.tab-danger .tab-count,#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.tab-danger .tab-label{color:#e33131}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.tab-safe .tab-count,#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.tab-safe .tab-label{color:#7feb44}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.tab-confirm .tab-count,#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item.tab-confirm .tab-label{color:#989898}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container{display:flex;flex-direction:column;flex:1 1;background-color:#1d222d;overflow-x:auto}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-header-row{display:flex;min-width:560px;height:52px;background-color:#1d222d;border-bottom:1px solid #3b404b}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-header-row .col-th{display:flex;flex:1 1;min-width:80px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows{display:flex;flex-direction:column;flex:1 1;min-width:560px;overflow-y:auto}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row{display:flex;align-items:center;min-height:52px;background-color:#1d222d;cursor:pointer}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row:hover{background-color:rgba(247,251,255,.1)}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row .col-td{display:flex;flex:1 1;min-width:80px;justify-content:center;align-items:center;font-size:14px;font-weight:400;color:#b3b3b3}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row .col-td.level-danger{font-size:14px;font-weight:700;color:#ff0004}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row .col-td.level-safe{font-size:14px;font-weight:700;color:#7feb44}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row .col-td.level-muted{font-size:14px;font-weight:500;color:#e8e8e8}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row .col-td .btn-confirm-action{display:flex;justify-content:center;align-items:center;width:100px;height:32px;padding:4px 16px;background-color:#5f636c;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-white)}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container .table-body-rows .table-data-row .col-td .badge-done{display:flex;justify-content:center;align-items:center;width:100px;height:32px;padding:4px 16px;background-color:#141822;font-size:14px;font-weight:500;color:#626262}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section{display:flex;flex-direction:column;width:692px;height:100%;padding:28px;background-color:var(--bg-panel);gap:24px;overflow-y:auto}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-header-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#e5e5e5}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box{display:flex;flex-direction:column;gap:12px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .card-subtitle{font-size:16px;font-weight:700;color:#e5e5e5}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner{display:flex;flex-direction:column;padding:24px;background-color:#141822;gap:16px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-dev-header{display:flex;align-items:center;gap:10px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-dev-header .status-indicator{width:10px;height:10px;border-radius:9999px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-dev-header .status-indicator.pin-red{background-color:var(--pin-red);box-shadow:0 1px 8px rgba(216,38,23,.45)}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-dev-header .status-indicator.pin-green{background-color:var(--pin-green);box-shadow:0 1px 8px rgba(31.88,159.38,0,.45)}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-dev-header .status-indicator.pin-gray{background-color:#626262;box-shadow:0 1px 8px rgba(98,98,98,.45)}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-dev-header .summary-dev-name{font-size:16px;font-weight:600;color:#dadada}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid{display:flex;gap:24px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid .grid-pair{display:flex;flex:1 1;justify-content:space-between;align-items:center}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid .grid-pair .pair-label{font-size:15px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid .grid-pair .pair-val{font-size:14px;font-weight:400;color:#7d7d80}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid .grid-pair .pair-val.val-danger{font-weight:700;color:#ff0004}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid .grid-pair .pair-val.val-safe{font-weight:700;color:#7feb44}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .summary-card-box .summary-card-inner .summary-grid .grid-pair .pair-val.val-muted{font-weight:500;color:#e8e8e8}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .data-card-box{display:flex;flex-direction:column;gap:12px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .data-card-box .card-subtitle{font-size:16px;font-weight:700;color:#e5e5e5}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-action-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-action-footer .action-left-group{display:flex;gap:10px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-action-footer .btn-action{display:flex;justify-content:center;align-items:center;padding:8px 16px;border:none;cursor:pointer;text-decoration:none;font-size:14px;font-weight:600;line-height:23px}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-action-footer .btn-action.btn-confirm-blue{width:100px;background-color:#1a46b5;color:var(--text-white)}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-action-footer .btn-action.btn-delete-red{width:100px;background-color:#e23b3b;color:var(--text-white)}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section .detail-action-footer .btn-action.btn-view-chart{gap:8px;width:140px;background-color:#eff0f4;color:#51555c}#body_container #dashboard_content .group-page-wrapper{display:flex;flex:1 1;width:100%;height:100%;gap:16px}#body_container #dashboard_content .group-page-wrapper .group-list-section{display:flex;flex-direction:column;flex:1 1;height:100%;padding:28px;background-color:var(--bg-panel);gap:24px}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-page-header{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-page-header .page-title{font-size:28px;font-weight:700;line-height:42px;color:var(--text-white)}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-page-header .btn-create-group{display:flex;justify-content:center;align-items:center;padding:8px 16px;gap:8px;background-color:var(--primary-blue);border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-white)}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container{display:flex;flex-direction:column;flex:1 1;background-color:#1d222d;overflow-x:auto}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-header-row{display:flex;min-width:600px;height:52px;background-color:#1d222d;border-bottom:1px solid #3b404b}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-header-row .col-group-name{display:flex;justify-content:center;align-items:center;width:200px;min-width:120px;gap:12px;font-size:13px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-header-row .col-dev-count{display:flex;justify-content:center;align-items:center;width:200px;min-width:100px;gap:12px;font-size:13px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-header-row .col-actions{display:flex;flex:1 1;justify-content:flex-end;align-items:center;padding-right:64px;font-size:13px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows{display:flex;flex-direction:column;flex:1 1;min-width:600px;overflow-y:auto}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row{display:flex;align-items:center;min-height:60px;background-color:#1d222d;cursor:pointer}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row:hover{background-color:rgba(247,251,255,.1)}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row .col-group-name{display:flex;justify-content:center;align-items:center;width:200px;font-size:16px;font-weight:700;color:#dadada}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row .col-dev-count{display:flex;justify-content:center;align-items:center;width:200px;font-size:16px;font-weight:600;color:#dadada}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row .col-actions{display:flex;flex:1 1;justify-content:flex-end;align-items:center;padding-right:12px;gap:12px}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row .col-actions .btn-table{display:flex;justify-content:center;align-items:center;height:32px;padding:4px 16px;gap:4px;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-white)}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row .col-actions .btn-group-edit{background-color:#44464c}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row .col-actions .btn-group-delete{background-color:#171a21}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row:hover .col-actions .btn-group-edit{background-color:#5f636c}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container .table-body-rows .table-data-row:hover .col-actions .btn-group-delete{background-color:#e23b3b}#body_container #dashboard_content .group-page-wrapper .group-detail-section{display:flex;flex-direction:column;width:692px;height:100%;padding:28px;background-color:var(--bg-panel);gap:20px}#body_container #dashboard_content .group-page-wrapper .group-detail-section .detail-header-row{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .group-page-wrapper .group-detail-section .detail-header-row .detail-group-title{font-size:20px;font-weight:700;color:#e5e5e5}#body_container #dashboard_content .group-page-wrapper .group-detail-section .detail-header-row .badge-count-box{padding:8px 16px;background-color:#1d2231;font-size:13px;font-weight:400;color:#a9a9a9}#body_container #dashboard_content .group-page-wrapper .group-detail-section .search-bar-box{display:flex;align-items:center;width:100%;height:40px;padding:0 20px;background-color:var(--border-dark)}#body_container #dashboard_content .group-page-wrapper .group-detail-section .search-bar-box .search-inner{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .group-page-wrapper .group-detail-section .search-bar-box .search-inner .search-icon{display:inline-flex}#body_container #dashboard_content .group-page-wrapper .group-detail-section .search-bar-box .search-inner .search-input{width:100%;border:none;background:transparent;outline:none;font-size:16px;font-weight:600;color:#dadada}#body_container #dashboard_content .group-page-wrapper .group-detail-section .search-bar-box .search-inner .search-input::placeholder{font-size:16px;font-weight:600;color:#dadada;opacity:1}#body_container #dashboard_content .group-page-wrapper .group-detail-section .detail-sub-title{font-size:16px;font-weight:700;color:#e5e5e5}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll{display:flex;flex:1 1;width:100%}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list{display:flex;flex-direction:column;width:100%;height:100%;gap:8px;overflow-y:auto}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list::-webkit-scrollbar{width:5px}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list::-webkit-scrollbar-track{background-color:#2b2e3a;border-radius:8px}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list::-webkit-scrollbar-thumb{background-color:#9aa1aa;border-radius:4px}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;gap:12px;cursor:pointer}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item:hover{background-color:#3e4759}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item .dev-info-left{display:flex;flex-direction:column;gap:4px}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item .dev-info-left .dev-name-row{display:flex;flex-wrap:wrap;gap:4px 8px}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item .dev-info-left .dev-name-row .dev-profile,#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item .dev-info-left .dev-name-row .dev-title{font-size:15px;font-weight:500;color:#e5e5e5}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item .dev-info-left .dev-coord-row{font-size:12px;font-weight:500;color:#b3b3b3}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item .btn-unassign-open{display:flex;justify-content:center;align-items:center;padding:8px 16px;background-color:#1d222d;border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-white)}#body_container #dashboard_content .group-page-wrapper .group-detail-section .group-device-scroll .device-item-list .group-dev-item:hover .btn-unassign-open{background-color:#e23b3b}#body_container #dashboard_content .user-page-wrapper{display:flex;flex:1 1;width:100%;height:100%}#body_container #dashboard_content .user-page-wrapper .user-list-section{display:flex;flex-direction:column;flex:1 1;width:100%;height:100%;padding:28px;background-color:var(--bg-panel);gap:24px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-left-group{display:flex;align-items:center;gap:20px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-left-group .page-title{font-size:28px;font-weight:700;color:var(--text-white)}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-left-group .badge-count-box{padding:8px 16px;background-color:#1d2231;font-size:13px;font-weight:400;color:#a9a9a9}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group{display:flex;flex:1 1;max-width:500px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group .search-bar-box{display:flex;align-items:center;width:100%;height:40px;padding:0 20px;background-color:var(--border-dark)}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group .search-bar-box .search-inner{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group .search-bar-box .search-inner .search-icon{display:inline-flex}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group .search-bar-box .search-inner .search-input{width:100%;border:none;background:transparent;outline:none;font-size:16px;font-weight:600;color:#dadada}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group .search-bar-box .search-inner .search-input::placeholder{font-size:16px;font-weight:600;color:#dadada;opacity:1}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-right-group .btn-create-user{display:flex;justify-content:center;align-items:center;padding:8px 16px;gap:8px;background-color:var(--primary-blue);border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-white)}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container{display:flex;flex-direction:column;flex:1 1;background-color:#1d222d;overflow-x:auto}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-header-row{display:flex;min-width:1180px;height:52px;background-color:#1d222d;border-bottom:1px solid #3b404b}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-header-row .col-th{display:flex;flex:1 1;min-width:80px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-header-row .col-th.col-user-actions{flex:0 0 360px;justify-content:flex-end;padding-right:20px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows{display:flex;flex-direction:column;flex:1 1;min-width:1180px;overflow-y:auto}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row{display:flex;align-items:center;min-height:60px;background-color:#1d222d;cursor:pointer}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row:hover{background-color:rgba(247,251,255,.1)}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row .col-td{display:flex;flex:1 1;justify-content:center;align-items:center;font-size:16px;font-weight:500;color:#dadada}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row .col-td.col-username{font-weight:700}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row .col-td.col-user-actions{flex:0 0 360px;justify-content:flex-end;padding-right:20px;gap:12px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row .col-td.col-user-actions .btn-table{display:flex;justify-content:center;align-items:center;flex-shrink:0;height:32px;padding:4px 16px;gap:4px;border:none;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-white);white-space:nowrap}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row .col-td.col-user-actions .btn-pw-reset{background-color:#44464c}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row .col-td.col-user-actions .btn-user-delete{background-color:#171a21}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row:hover .col-td.col-user-actions .btn-pw-reset{background-color:#5f636c}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container .table-body-rows .table-data-row:hover .col-td.col-user-actions .btn-user-delete{background-color:#e23b3b}#body_container #dashboard_content .stat-page-wrapper{display:flex;flex:1 1;width:100%;height:100%;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section{display:flex;flex-direction:column;width:354px;height:100%;padding:28px;background-color:var(--bg-panel);gap:20px;flex-shrink:0}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box{display:flex;flex-direction:column;width:100%;gap:24px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .side-page-title{font-size:28px;font-weight:700;line-height:42px;color:var(--text-white)}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .stat-filter-tabs{display:flex;align-items:stretch;width:100%;gap:4px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .stat-filter-tabs .tab-item{display:flex;flex:1 1;min-width:0;justify-content:center;align-items:center;padding:8px 6px;gap:4px;background-color:#1d222d;border:none;cursor:pointer;font-size:13px;font-weight:700;color:#989898;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .stat-filter-tabs .tab-item.is-active{background-color:#1a46b5;color:var(--text-white)}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .stat-filter-tabs .tab-item .chk-icon{display:flex;align-items:center;justify-content:center;width:13px;height:11px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .search-bar-box{display:flex;align-items:center;width:100%;height:40px;padding:0 20px;background-color:var(--border-dark)}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .search-bar-box .search-inner{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .search-bar-box .search-inner .search-input{width:100%;border:none;background:transparent;outline:none;font-size:16px;font-weight:600;color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .search-bar-box .search-inner .search-input::placeholder{font-size:16px;font-weight:600;color:#dadada;opacity:1}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .search-bar-box .search-inner .search-icon{display:inline-flex}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area{display:flex;flex:1 1;width:100%;overflow:hidden}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list{display:flex;flex-direction:column;width:100%;height:100%;padding-right:4px;gap:8px;list-style:none;overflow-y:auto}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list::-webkit-scrollbar{width:5px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list::-webkit-scrollbar-track{background-color:#2b2e3a;border-radius:8px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list::-webkit-scrollbar-thumb{background-color:#9aa1aa;border-radius:4px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:12px 20px;gap:4px;cursor:pointer;background-color:transparent}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item.is-active{background-color:#3e4759}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item .dev-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item .dev-name-row .dev-name{font-size:15px;font-weight:500;color:#aeaeae}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item.is-active .dev-name-row .dev-name{color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item .dev-name-row .dev-profile{font-size:15px;font-weight:500;color:#aeaeae}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item.is-active .dev-name-row .dev-profile{color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item .dev-coord-row{font-size:12px;font-weight:500;color:#3e4448}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item.is-active .dev-coord-row{color:#b3b3b3}#body_container #dashboard_content .stat-page-wrapper .stat-main-section{display:flex;flex-direction:column;flex:1 1;height:100%;padding:28px;background-color:var(--bg-panel);gap:30px;overflow:hidden}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header{display:flex;flex-direction:column;width:100%;gap:24px;flex-shrink:0}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .dev-info-title-group{display:flex;align-items:center;gap:20px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .dev-info-title-group .dev-info-title{font-size:20px;font-weight:700;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .dev-info-title-group .badge-dev-type{padding:4px 16px;background-color:#1d2231;font-size:13px;font-weight:400;color:#a9a9a9}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:20px;flex-wrap:wrap}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group{display:flex;flex-direction:column;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .select-label{font-size:16px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box{display:flex;align-items:center;gap:24px;flex-wrap:wrap}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item{display:flex;align-items:center;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .picker-label{font-size:14px;font-weight:600;color:#b8b8b8}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-date-box{position:relative;display:flex;justify-content:space-between;align-items:center;width:160px;height:38px;padding:0 12px;background-color:#242b38;gap:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-date-box .date-input{width:100%;border:none;background:transparent;outline:none;cursor:pointer;font-size:15px;font-weight:400;color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-time-box{position:relative;display:flex;justify-content:space-between;align-items:center;width:160px;height:38px;padding:0 12px;background-color:#242b38;gap:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-time-box .time-input{width:100%;border:none;background:transparent;outline:none;cursor:pointer;font-size:15px;font-weight:400;color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .date-input::-webkit-calendar-picker-indicator,#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .time-input::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .picker-icon{display:flex;justify-content:center;align-items:center;width:15px;height:15px;padding:0;border:none;background:none;cursor:pointer;flex-shrink:0}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .picker-icon img{width:100%;height:100%;object-fit:contain}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .btn-action-group{display:flex;align-items:center;gap:12px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .btn-action-group .btn-stat-query{display:flex;justify-content:center;align-items:center;width:90px;height:38px;padding:8px 16px;background-color:#1a46b5;border:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--text-white)}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .btn-action-group .btn-csv-export{display:flex;justify-content:center;align-items:center;height:38px;padding:8px 16px;background-color:#eff0f4;border:none;cursor:pointer;font-size:14px;font-weight:700;color:#51555c}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body{display:flex;flex-direction:column;flex:1 1;width:100%;padding-right:20px;gap:28px;overflow-y:auto}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body::-webkit-scrollbar{width:6px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body::-webkit-scrollbar-track{background-color:#2b2e3a;border-radius:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body::-webkit-scrollbar-thumb{background-color:#9aa1aa;border-radius:4px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid{display:flex;width:100%;gap:40px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section{display:flex;flex-direction:column;flex:1 1;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .section-title{font-size:16px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs{display:flex;align-items:center;gap:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn{display:flex;justify-content:center;align-items:center;height:35px;padding:7px 16px;gap:8px;background-color:#1d222d;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#8c8c8c}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn.is-active{background-color:#3e4759;color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn .dot{width:6px;height:6px;border-radius:50%;background-color:#5ba0ff}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn .dot.dot-temp{background-color:#004eb9}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn .dot.dot-humi{background-color:#5ba0ff}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn .dot.dot-press{background-color:#163da1}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn .dot.dot-tvoc{background-color:#2c85ff}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-canvas-wrapper{position:relative;width:100%;height:250px;padding:12px;background-color:#141822}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-canvas-wrapper canvas{width:100%!important;height:100%!important}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-legend-box{display:flex;justify-content:center;align-items:center;width:100%;padding:8px 0;background-color:#141822;gap:20px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-legend-box .legend-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#d2d2d2}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-legend-box .legend-item .line-dot{width:13px;height:2px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-legend-box .legend-item .line-dot.line-temp{background-color:#004eb9}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-legend-box .legend-item .line-dot.line-humi{background-color:#5ba0ff}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section{display:flex;flex-direction:column;width:280px;gap:16px;flex-shrink:0}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .section-title{font-size:16px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card{display:flex;flex-direction:column;flex:1 1;padding:24px;background-color:#141822;gap:21px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-header{display:flex;align-items:center;gap:12px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-header .status-indicator{width:10px;height:10px;border-radius:9999px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-header .status-indicator.pin-red{background-color:var(--pin-red);box-shadow:0 1px 8px rgba(216,38,23,.45)}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-header .device-name{font-size:16px;font-weight:600;color:#dadada}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-row{display:flex;justify-content:space-between;align-items:center;width:100%}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-row .row-label{font-size:15px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-row .row-val{font-size:14px;font-weight:400;color:#7d7d80}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card .card-row .row-val.val-danger{font-weight:700;color:#ff0004}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section{display:flex;flex-direction:column;width:100%;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .table-header-title-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .table-header-title-row .section-title{font-size:16px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .table-header-title-row .total-count-text{display:flex;align-items:flex-end;gap:4px;font-size:12px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .table-header-title-row .total-count-text .count-num{font-size:14px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container{display:flex;flex-direction:column;width:100%;background-color:#1d222d;overflow-x:auto}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-header-row{display:flex;min-width:600px;height:52px;background-color:#1d222d;border-bottom:1px solid #3b404b}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-header-row .col-th{display:flex;flex:1 1;justify-content:center;align-items:center;font-size:13px;font-weight:600;color:#e5e5e5}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-body-rows{display:flex;flex-direction:column;min-width:600px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-body-rows .table-data-row{display:flex;align-items:center;min-height:52px;background-color:#1d222d}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-body-rows .table-data-row:nth-child(2n){background-color:rgba(247,251,255,.1)}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-body-rows .table-data-row .col-td{display:flex;flex:1 1;justify-content:center;align-items:center;font-size:14px;font-weight:500;color:#b3b3b3}.flatpickr-calendar{left:50%;transform:translateX(-50%);width:380px;max-width:calc(100vw - 32px);padding:8px 12px;background:linear-gradient(168deg,#343a47,#646e84);border:none;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.35)}.flatpickr-calendar.arrow_bottom:after,.flatpickr-calendar.arrow_bottom:before,.flatpickr-calendar.arrow_top:after,.flatpickr-calendar.arrow_top:before{display:none}.flatpickr-months{display:flex;align-items:center;padding:12px 16px 8px}.flatpickr-months .flatpickr-month{height:40px;color:#ffffff}.flatpickr-months .flatpickr-current-month{display:flex;justify-content:center;align-items:center;gap:8px;font-size:20px;font-weight:600;color:#ffffff}.flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months{background:transparent;border:none;cursor:pointer;font-size:20px;font-weight:600;color:#ffffff}.flatpickr-months .flatpickr-current-month .numInputWrapper input.cur-year{font-size:20px;font-weight:600;color:#ffffff}.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month{display:flex;justify-content:center;align-items:center;width:32px;height:32px;fill:#ffffff;color:#ffffff}.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg{width:18px;height:18px;fill:#ffffff}.flatpickr-weekdays{align-items:center;padding:8px 0}.flatpickr-weekday{display:grid;grid-template-columns:repeat(7,1fr);justify-content:center;align-items:center;font-size:12px;font-weight:500;color:#ffffff!important;text-transform:uppercase;letter-spacing:.36px}.flatpickr-days{width:100%;padding:0}.dayContainer{display:grid;grid-template-columns:repeat(7,1fr);justify-items:center;width:100%;min-width:100%;max-width:100%;grid-gap:4px 0;gap:4px 0}.flatpickr-day{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;max-width:40px;line-height:40px;background:transparent;border:none;border-radius:100px;font-size:17px;font-weight:500;color:#ffffff}.flatpickr-day.nextMonthDay,.flatpickr-day.prevMonthDay{color:#8c8c8c}.flatpickr-day.selected,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover{background-color:#1a46b5;border:none;border-radius:100px;color:#ffffff}.flatpickr-day:hover{background-color:rgba(255,255,255,.15);border:none;border-radius:100px;color:#ffffff}.flatpickr-day.today{border:1px solid #1a46b5;border-radius:100px}.flatpickr-time{display:flex;align-items:center;height:50px;background:transparent;border-top:1px solid rgba(255,255,255,.15)}.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator,.flatpickr-time input{font-size:18px;font-weight:600;color:#ffffff}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#ffffff}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#ffffff}.flatpickr-rContainer{width:100%}.flatpickr-current-month .numInputWrapper{display:flex}.flatpickr-calendar.hasTime .flatpickr-time{border-top:none}@media(max-width:1024px){body,html{height:auto;overflow:auto}#wrap{height:auto;min-height:100vh;overflow:visible}#main_header{position:-webkit-sticky;position:sticky;top:0;z-index:1100;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;height:auto;padding:0;background-color:var(--bg-panel)}#main_header .btn-hamburger{display:flex;order:1;width:32px;height:32px;margin:14px 12px 14px 16px;flex-shrink:0}#main_header .header-title{display:block;order:2;flex:1 1;font-size:15px;line-height:60px;color:var(--text-white);text-align:center;word-wrap:break-word}#main_header .header-user-avatar{display:flex;justify-content:center;align-items:center;order:3;width:32px;height:32px;margin:0 16px 0 0;background-color:#242b38;border-radius:50%;flex-shrink:0}#main_header .header-util{display:flex;order:4;flex-basis:100%;padding:0 20px 8px;flex-shrink:0}#main_header .header-util .util-group{display:flex;align-items:center;width:100%;gap:0}#main_header .header-util .util-group .util-item{padding:8px 0}#main_header .header-util .util-group .util-item.active-alarm{justify-content:center;flex:1 1}#main_header .header-util .util-group .util-item.active-alarm .item-inner .item-label{font-size:13px;color:#d3d3d3}#main_header .header-util .util-group .util-item.timer-alarm{position:relative;flex:1 1;padding-left:16px}#main_header .header-util .util-group .util-item.timer-alarm:before{position:absolute;top:50%;left:0;width:1px;height:50%;background:#434343;content:"";transform:translateY(-50%)}#main_header .header-util .util-group .util-item.timer-alarm .item-label{font-size:12px}#main_header .header-util .util-group .util-item.timer-alarm .timer-text{font-size:13px;color:#d3d3d3}#main_header .header-util .util-group .util-item.user-info{display:none}#lnb_sidebar{position:fixed;top:0;left:0;z-index:1000;display:inline-flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:260px;height:100%;padding:70px 20px 30px;background-color:var(--bg-panel);opacity:1;overflow-y:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateX(-100%)}#lnb_sidebar.is-open{transform:translateX(0)}#lnb_sidebar .sidebar-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;margin-top:50px}#lnb_sidebar .sidebar-wrapper .lnb-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;gap:20px}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;gap:8px}#lnb_sidebar .sidebar-wrapper .lnb-menu .nav-list .nav-item .nav-link{padding:12px 20px}#lnb_sidebar .sidebar-wrapper .lnb-util{width:100%}#lnb_sidebar .sidebar-wrapper .lnb-util .util-box{padding:12px 20px}#body_container{width:100%;height:auto;overflow:visible}#body_container #dashboard_content{padding:10px;overflow:visible}#body_container #dashboard_content,#body_container #dashboard_content .left{display:flex;flex-direction:column;width:100%;height:auto;gap:10px}#body_container #dashboard_content .left .content-row:first-child{height:480px;flex:none;overflow:hidden}#body_container #dashboard_content .left .content-row:nth-child(2){display:flex;flex-direction:column;height:auto}#body_container #dashboard_content .left .content-row:nth-child(2) .chart-panel{height:320px;flex:none}#body_container #dashboard_content .content-row.right{display:flex;flex-direction:column;width:100%;height:auto;gap:10px}#body_container #dashboard_content .content-row.right .side-card-panel,#body_container #dashboard_content .content-row.right .side-device-panel{height:360px}#body_container #dashboard_content .alarm-page-wrapper{display:flex;flex-direction:column;width:100%;height:auto;gap:12px}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:16px;flex:none}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs{display:flex;flex-wrap:wrap;gap:6px}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-filter-tabs .tab-item{padding:6px 10px}#body_container #dashboard_content .alarm-page-wrapper .alarm-list-section .alarm-table-container{display:flex;flex-direction:column;width:100%;min-height:280px;flex:none}#body_container #dashboard_content .alarm-page-wrapper .alarm-detail-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:16px}#body_container #dashboard_content .group-page-wrapper{display:flex;flex-direction:column;width:100%;height:auto;gap:12px}#body_container #dashboard_content .group-page-wrapper .group-list-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:16px;flex:none}#body_container #dashboard_content .group-page-wrapper .group-list-section .group-table-container{display:flex;flex-direction:column;width:100%;min-height:280px;flex:none}#body_container #dashboard_content .group-page-wrapper .group-detail-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:16px}#body_container #dashboard_content .user-page-wrapper{display:flex;flex-direction:column;width:100%;height:auto}#body_container #dashboard_content .user-page-wrapper .user-list-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:16px;flex:none}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-table-container{display:flex;flex-direction:column;width:100%;min-height:280px;flex:none}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header{display:flex;flex-direction:column;align-items:flex-start;gap:12px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .page-title{font-size:20px}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-center-group{width:100%;max-width:100%}#body_container #dashboard_content .user-page-wrapper .user-list-section .user-page-header .header-right-group{display:flex;justify-content:flex-end;width:100%}#body_container #dashboard_content .stat-page-wrapper{display:flex;flex-direction:column;width:100%;height:auto;gap:12px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box{display:flex;flex-direction:column;width:100%;gap:14px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .side-page-title{font-size:22px;line-height:1.3}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .stat-filter-tabs{display:flex;align-items:stretch;width:100%;gap:4px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .stat-filter-tabs .tab-item{display:flex;flex:1 1;min-width:0;justify-content:center;align-items:center;padding:8px 2px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .side-head-box .search-bar-box{display:flex;align-items:center;width:100%;height:38px;padding:0 14px}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area{display:flex;width:100%;height:180px;flex:none}#body_container #dashboard_content .stat-page-wrapper .stat-side-section .device-scroll-area .stat-device-list .stat-dev-item{padding:10px 14px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section{display:flex;flex-direction:column;width:100%;height:auto;padding:16px;gap:20px;overflow:visible}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header{display:flex;flex-direction:column;width:100%;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .dev-info-title-group{display:flex;align-items:center;gap:12px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .dev-info-title-group .dev-info-title{font-size:18px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:16px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group{display:flex;flex-direction:column;width:100%;gap:10px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .select-label{font-size:14px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:10px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item{display:flex;align-items:center;width:100%;gap:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .picker-label{width:30px;flex-shrink:0;font-size:13px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-date-box{display:flex;flex:1 1;align-items:center;min-width:0;height:36px;padding:0 8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-date-box .date-input{font-size:13px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-time-box{display:flex;align-items:center;width:90px;height:36px;padding:0 8px;flex-shrink:0}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .date-select-group .picker-flex-box .picker-item .input-time-box .time-input{font-size:13px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .btn-action-group{display:flex;justify-content:flex-end;align-items:center;width:100%;gap:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .btn-action-group .btn-csv-export,#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-control-header .filter-range-wrapper .btn-action-group .btn-stat-query{display:flex;flex:1 1;justify-content:center;align-items:center;height:38px;font-size:14px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body{display:flex;flex-direction:column;width:100%;padding-right:0;gap:20px;overflow:visible}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid{display:flex;flex-direction:column;width:100%;gap:20px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section{display:flex;flex-direction:column;width:100%;gap:12px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:10px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:6px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-header .chart-category-tabs .cat-btn{display:flex;flex:1 1;justify-content:center;align-items:center;min-width:60px;height:32px;padding:4px 8px;font-size:12px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-canvas-wrapper{position:relative;width:100%;height:220px;padding:8px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .chart-box-section .chart-legend-box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;padding:8px 12px;gap:8px 14px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section{display:flex;flex-direction:column;width:100%;gap:12px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .stat-top-grid .recent-alarm-section .alarm-history-card{display:flex;flex-direction:column;padding:16px;gap:14px}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container{display:flex;flex-direction:column;width:100%;overflow-x:auto}#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-body-rows,#body_container #dashboard_content .stat-page-wrapper .stat-main-section .stat-content-body .history-table-section .stat-table-container .table-header-row{min-width:540px}.popup-modal-layer .popup-dialog{width:calc(100vw - 32px);max-width:440px;padding:20px 0}.popup-modal-layer .popup-dialog .dialog-header{padding:0 20px;margin-bottom:16px}.popup-modal-layer .popup-dialog .dialog-header .dialog-title{font-size:18px}.popup-modal-layer .popup-dialog .dialog-body{padding:0 20px;gap:12px}.popup-modal-layer .popup-dialog .dialog-footer{padding-top:24px;padding-left:20px;padding-right:20px}.popup-modal-layer .popup-dialog .dialog-body.body-center .camera-preview-box{width:100%;height:260px}.pagination-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;gap:8px}.pagination-container .page-nav-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.pagination-container .page-numbers{display:flex;align-items:center;gap:4px;width:auto;max-width:100%;padding-bottom:2px;overflow-x:auto}.pagination-container .page-numbers .btn-page-num{display:flex;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 4px;font-size:12px;flex-shrink:0}.flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-months .flatpickr-current-month .numInputWrapper input.cur-year{font-size:14px}}