body,html{margin:0;padding:0;background-color:#f0f0f0;font-family:Outfit,sans-serif}*{box-sizing:border-box}:root{--yellow: #ffcc00;--white: #f0f0f0;--gray: #aaa;--black: #000}button{cursor:pointer;border:none;background-color:var(--black);color:var(--yellow);padding:10px 20px;border-radius:5px;font-size:1rem;font-weight:600;transition:background-color .3s}.container[data-v-0a6da699]{height:100vh;display:flex;flex-direction:row}.sidebar[data-v-0a6da699]{width:70px;height:100vh;background-color:var(--yellow);border-radius:0 10px 10px 0;display:flex;flex-direction:column}#view-menu[data-v-0a6da699]{flex-grow:1}#logo[data-v-0a6da699]{margin-top:20px}.icon img[data-v-0a6da699]{width:70%;margin:10px 15%}.separator[data-v-0a6da699]{width:80%;margin:auto;height:2px;background-color:#85858590;border-radius:2px}.router-view[data-v-0a6da699]{flex-grow:1;padding:20px;max-height:100vh}.parking[data-v-3ba703a7]{border:3px solid black;border-radius:10px;display:flex;flex-direction:column;position:absolute}.parking-properties[data-v-3ba703a7]{height:15%;width:100%}.parking-info[data-v-3ba703a7]{text-align:center;font-weight:700;font-size:70%;margin-bottom:5%}.title[data-v-3ba703a7]{text-align:center}.status[data-v-3ba703a7]{margin:1% 0;text-align:center;flex-grow:1}h1[data-v-3ba703a7]{margin-top:0;margin-bottom:0;font-size:30px;font-weight:700}h3[data-v-3ba703a7]{margin-top:5%;margin-bottom:5%;font-size:20px;font-weight:700}p[data-v-3ba703a7]{margin-top:0;margin-bottom:0;font-size:12px}.overtime-icon[data-v-3ba703a7]{width:35%;height:40%;margin:0 auto}img[data-v-3ba703a7]{width:100%;height:100%}.Occupied[data-v-3ba703a7]{background-color:#fc0}.Overtime[data-v-3ba703a7]{background-color:red;color:#fff}.Overtime img[data-v-3ba703a7]{filter:brightness(0) invert(1)}.Free[data-v-3ba703a7]{background-color:#f0f0f0}.overlay[data-v-dc6dffcc]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-dc6dffcc .2s ease}@keyframes fadeIn-dc6dffcc{0%{opacity:0}to{opacity:1}}.modal[data-v-dc6dffcc]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000040;max-width:420px;width:90%;padding:20px 24px;animation:slideIn-dc6dffcc .25s ease}@keyframes slideIn-dc6dffcc{0%{opacity:0;transform:scale(.96) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header[data-v-dc6dffcc]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.icon[data-v-dc6dffcc]{font-size:28px;line-height:1}.modal-header h2[data-v-dc6dffcc]{margin:0;font-size:20px;font-weight:700;color:#b91c1c}.modal-desc[data-v-dc6dffcc]{margin:0 0 16px;font-size:15px;color:#374151;line-height:1.45}.zone-list[data-v-dc6dffcc]{margin:0 0 20px;padding-left:20px;color:#111}.zone-list li[data-v-dc6dffcc]{margin-bottom:4px}.modal-actions[data-v-dc6dffcc]{display:flex;justify-content:flex-end}.btn-dismiss[data-v-dc6dffcc]{padding:10px 20px;font-size:15px;font-weight:600;color:#fff;background:#b91c1c;border:none;border-radius:8px;cursor:pointer}.btn-dismiss[data-v-dc6dffcc]:hover{background:#991b1b}.parking-overview[data-v-89d3d6a0]{display:flex;flex-direction:column;height:100%}.header[data-v-89d3d6a0]{display:flex;flex-direction:column;justify-content:center;align-items:center}.row[data-v-89d3d6a0]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.col[data-v-89d3d6a0]{display:flex;flex-direction:column;height:100%}.separator[data-v-89d3d6a0]{height:2px;width:100%;background-color:#000;margin:20px 0}.canvas[data-v-89d3d6a0]{width:100%;flex-grow:1;margin:20px auto;position:relative}h1[data-v-89d3d6a0]{font-size:40px;font-weight:700;margin:.2em 0}h2[data-v-89d3d6a0]{font-size:30px;font-weight:700;margin:.2em 0}h4[data-v-89d3d6a0]{font-size:20px;font-weight:700;margin:.2em 0}.color-rect[data-v-85dcfb30]{width:100%;height:100%;background-color:red}