.user-profile-card[data-v-5ba2da6f]{display:flex;flex-direction:column;align-items:center;padding:5px;width:190px;margin:5px}.profile-image[data-v-5ba2da6f]{width:100%;height:40px}.profile-body[data-v-5ba2da6f]{display:flex;justify-content:space-between;justify-items:center;width:100%;border:1px solid #a9a9a9;border-radius:8px}.profile-details[data-v-5ba2da6f]{padding-left:8px}.profile-details h2[data-v-5ba2da6f],.profile-details p[data-v-5ba2da6f]{margin:0;padding:0;color:#fff;font-size:small}.profile-actions button[data-v-5ba2da6f]{padding:10px 20px;background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer}.navbar{position:fixed;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:transparent}.logo-image{margin-left:20px;width:100%;height:30px}.navbar-right{display:flex;align-items:center}.dropdown{position:relative;margin-right:20px}.dropbtn{background-color:transparent;color:#888;border:none;cursor:pointer}.dropdown-content{position:absolute;background-color:#f9f9f9;min-width:80px;max-height:300px;border:1px solid #a9a9a9;overflow-y:auto}.dropdown-content a{color:#000;padding:8px 12px;text-decoration:none;display:block;font-size:small;border-bottom:1px solid #a9a9a9}.dropdown-content a:hover{background-color:#ddd}.user-info{display:flex;align-items:center}.user-info span{margin-right:4px}.user-info .nickname{font-size:small}.user-info .role{color:#888;font-size:small}.user-info button{margin-left:auto;background-color:transparent;border:1px solid #888;border-radius:8px;cursor:pointer;color:#888;margin-left:16px}body{background-color:#f1f5fb}#view{padding-left:200px}.content{padding-top:40px}#view.collapsed{padding-left:50px}.no-sidebar{padding-left:0}.v-sidebar-menu{--vsm-item-font-size:16px;--vsm-item-line-height:30px;--vsm-icon-height:30px;--vsm-icon-width:20px}#trackinfo{padding:20px;padding-top:0;text-align:left;background:#fff;border:1px solid #ccc;border-radius:3px}.list-item{display:flex;justify-content:space-between;padding:10px}.btn{margin-inline:5px}.btn-mr{margin-right:20px}.input-group-add{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between}.input-add{flex:1;outline-style:none;border:1px solid #ccc;border-radius:3px;padding:10px;font-size:20px;width:220px}.button-submit{background-color:#4285f4;color:#fff;width:100%;height:45px;border:0;font-size:16px;border-radius:5px;margin-top:20px}.button-submit:active{background-color:#0056b3;transform:scale(.95)}#login{display:flex;justify-content:center;align-items:center;height:100vh}#login .container{width:500px;border:1px solid #ccc;padding:20px;padding-top:0;border-radius:8px;text-align:center;background:#fff}#login .container img{width:500px}#login .title{margin-bottom:20px}#login .input-group{display:flex;align-items:center;margin-top:20px}#login .label{flex:1;text-align:left;margin-right:10px;font-size:24px}#login .input{flex:1;outline-style:none;border:1px solid #ccc;border-radius:3px;padding:10px;font-size:24px}#login button{background-color:#4285f4;color:#fff;width:100%;height:45px;border:0;font-size:16px;border-radius:5px;margin-top:20px}#login button:hover{background-color:#1b458a}.card-box{transition:box-shadow .3s ease-in-out;margin:10px;position:relative;min-width:220px;height:240px;background-color:#fff;box-shadow:0 2px 4px 0 #ccd0d9;border-radius:4px;margin:0 20px 16px 0;padding:32px;font-family:sans-serif}.card-box-alarm{box-shadow:4px 0 0 4px red}.card-box .card-content{padding:20px}.card-box .card-content h2{position:absolute;top:-80px;right:30px;font-size:6rem;color:#8181815e}.card-box .card-content h3{font-size:1.8rem;z-index:1;margin:0}hr.style-one{border:0;height:1px;background:#ccc}.card-box:hover{box-shadow:4px 0 0 4px #6996ff}.card-box:hover h2{color:#6996ff}.status-row{display:flex;justify-items:flex-start;align-items:center;flex-direction:row}.status-item{text-align:left;white-space:nowrap}.status-row>*{margin:0;padding:0}.grey-circle{background-color:gray}.grey-circle,.red-circle{width:10px;height:10px;border-radius:50%}.red-circle{background-color:red}.green-circle{width:10px;height:10px;background-color:#47ff47;border-radius:50%}.events-package{display:flex;flex-direction:column;flex:1}.events-header{height:auto;padding-bottom:10px;text-align:center}.events-container{max-height:100%;overflow-y:auto;height:auto}.events-list{padding-right:10px}.event-item{display:flex;justify-content:space-between;font-weight:400;padding:10px}.info-bar-container{display:grid;grid-template-columns:1fr 1fr 2fr;-moz-column-gap:10px;column-gap:10px;row-gap:10px}.info-bar-item{box-sizing:border-box;background-color:#fff;box-shadow:0 2px 2px 0 #ccd0d9;height:300px;padding:10px;border-radius:4px;display:flex;align-content:center;justify-content:center}.info-bar-item:hover{box-shadow:2px 0 0 2px #6996ff}.doughut-text{position:absolute;height:300px;text-align:center;display:flex;align-items:center;justify-content:center;padding-top:5px;padding-left:5px}@media (max-width:600px){.info-bar-container{grid-template-columns:1fr}}@font-face{font-family:digital-7;src:url(/fonts/digital-7.369fa954.ttf) format(truetype)}.numCounter{display:inline-block;height:90px;line-height:90px;text-shadow:0 0 2px #fff;white-space:normal;font-size:60px;font-family:Digital-7}.numCounter>div{display:inline-block;vertical-align:top;height:100%}.numCounter>div>b{display:inline-block;width:40px;height:100%;margin:0 .1em;border-radius:8px;text-align:center;overflow:hidden}.numCounter>div>b:before{content:" 0 1 2 3 4 5 6 7 8 9 ";display:block;word-break:break-all;transition:.5s cubic-bezier(.75,.15,.6,1.15),text-shadow .15s}.numCounter>div>b[data-value="1"]:before{margin-top:-90px}.numCounter>div>b[data-value="2"]:before{margin-top:-180px}.numCounter>div>b[data-value="3"]:before{margin-top:-270px}.numCounter>div>b[data-value="4"]:before{margin-top:-360px}.numCounter>div>b[data-value="5"]:before{margin-top:-450px}.numCounter>div>b[data-value="6"]:before{margin-top:-540px}.numCounter>div>b[data-value="7"]:before{margin-top:-630px}.numCounter>div>b[data-value="8"]:before{margin-top:-720px}.numCounter>div>b[data-value="9"]:before{margin-top:-810px}.numCounter>div>span{content:",";display:inline-block;font-size:1.1em;color:#fff;vertical-align:middle;margin-top:-60px}.numCounter{text-align:center}.numCounter b{color:#fff}.global-bar-container{display:grid;grid-template-columns:1fr;-moz-column-gap:10px;column-gap:10px;row-gap:10px;font-size:3rem;font-family:impact}.global-bar-item{box-sizing:border-box;border-radius:3px;background-color:#fff;box-shadow:0 2px 2px 0 #ccd0d9;border-radius:4px;justify-content:center;align-items:center;text-align:center}.global-bar-item:hover{box-shadow:2px 0 0 2px #6996ff}.global-sub-bar{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:10px;column-gap:10px;row-gap:10px;box-sizing:border-box;border-radius:3px;padding:0}.global-sub-item{border-radius:3px;background-color:#2b2b2b;box-shadow:0 2px 2px 0 #ccd0d9;color:#fff;border-radius:4px;justify-content:center;align-items:center;text-align:center;padding:10px}.global-sub-item:hover{box-shadow:2px 0 0 2px #6996ff}@media (max-width:600px){.global-bar-container,.global-sub-bar{grid-template-columns:1fr}}.card-container{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.spacer[data-v-4fb9eea8]{flex:1}.container[data-v-4fb9eea8]{cursor:pointer;display:flex;align-items:center}.input[data-v-4fb9eea8]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.switch[data-v-4fb9eea8]{--switch-container-width:50px;--switch-size:calc(var(--switch-container-width)/2);--light-gray:#e2e8f0;--gray:#cbd5e0;--dark-gray:#a0aec0;--teal:#4fd1c5;--dark-teal:#319795;display:flex;align-items:center;position:relative;height:var(--switch-size);flex-basis:var(--switch-container-width);border-radius:var(--switch-size);background-color:var(--light-gray);flex-shrink:0;transition:background-color .25s ease-in-out}.switch[data-v-4fb9eea8]:before{content:"";position:absolute;left:1px;height:calc(var(--switch-size) - 4px);width:calc(var(--switch-size) - 4px);border-radius:9999px;background-color:#fff;border:2px solid var(--light-gray);transition:transform .375s ease-in-out}.input:checked+.switch[data-v-4fb9eea8]{background-color:var(--teal)}.input:checked+.switch[data-v-4fb9eea8]:before{border-color:var(--teal);transform:translateX(calc(var(--switch-container-width) - var(--switch-size)))}.input:focus+.switch[data-v-4fb9eea8]:before{border-color:var(--gray)}.input:focus:checked+.switch[data-v-4fb9eea8]:before{border-color:var(--dark-teal)}.input:disabled+.switch[data-v-4fb9eea8]{background-color:var(--gray)}.input:disabled+.switch[data-v-4fb9eea8]:before{background-color:var(--dark-gray);border-color:var(--dark-gray)}.sarch-input-group{display:flex;flex-direction:row}.sarch-input-add{flex:1;outline-style:none;border:1px solid #ccc;border-radius:3px;padding:10px;font-size:20px}.button-search{background-color:#007bff;color:#fff;width:100px;height:45px;border:0;font-size:16px;border-radius:5px;margin-left:10px;margin-right:10px}.button-search:active{background-color:#0056b3;transform:scale(.95)}.button-search-border{color:#007bff;width:100px;height:45px;border:1px solid #007bff;font-size:16px;border-radius:5px;margin-left:10px;margin-right:10px}.pagination-container{display:flex;justify-content:flex-end}.pagination{margin-top:40px}.pagination span{cursor:pointer;margin-right:5px;padding:5px 10px;border-radius:3px;background-color:#f0f0f0;color:#333}.pagination span.active{background-color:#007bff;color:#fff}.datepicker-bar{padding-top:10px;width:100%;padding-bottom:10px}.datepicker-bar,.select-bar{display:flex;align-items:center}.select-bar{padding-left:10px;justify-items:center}.select-bar>select{margin-top:1px;height:20px}.button-back,.button-export,.button-update{border:1px solid #4285f4;color:#4285f4;width:110px;height:45px;font-size:16px;border-radius:5px;margin-left:10px;transition:background-color .3s,color .3s}.button-back:hover,.button-export:hover,.button-update:hover{background-color:#4285f4;color:#fff}.label-add{flex:0.2;text-align:left;margin-right:10px;font-size:20px}.select[data-v-41d710ec]{flex:1;padding:10px;font-size:20px;width:100%;border:1px solid #ccc;border-radius:3px;background:#fff}.select-label[data-v-41d710ec]{display:none}@media (max-width:600px){.select[data-v-41d710ec]{width:100%}}.group-add{display:flex;align-items:top;margin:0;padding:0;justify-content:space-between}.group-container{flex:1;margin:0;max-height:300px;overflow-y:auto}.group-title{flex:1}.group-list{margin-right:10px}.error-container[data-v-eecacd5a]{display:flex;justify-content:center;padding-top:60px;background-color:#f5f5f5}.error-card[data-v-eecacd5a]{background:#fff;padding:32px 24px;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.08);text-align:center;max-width:480px;width:90%}.error-title[data-v-eecacd5a]{font-size:24px;color:#dc3545;margin-bottom:16px}.error-message[data-v-eecacd5a]{font-size:16px;color:#333;margin-bottom:24px}.back-button[data-v-eecacd5a]{background-color:#007bff;color:#fff;padding:10px 20px;font-size:15px;border:none;border-radius:999px;cursor:pointer;transition:background-color .3s ease}.back-button[data-v-eecacd5a]:hover{background-color:#0056b3}.items-container{height:auto}.items-list{padding-right:10px}.even-background{background-color:#eee}.audit-label{flex:0.2}.audit-info,.audit-label{text-align:left;margin-right:10px;font-size:20px}.audit-info{flex:0.8}.tabs{list-style-type:none;padding:0;display:flex}.tabs li{padding:10px 20px;cursor:pointer;background:#f0f0f0;margin-right:5px}.tabs li.active{background:#007bff;color:#fff}.tabs li:focus{outline:none;box-shadow:0 0 3px #007bff}.header{width:100%;box-sizing:border-box}.field-wide{flex:3;text-align:center}.field-medium-content{flex:2;text-align:left;display:flex;flex-direction:column;-moz-column-gap:20px;column-gap:20px}.record{flex:1;display:flex;flex-direction:row;align-items:center;text-align:center}.key,.record{border:1px solid #ccc;border-radius:4px}.key{flex:0.5}.old{flex:1;color:red}.narrow{flex:0.5;font-size:18px}.new{flex:1;color:green}.data-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;-moz-column-gap:0;column-gap:0}.no-items{text-align:center}@media (max-width:1200px){.data-container{grid-template-columns:1fr 1fr 1fr}}@media (max-width:800px){.data-container{grid-template-columns:1fr 1fr}}@media (max-width:600px){.data-container{grid-template-columns:1fr}}.data-item{display:flex;box-sizing:border-box;padding:5px;flex-direction:row;vertical-align:middle;line-height:1.6}.data-content{width:auto;display:flex;border:1px solid #ccc;border-radius:3px;padding-left:5px}.data-value{width:auto;padding-right:5px}.grey-circle2{background-color:gray}.grey-circle2,.red-circle2{width:10px;height:10px;border-radius:50%;margin-top:8px}.red-circle2{background-color:red}.green-circle2{width:10px;height:10px;background-color:#47ff47;border-radius:50%;margin-top:8px}.show-record{cursor:pointer;color:#000;text-decoration:none}@media (max-width:600px){.data-item{flex-direction:column;align-items:start}}.field-mini{flex:0.5;text-align:center}.config-item{display:flex;flex-wrap:wrap;gap:16px;padding:10px;box-sizing:border-box;max-width:900px;margin:0 auto}@media (max-width:600px){.config-item{flex-direction:column;align-items:stretch}}.config-content{border:1px solid #ccc;border-radius:6px;padding:10px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:400px}.config-data-label{font-weight:700;margin-right:10px}.config-data-value{text-align:right}.config-content:has(button.config-update){justify-content:center;border:none}.config-update{border:1px solid #4285f4;color:#4285f4;width:110px;height:45px;font-size:16px;border-radius:5px;margin-left:10px;transition:background-color .3s,color .3s}.config-update:hover{background-color:#4285f4;color:#fff}.progress-bar-container[data-v-928cf3ce]{display:flex;position:relative;width:100%;height:20px;background-color:#4b4b4b;border-radius:10px;overflow:hidden;align-items:center}.progress-bar[data-v-928cf3ce]{display:flex;background-color:#76c7c0;height:100%;width:auto}.progress-text[data-v-928cf3ce]{position:absolute;left:50%;transform:translateX(-50%);width:auto;pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#fff;z-index:1}.scrollable-content{max-height:300px;overflow-y:auto;margin-top:10px;border:1px solid #ddd;padding:10px;box-sizing:border-box}.swal2-input{width:80%;height:50px;font-size:20px;box-sizing:border-box}.config-button-item{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:10px;border-radius:8px;box-sizing:border-box}.config-update.active{background-color:#007bff;color:#fff}.field-higher{flex:4;text-align:center}.input-group-graphic{display:flex;justify-content:space-around;align-items:flex-start;gap:20px}.chart-container{width:45%;height:300px}.field-medium{white-space:nowrap}.field-medium-sha256{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}.header{align-items:center}.field-medium-path{flex:2;text-align:left}.alarm-field-medium,.alarm-field-narrow{text-align:center}.alarm-field-narrow{flex:1;text-align:left}.alarm-field-medium{flex:2;text-align:left}#reportinfo{margin:0 auto 40px;padding:28px 32px 32px;max-width:100%;width:100%;box-sizing:border-box}#reportinfo h1{margin-bottom:32px}#reportinfo .input-group-add{gap:16px;justify-content:flex-start;flex-wrap:wrap}#reportinfo .label-add{flex:0 0 160px;font-size:20px;text-align:right}#reportinfo .input-add{box-sizing:border-box;flex:1 1 420px;max-width:90%;min-width:240px;font-size:18px;padding:12px 14px}#reportinfo .button-submit{margin-top:36px;font-size:18px;height:52px}@media (max-width:768px){#reportinfo{margin:0 0 32px;width:100%;padding:26px 18px 28px;max-width:none;text-align:left}#reportinfo h1{font-size:22px;text-align:center;margin-bottom:28px}#reportinfo .input-group-add{flex-direction:column;align-items:flex-start;gap:8px;flex-wrap:nowrap}#reportinfo .label-add{flex:unset;width:100%;margin-right:0;font-size:17px;text-align:left}#reportinfo .input-add{max-width:100%;min-width:auto;flex:unset;width:100%;font-size:16px;padding:12px 14px}#reportinfo .button-submit{margin-top:32px;font-size:17px;height:48px}}.header{display:flex;justify-content:space-between;font-weight:700;padding:10px}.err-msg{width:100vw;color:red;text-align:center}.item{display:flex;align-items:center;justify-content:space-between;font-weight:400;padding:10px}.field-narrow{flex:1;text-align:center}.field-medium{flex:2;text-align:center}.multiline-text{white-space:pre-line}#reportinfo{margin-right:50px;padding:20px;padding-top:0;text-align:left;background:#fff;border:1px solid #ccc;border-radius:3px}.uploaded-photo-preview{display:block;max-width:1000px;max-height:1000px;margin-top:8px;margin-left:20%;border:1px solid #ccc;border-radius:4px}