:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}#logo-sidebar[data-v-c03b8fdd]{background-color:#0fb1bc}aside[data-v-c03b8fdd]{position:fixed;display:flex;flex-direction:column;width:calc(2rem + 32px);overflow:hidden;padding:1rem;height:100vh;background-color:#0fb1bc;color:#fff;transition:.2s ease-out}aside.is-open[data-v-c03b8fdd]{transform:translate(0)}@media (max-width: 768px){aside[data-v-c03b8fdd]{position:fixed;z-index:99}}aside .logo[data-v-c03b8fdd]{margin-bottom:5px;margin-top:30px}aside .logo img[data-v-c03b8fdd]{width:2rem}aside .menu-toggle-wrap[data-v-c03b8fdd]{display:flex;justify-content:flex-start;margin-top:2rem;position:relative;top:0;transition:.2s ease-out}aside .menu-toggle-wrap:hover .material-icons[data-v-c03b8fdd]{color:#fff}aside .sidebar-header[data-v-c03b8fdd]{display:flex;align-items:center;gap:1rem}aside .sidebar-header.collapsed[data-v-c03b8fdd]{flex-direction:column;justify-content:center;gap:0}aside.is-expanded[data-v-c03b8fdd]{width:250px}aside.is-expanded .menu-toggle-wrap[data-v-c03b8fdd]{top:-3rem}aside.is-expanded .menu-toggle-wrap .material-icons[data-v-c03b8fdd]{rotate:180deg}aside.is-expanded .logo[data-v-c03b8fdd]{display:flex;justify-content:center}aside.is-expanded .logo img[data-v-c03b8fdd]{width:8rem}aside.is-expanded .menu .menu-text[data-v-c03b8fdd]{opacity:100}aside .menu[data-v-c03b8fdd]{margin:0 -1rem}aside .menu .nav[data-v-c03b8fdd]{padding:.5rem 1rem;transition:.2s ease-out}aside .menu .material-symbols-outlined[data-v-c03b8fdd]{font-size:22px;margin-right:5px}aside .menu .menu-text[data-v-c03b8fdd]{opacity:0;font-size:15px}aside .menu .nav-link:hover[data-v-c03b8fdd]{background-color:#fffc}aside .menu .nav-link:hover .menu-text[data-v-c03b8fdd],aside .menu .nav-link:hover i[data-v-c03b8fdd]{color:#000}aside .menu .active[data-v-c03b8fdd]{background-color:#fffc}aside .menu .active .menu-text[data-v-c03b8fdd],aside .menu .active i[data-v-c03b8fdd]{color:#000}.material-symbols-outlined[data-v-c03b8fdd]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.hamburger[data-v-bb986058]{position:fixed;top:10px;left:10px;z-index:2000;font-size:24px}.drawer[data-v-bb986058]{position:fixed;top:0;left:-260px;width:200px;height:100%;background-color:#0fb1bc;transition:left .3s ease;z-index:1500}.drawer.open[data-v-bb986058]{left:0}.logo img[data-v-bb986058]{width:8rem}#logo-sidebar[data-v-bb986058]{background-color:#0fb1bc}.menu .menu-text[data-v-bb986058]{opacity:100}.menu[data-v-bb986058]{margin:0 -1rem;margin-left:5px}.menu .nav[data-v-bb986058]{padding:.5rem 1rem;transition:.2s ease-out}.menu .material-symbols-outlined[data-v-bb986058]{font-size:22px;margin-right:5px}.menu .nav-link:hover[data-v-bb986058]{background-color:#fffc}.menu .nav-link:hover .menu-text[data-v-bb986058],.menu .nav-link:hover i[data-v-bb986058]{color:#000}.menu .active[data-v-bb986058]{background-color:#fffc}.menu .active .menu-text[data-v-bb986058],.menu .active i[data-v-bb986058]{color:#000}*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}body{background:#fff}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none}.app{display:flex}.app main{transition:margin-left .3s ease;margin-left:calc(2rem + 32px);flex:1 1 0}.app main.no-sidebar{margin-left:0}.app main .content-page{padding:2rem}.app main.expanded{margin-left:250px}.app main.mobile{margin-left:0!important;padding-left:1rem;padding-right:1rem}.app main.mobile .content-page{padding:0}.app main.no-sidebar{padding-left:0;padding-right:0}.app .addbtn{background-color:#0fb1bc;border:none}.notification-text[data-v-28f20f67]{white-space:pre-wrap;line-height:1.5}.building-card[data-v-c860d025]{width:100%;max-width:250px;margin:1.5rem auto;padding:1rem;border-radius:12px;border:1px solid rgba(0,0,0,.15);display:grid;grid-template-rows:auto auto auto;row-gap:.75rem;color:#111;overflow:hidden;min-height:160px}.building-name[data-v-c860d025]{margin:0;font-size:1.125rem;font-weight:600;line-height:1.2}.building-count[data-v-c860d025]{margin:0;text-align:right;font-size:1.125rem;font-weight:600}.progress-bar-container[data-v-c860d025]{width:100%;height:10px;background:#030303;border-radius:5px;overflow:hidden}.progress-bar-fill[data-v-c860d025]{height:100%;background:#198754;transition:width .3s ease}@media (max-width: 768px){.building-card[data-v-c860d025]{max-width:90%}}.dashboard-page[data-v-102bb389]{padding:1rem}.dashboard-page .container[data-v-102bb389]{border-radius:12px;padding:1rem}.dashboard-page .card[data-v-102bb389]{width:100%}.dashboard-page .progress-container[data-v-102bb389]{width:100%;overflow:hidden}.dashboard-page .progress-bar[data-v-102bb389]{width:100%;max-width:100%;overflow:hidden}.dashboard-page .d-flex[data-v-102bb389]{display:flex;flex-wrap:wrap;gap:1rem}.dashboard-page .d-flex[data-v-102bb389]>*{flex:1 1 calc(33.333% - 1rem);min-width:200px}@media (max-width: 1100px){.dashboard-page .d-flex[data-v-102bb389]>*{flex:1 1 100%}}@media (max-width: 600px){.dashboard-page .d-flex[data-v-102bb389]>*{flex:1 1 100%}}@media (max-width: 600px){.dashboard-page .container[data-v-102bb389]{padding:.5rem}.dashboard-page h1[data-v-102bb389]{font-size:1.2rem}}@media (max-width: 768px){.table thead[data-v-3d7f54a6]{display:none}.table tbody tr[data-v-3d7f54a6]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-3d7f54a6]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-3d7f54a6]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-3d7f54a6]{width:100%;overflow-x:auto}}@media (max-width: 768px){.table thead[data-v-91e85155]{display:none}.table tbody tr[data-v-91e85155]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-91e85155]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-91e85155]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-91e85155]{width:100%;overflow-x:auto}}@media (max-width: 768px){.mobile-row[data-v-874b6d0b]{display:block;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem}.mobile-row td[data-v-874b6d0b]{display:block;padding:.5rem 0;border:none!important}.mobile-row td[data-v-874b6d0b]:before{content:attr(data-label);font-weight:700;color:#6c757d;display:block;margin-bottom:.25rem}.mobile-row td img[data-v-874b6d0b]{max-width:100%;height:auto;margin-top:.25rem;border-radius:.5rem}}.modal-backdrop[data-v-874b6d0b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-image[data-v-874b6d0b]{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 15px #ffffff4d;cursor:zoom-out}@media (max-width: 768px){.table thead[data-v-4613468a]{display:none}.table tbody tr[data-v-4613468a]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-4613468a]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-4613468a]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-4613468a]{width:100%;overflow-x:auto}}@media (max-width: 768px){.mobile-row{display:block;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem}.mobile-row td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none!important}.mobile-row td:before{content:attr(data-label);font-weight:700;color:#6c757d}.mobile-row td:last-child{justify-content:flex-start;gap:.5rem}}@media (max-width: 768px){.mobile-row{display:block;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem}.mobile-row td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none!important}.mobile-row td:before{content:attr(data-label);font-weight:700;color:#6c757d}.mobile-row td:last-child{justify-content:flex-start;gap:.5rem}.mobile-row td.image-cell{flex-direction:column;align-items:flex-start}.mobile-row td.image-cell img{margin-top:.5rem;max-width:100%;height:auto;border-radius:.5rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-image{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 15px #ffffff4d;cursor:zoom-out}@media (max-width: 768px){.table thead[data-v-54344535]{display:none}.table tbody tr[data-v-54344535]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-54344535]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-54344535]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-54344535]{width:100%;overflow-x:auto}}@media (max-width: 768px){.table thead[data-v-259089d6]{display:none}.table tbody tr[data-v-259089d6]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-259089d6]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-259089d6]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-259089d6]{width:100%;overflow-x:auto}}@media (max-width: 768px){.table thead[data-v-0b1f22c1]{display:none}.table tbody tr[data-v-0b1f22c1]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-0b1f22c1]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-0b1f22c1]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-0b1f22c1]{width:100%;overflow-x:auto}}.login-page[data-v-1a9afa8d]{background-color:#0fb1bc;width:100%;height:100vh;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.login-page .logo[data-v-1a9afa8d]{display:flex;justify-content:center;margin:20px auto}.login-page .logo img[data-v-1a9afa8d]{width:10rem;max-width:80%}.login-page .login-box[data-v-1a9afa8d]{width:90%;max-width:800px;background-color:#0003;padding:2rem;border-radius:10px}.login-page .input[data-v-1a9afa8d]{margin-top:10px}.login-page button[data-v-1a9afa8d]{margin-top:20px;width:100%}@media (max-width: 768px){.login-page .login-box[data-v-1a9afa8d]{padding:1.5rem}}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;cursor:pointer;background-color:#efefef}.camera-stream{position:relative;width:300px;height:300px}.camera-stream video{width:100%;height:100%;object-fit:cover;border-radius:8px}.capture-btn{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:2}.flip-btn{position:absolute;bottom:10px;right:10px;font-size:28px;border:none;background:#0006;color:#fff;border-radius:50%;padding:6px;cursor:pointer;z-index:2}.delete{color:red}@media (max-width: 768px){.mobile-row{display:block;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem}.mobile-row td{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border:none!important}.mobile-row td:before{content:attr(data-label);font-weight:700;color:#6c757d}.mobile-row td:last-child{justify-content:space-between;gap:.5rem}}@media (max-width: 768px){.table thead[data-v-f6c3cb55]{display:none}.table tbody tr[data-v-f6c3cb55]{display:flex;flex-direction:column;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:.5rem;padding:1rem;background-color:#fff}.table tbody td[data-v-f6c3cb55]{display:flex;justify-content:space-between;padding:.5rem 0;border:none}.table tbody td[data-v-f6c3cb55]:before{content:attr(data-label);font-weight:600;color:#6c757d;flex:1;text-align:left}.table[data-v-f6c3cb55]{width:100%;overflow-x:auto}}
