@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;overflow-x:hidden}:root{--blue: #3d92bf;--red: #e7004b;--white: #fff;--grey: #e0e1e9;--black: #000000;--black2: #999;--yellow: #ffd966;--green: #8de02c;--surface-bg: #e0e1e9;--surface-card: #ffffff;--surface-topbar: #ffffff;--surface-border: #e5e7eb;--surface-input: #ffffff;--surface-input-bg: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280;--color-success-bg: #dcfce7;--color-success-text: #15803d;--color-info-bg: #dbeafe;--color-info-text: #1d4ed8;--color-danger-bg: #fee2e2;--color-danger-text: #b91c1c;--color-danger-solid: #dc2626;--color-warn-bg: #fef3c7;--color-warn-text: #92400e;--color-neutral-bg: #f3f4f6;--color-neutral-text: #6b7280;--surface-row-divider: #f0f0f0;--surface-border-light: #ddd;--surface-active-bg: #eff6ff;--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-lg: 0 2px 12px rgba(0, 0, 0, .07);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px}[data-theme=dark]{--surface-bg: #0f172a;--surface-card: #1e293b;--surface-topbar: #1e293b;--surface-border: #334155;--surface-input: #1e293b;--surface-input-bg: #0f172a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--grey: #0f172a;--white: #1e293b;--black2: #94a3b8}.content-container{background:var(--surface-bg);min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:12px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h1{margin:0;font-size:1.6rem}.table-wrapper{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-lg);overflow-x:auto}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.state-msg{padding:3rem;text-align:center;color:var(--text-secondary)}.state-msg.error{color:var(--red)}.empty-row{text-align:center;color:var(--text-secondary);padding:2.5rem!important}.btn-primary{background:var(--blue);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--surface-card);border:1px solid var(--surface-border-light);padding:.6rem 1.2rem;border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;font-weight:500}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:.75rem;font-weight:600}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-warn{background:var(--color-warn-bg);color:var(--color-warn-text)}.badge-neutral{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.filter-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.filter-bar select,.filter-bar input{border:1px solid var(--surface-border-light);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.9rem;background:var(--surface-card);outline:none;cursor:pointer}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--blue)}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:.85rem 1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--surface-row-divider);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}thead th:hover{color:var(--blue)}tbody td{padding:.85rem 1rem;border-bottom:1px solid var(--surface-row-divider);font-size:.9rem}tbody tr:hover{background:var(--surface-active-bg)}tbody tr:last-child td{border-bottom:none}.actions-cell{display:flex;gap:.4rem;flex-wrap:wrap}.act-btn{border:none;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;font-weight:500;white-space:nowrap}.act-btn.view{background:#e0e7ff;color:#3730a3}.act-btn.edit{background:#d1fae5;color:#065f46}.act-btn.pay{background:var(--color-success-bg);color:var(--color-success-text)}.act-btn.reset{background:#fef3c7;color:#92400e}.act-btn.delete{background:var(--color-danger-bg);color:var(--color-danger-text)}.desc-cell{max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.priority-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.73rem;font-weight:600;white-space:nowrap}.p-low{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.p-normal{background:var(--color-info-bg);color:var(--color-info-text)}.p-high{background:var(--color-warn-bg);color:var(--color-warn-text)}.p-emergency{background:var(--color-danger-bg);color:var(--color-danger-text)}.status-select{border:0;border-radius:99px;padding:2px 22px 2px 8px;font-size:.73rem;font-weight:600;line-height:1.35;white-space:nowrap;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.s-new{background:var(--color-info-bg);color:var(--color-info-text)}.s-inprogress{background:var(--color-warn-bg);color:var(--color-warn-text)}.s-awaiting{background:#fff7ed;color:#9a3412}.s-completed{background:var(--color-success-bg);color:var(--color-success-text)}.s-cancelled{background:var(--color-neutral-bg);color:var(--color-neutral-text)}.bill-status{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:600;text-transform:capitalize}.bill-status.paid{background:var(--color-success-bg);color:var(--color-success-text)}.bill-status.unpaid{background:var(--color-info-bg);color:var(--color-info-text)}.bill-status.overdue{background:var(--color-danger-bg);color:var(--color-danger-text)}@media (max-width: 768px){.content-container{padding:1rem}.stats-bar{grid-template-columns:1fr 1fr}.filter-bar{flex-direction:column;align-items:stretch}}.sidebar[data-v-2a09282f]{position:fixed;top:0;left:0;height:100vh;width:220px;background:#111827;z-index:100;display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease}.sidebar.collapsed[data-v-2a09282f]{width:70px}@media (max-width: 768px){.sidebar[data-v-2a09282f]{width:260px;transform:translate(-100%);transition:transform .25s ease;box-shadow:none}.sidebar.mobile-open[data-v-2a09282f]{transform:translate(0);box-shadow:4px 0 24px #00000059}}.sidebar-header[data-v-2a09282f]{display:flex;align-items:center;gap:10px;padding:0 16px;height:60px;flex-shrink:0;border-bottom:1px solid #1f2937}.logo-link[data-v-2a09282f]{display:flex;align-items:center;gap:10px;flex:1;text-decoration:none;min-width:0}.logo-letter[data-v-2a09282f]{font-size:1.5rem;font-weight:700;color:var(--blue);min-width:38px;text-align:center;font-family:Libre Baskerville,serif;flex-shrink:0}.logo-name[data-v-2a09282f]{color:#f9fafb;font-size:1.05rem;font-weight:700;white-space:nowrap;flex:1}.close-btn[data-v-2a09282f]{margin-left:auto;background:none;border:none;color:#9ca3af;font-size:1.1rem;cursor:pointer;line-height:1;padding:4px 6px;border-radius:4px}.close-btn[data-v-2a09282f]:hover{background:#1f2937;color:#fff}.nav-list[data-v-2a09282f]{list-style:none;padding:10px 8px;flex:1;overflow-y:auto;overflow-x:hidden}.nav-list li[data-v-2a09282f]{margin-bottom:2px}.nav-link[data-v-2a09282f]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#9ca3af;transition:background .15s,color .15s;white-space:nowrap;overflow:hidden}.nav-link[data-v-2a09282f]:hover{background:#1f2937;color:#f9fafb}.nav-link.active[data-v-2a09282f]{background:var(--blue);color:#fff}.nav-icon[data-v-2a09282f]{display:flex;align-items:center;justify-content:center;min-width:26px;flex-shrink:0}.nav-icon img[data-v-2a09282f]{width:20px;height:20px;filter:brightness(0) invert(.55);transition:filter .15s}.nav-link:hover .nav-icon img[data-v-2a09282f],.nav-link.active .nav-icon img[data-v-2a09282f]{filter:brightness(0) invert(1)}.nav-label[data-v-2a09282f]{font-size:.88rem;font-weight:500}.topbar[data-v-2d6e5205]{display:flex;align-items:center;gap:12px;height:60px;padding:0 16px;background:var(--surface-topbar, #fff);border-bottom:1px solid var(--surface-border, #e5e7eb);position:sticky;top:0;z-index:50}.hamburger[data-v-2d6e5205]{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;flex-shrink:0;transition:background .15s}.hamburger[data-v-2d6e5205]:hover{background:#f3f4f6}.hamburger img[data-v-2d6e5205]{width:22px;height:22px}.search[data-v-2d6e5205]{flex:1;max-width:400px;position:relative}.search-icon[data-v-2d6e5205]{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;opacity:.45;pointer-events:none;z-index:1}.search input[data-v-2d6e5205]{width:100%;height:36px;border-radius:99px;border:1px solid var(--surface-border, #e5e7eb);padding:0 14px 0 34px;font-size:.875rem;outline:none;background:var(--surface-input-bg, #f9fafb);color:var(--text-primary, #111827);transition:border-color .15s,border-radius .1s,background .15s}.search input[data-v-2d6e5205]:focus{border-color:var(--blue);background:var(--surface-input, #fff)}.search input:focus.open[data-v-2d6e5205]{border-radius:12px 12px 0 0}.results-dropdown[data-v-2d6e5205]{position:absolute;top:calc(100% + 1px);left:0;right:0;background:var(--surface-card, #fff);border:1px solid var(--blue);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px #0000001a;max-height:380px;overflow-y:auto;z-index:200}.result-group[data-v-2d6e5205]{padding:4px 0}.result-group+.result-group[data-v-2d6e5205]{border-top:1px solid var(--surface-border, #f3f4f6)}.group-label[data-v-2d6e5205]{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, #9ca3af);padding:8px 14px 2px;margin:0}.result-item[data-v-2d6e5205]{display:flex;flex-direction:column;width:100%;text-align:left;background:none;border:none;padding:7px 14px;cursor:pointer;transition:background .1s;gap:2px}.result-item[data-v-2d6e5205]:hover{background:var(--surface-bg, #f9fafb)}.result-label[data-v-2d6e5205]{font-size:.875rem;font-weight:500;color:var(--text-primary, #111827)}.result-sub[data-v-2d6e5205]{font-size:.75rem;color:var(--text-secondary, #6b7280)}.no-results[data-v-2d6e5205]{padding:1rem 14px;font-size:.85rem;color:var(--text-secondary, #6b7280);margin:0;text-align:center}.user-avatar[data-v-2d6e5205]{margin-left:auto;width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;border:2px solid var(--blue);background:var(--blue);display:flex;align-items:center;justify-content:center;padding:0}.user-avatar img[data-v-2d6e5205]{width:100%;height:100%;object-fit:cover}.initials[data-v-2d6e5205]{color:#fff;font-size:.75rem;font-weight:700;line-height:1;pointer-events:none}@media (max-width: 480px){.search[data-v-2d6e5205]{display:none}}*,*:before,*:after{box-sizing:border-box}.app-content{transition:margin-left .25s ease;min-height:100vh;background:var(--surface-bg, var(--grey))}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.content-container{padding:12px;min-height:calc(100vh - 60px);display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.content-container{padding:8px;gap:8px}}