:root{--primary: #10b981;--primary-hover: #059669;--bg: #020617;--card-bg: rgba(15, 23, 42, .6);--card-border: rgba(255, 255, 255, .08);--text: #f8fafc;--text-muted: #94a3b8;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--electric: #38bdf8;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 4px 20px -2px rgba(0, 0, 0, .5);--font-family: "Outfit", "Inter", system-ui, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(45,212,191,.1) 0px,transparent 50%),linear-gradient(to bottom,#020617,#0f172a);background-attachment:fixed;min-height:100vh}*{box-sizing:border-box}.glass-card{background:var(--card-bg);border:var(--glass-border);border-radius:20px;padding:1.5rem;box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-2px);border-color:#10b98133;box-shadow:0 8px 30px -4px #0009}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em;color:#fff}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.text-muted{color:var(--text-muted);font-size:.9rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1.75rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-primary:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-secondary{background:#ffffff08;border:1px solid var(--card-border);color:var(--text)}.btn-secondary:hover{background:#ffffff14}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.icon-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff0d;color:var(--text);border-color:#fff3}.icon-btn.edit:hover{border-color:var(--electric);color:var(--electric);background:#38bdf81a}.icon-btn.delete:hover{border-color:var(--danger);color:var(--danger);background:#ef44441a}.input-group{margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.5rem}label{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-left:2px}.input-wrapper,.select-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#64748b;pointer-events:none;transition:color .2s}input,select,textarea{width:100%;background:#02061780;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.875rem 1rem;color:#fff;font-family:inherit;font-size:.95rem;transition:all .2s;appearance:none}.input-wrapper input,.select-wrapper select{padding-left:2.75rem}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98126;background:#020617cc}input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:var(--primary)}select option{background-color:#020617;color:#f8fafc;padding:10px}.page-container{padding:2rem 3rem;max-width:1400px;margin:0 auto}.flex-between{display:flex;justify-content:space-between;align-items:center}.custom-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.custom-table th{text-align:left;padding:1rem;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.custom-table td{padding:1rem;background:#1e293b66;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.custom-table td:first-child{border-left:1px solid rgba(255,255,255,.05);border-radius:12px 0 0 12px}.custom-table td:last-child{border-right:1px solid rgba(255,255,255,.05);border-radius:0 12px 12px 0}.custom-table tr:hover td{background:#1e293bb3;border-color:#10b98133}.modal-overlay{position:fixed;inset:0;background:#000000d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:0 1rem;overflow-y:auto;z-index:2000;animation:fadeIn .3s ease}.modal{width:100%;margin:4rem auto;position:relative;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modal-header h2{font-size:1.5rem;color:#fff}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.5rem;margin:-.5rem;transition:color .2s}.close-btn:hover{color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}@media(max-width:768px){.page-container{padding:1rem 1rem 5rem}.flex-between{flex-direction:column;align-items:flex-start;gap:1rem}.modal-overlay{padding:0}.modal{margin:0;min-height:100vh;border-radius:0}.glass-card{padding:1rem;border-radius:12px}h1{font-size:1.5rem}h2{font-size:1.25rem}.custom-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn{width:100%;padding:.875rem 1rem}input,select,textarea{font-size:16px!important}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}}.login-page[data-v-f1f1fa42]{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,#1e293b,#0f172a)}.login-card[data-v-f1f1fa42]{width:100%;max-width:400px;padding:2.5rem}.login-header[data-v-f1f1fa42]{text-align:center;margin-bottom:2rem}.logo-box[data-v-f1f1fa42]{display:flex;justify-content:center;margin-bottom:1.5rem}.login-logo[data-v-f1f1fa42]{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(99,102,241,.4))}.login-form[data-v-f1f1fa42]{display:flex;flex-direction:column;gap:1.5rem}.input-group label[data-v-f1f1fa42]{display:block;font-size:.875rem;margin-bottom:.5rem;color:var(--text-muted)}.input-wrapper[data-v-f1f1fa42]{position:relative;display:flex;align-items:center}.input-icon[data-v-f1f1fa42]{position:absolute;left:12px;color:var(--text-muted)}input[data-v-f1f1fa42]{width:100%;background:#0f172a;border:1px solid var(--border);border-radius:8px;padding:.75rem .75rem .75rem 40px;color:#fff;font-family:inherit;transition:border-color .2s}input[data-v-f1f1fa42]:focus{outline:none;border-color:var(--primary)}.login-btn[data-v-f1f1fa42]{padding:.875rem;font-size:1rem;margin-top:.5rem}.error-box[data-v-f1f1fa42]{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center;border:1px solid rgba(239,68,68,.2)}.login-footer[data-v-f1f1fa42]{margin-top:2rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.dashboard-page[data-v-edf66950]{color:var(--text);padding:2rem 3rem;max-width:1600px;margin:0 auto}@media(max-width:768px){.dashboard-page[data-v-edf66950]{padding:1rem}}.content-header[data-v-edf66950]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}@media(max-width:768px){.content-header[data-v-edf66950]{flex-direction:column;align-items:flex-start;gap:1.5rem}}.header-welcome[data-v-edf66950]{display:flex;align-items:center;gap:1.25rem}.header-icon[data-v-edf66950]{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);padding:.75rem;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;align-items:center;justify-content:center}.header-controls[data-v-edf66950]{display:flex;gap:1rem;align-items:center}.glass-pill[data-v-edf66950]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:.35rem 1rem;display:flex;align-items:center;gap:.75rem}.clean-select[data-v-edf66950]{background:transparent!important;border:none!important;padding:0 .5rem!important;color:var(--text)!important;font-size:.85rem;cursor:pointer;box-shadow:none!important;width:auto!important}.v-divider[data-v-edf66950]{width:1px;height:16px;background:#ffffff1a}.kpi-grid[data-v-edf66950]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:480px){.kpi-grid[data-v-edf66950]{grid-template-columns:1fr;gap:1rem}}.kpi-card[data-v-edf66950]{padding:1.25rem 1.5rem!important;display:flex;align-items:center;gap:1rem;transition:all .2s}.kpi-icon[data-v-edf66950]{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.kpi-icon.money[data-v-edf66950]{color:var(--success);background:#10b9811a}.kpi-icon.avg[data-v-edf66950]{color:var(--electric);background:#38bdf81a}.kpi-icon.high[data-v-edf66950]{color:var(--warning);background:#f59e0b1a}.kpi-label[data-v-edf66950]{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.kpi-value[data-v-edf66950]{font-size:1.25rem;font-weight:800;color:var(--text);line-height:1.2}.charts-grid-layout[data-v-edf66950]{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;min-height:400px;transition:all .3s}.charts-grid-layout.full-cols[data-v-edf66950]{grid-template-columns:1fr}.chart-card[data-v-edf66950]{display:flex;flex-direction:column;padding:1.5rem}.chart-wrapper[data-v-edf66950]{flex:1;position:relative;min-height:250px}.donut-wrapper[data-v-edf66950]{max-height:250px}.side-charts[data-v-edf66950]{display:flex;flex-direction:column;gap:1.5rem}.small-chart[data-v-edf66950]{flex:1}.card-header.compact[data-v-edf66950]{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:baseline}.card-header h3[data-v-edf66950]{font-size:1rem;color:var(--text)}.section-divider[data-v-edf66950]{display:flex;align-items:center;gap:1rem;margin:3rem 0 1.5rem;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.section-divider .line[data-v-edf66950]{flex:1;height:1px;background:#ffffff0d}.dashboard-grid.full-width[data-v-edf66950]{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}.summary-card[data-v-edf66950]{display:flex;flex-direction:column;justify-content:space-between}.summary-header[data-v-edf66950]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.bill-id-tag[data-v-edf66950]{font-family:monospace;background:#ffffff1a;padding:.25rem .5rem;border-radius:6px;font-size:.8rem}.bill-stats-row[data-v-edf66950]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;background:#0003;padding:1rem;border-radius:12px}@media(max-width:480px){.bill-stats-row[data-v-edf66950]{grid-template-columns:1fr}}.b-stat[data-v-edf66950]{display:flex;flex-direction:column}.b-stat .lbl[data-v-edf66950]{font-size:.7rem;color:var(--text-muted)}.b-stat .val[data-v-edf66950]{font-size:1rem;font-weight:700;color:var(--text)}.b-stat .val.accent[data-v-edf66950]{color:var(--success)}.user-row-cell[data-v-edf66950]{display:flex;align-items:center;gap:.75rem}.avatar-tiny[data-v-edf66950]{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--electric);font-weight:700}.simple-table th[data-v-edf66950]{padding:.75rem 1.5rem;background:#0003;font-size:.7rem;text-transform:uppercase;color:var(--text-muted)}.simple-table td[data-v-edf66950]{padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.85rem}.val-col[data-v-edf66950]{text-align:right;font-family:monospace}.text-emerald[data-v-edf66950]{color:var(--success)}.status-badge[data-v-edf66950]{font-size:.65rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.status-badge.paid[data-v-edf66950]{color:var(--success);background:#10b9811a}.status-badge.pending[data-v-edf66950]{color:var(--warning);background:#f59e0b1a}.config-modal[data-v-edf66950]{max-width:400px;padding:0!important;overflow:hidden}.config-modal .modal-header[data-v-edf66950]{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.config-modal .modal-header h2[data-v-edf66950]{font-size:1.25rem;font-weight:600;margin:0}.config-list[data-v-edf66950]{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.config-item[data-v-edf66950]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:12px;cursor:pointer;transition:background .2s}.config-item[data-v-edf66950]:hover{background:#ffffff08}.config-label[data-v-edf66950]{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:var(--text)}.config-label svg[data-v-edf66950]{color:var(--text-muted)}.toggle-switch[data-v-edf66950]{width:40px;height:22px;background:#ffffff1a;border-radius:20px;position:relative;transition:background .2s}.toggle-switch[data-v-edf66950]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch.active[data-v-edf66950]{background:var(--primary)}.toggle-switch.active[data-v-edf66950]:after{transform:translate(18px)}.close-btn[data-v-edf66950]{background:transparent;border:none;color:var(--text-muted);cursor:pointer}@media(max-width:1024px){.charts-grid-layout[data-v-edf66950],.dashboard-grid.full-width[data-v-edf66950]{grid-template-columns:1fr}}.user-cell[data-v-1460a709]{display:flex;align-items:center;gap:.75rem}.avatar-sm[data-v-1460a709]{width:32px;height:32px;background:#374151;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.badge[data-v-1460a709]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:capitalize}.badge.admin[data-v-1460a709]{background:#8b5cf61a;color:#a78bfa}.badge.user[data-v-1460a709]{background:#6b72801a;color:#9ca3af}.user-info-text[data-v-1460a709]{display:flex;flex-direction:column}.user-fullname[data-v-1460a709]{font-weight:600}.user-username[data-v-1460a709]{font-size:.75rem;color:var(--text-muted)}.form-row[data-v-1460a709]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actions[data-v-1460a709]{display:flex;gap:.5rem}.icon-btn[data-v-1460a709]{background:transparent;border:1px solid #1f2937;color:#9ca3af;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s}.icon-btn.edit[data-v-1460a709]:hover{border-color:#6366f1;color:#6366f1}.icon-btn.delete[data-v-1460a709]:hover{border-color:#ef4444;color:#ef4444}.modal[data-v-1460a709]{max-width:500px}.modal-form[data-v-1460a709]{display:flex;flex-direction:column;gap:1.5rem}.modal-actions[data-v-1460a709]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}select[data-v-1460a709]{width:100%;background:#0f172a;border:1px solid #1f2937;border-radius:8px;padding:.75rem;color:#fff}.text-electric[data-v-8031dc58]{color:#38bdf8}.remainder-pill[data-v-8031dc58]{background:#38bdf826;color:#38bdf8;border-color:#38bdf833;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.65rem}.meters-content[data-v-8031dc58]{display:flex;flex-direction:column;gap:3rem;margin-top:1rem;padding-bottom:3rem}.biller-group[data-v-8031dc58]{display:flex;flex-direction:column;gap:1.5rem}.group-header[data-v-8031dc58]{display:flex;align-items:center;gap:1.5rem}.header-line[data-v-8031dc58]{height:1px;background:linear-gradient(to right,var(--primary),transparent);flex:1;opacity:.3}.group-title[data-v-8031dc58]{font-size:1.25rem;color:var(--text);display:flex;align-items:center;gap:1rem;white-space:nowrap;font-weight:600}.badge[data-v-8031dc58]{font-family:Courier New,monospace;font-size:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.25rem .5rem;border-radius:4px;color:var(--text-muted)}.meters-grid[data-v-8031dc58]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.calc-mode-tag[data-v-8031dc58]{font-size:.6rem;text-transform:uppercase;font-weight:800;padding:3px 6px;border-radius:4px;margin-top:.35rem;display:inline-block;letter-spacing:.05em}.calc-mode-tag.manual[data-v-8031dc58]{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.calc-mode-tag.auto_remainder[data-v-8031dc58]{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.meter-card[data-v-8031dc58]{padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden;height:100%;transition:transform .2s,box-shadow .2s}.meter-card[data-v-8031dc58]:hover{transform:translateY(-4px);box-shadow:0 10px 30px -5px #00000080;border-color:#ffffff1a}.meter-header[data-v-8031dc58]{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.meter-icon[data-v-8031dc58]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px #0003}.meter-icon.electric[data-v-8031dc58]{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.meter-icon.gas[data-v-8031dc58]{background:#f973161a;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.meter-titles[data-v-8031dc58]{flex:1}.meter-titles h3[data-v-8031dc58]{font-size:1.1rem;margin-bottom:.15rem;color:var(--text)}.meter-no[data-v-8031dc58]{font-size:.8rem;color:var(--text-muted);font-family:Courier New,monospace;display:block}.actions[data-v-8031dc58]{display:flex;gap:.5rem}.shares-list[data-v-8031dc58]{background:#0003;padding:1rem 1.5rem;flex:1}.share-label[data-v-8031dc58]{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-weight:700}.share-row[data-v-8031dc58]{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text);font-size:.9rem}.share-row[data-v-8031dc58]:last-child{border:none}.percentage-pill[data-v-8031dc58]{background:#ffffff0d;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--primary);border:1px solid rgba(255,255,255,.05)}.empty-shares[data-v-8031dc58]{color:var(--text-muted);font-size:.8rem;font-style:italic;padding:.5rem 0}.modal[data-v-8031dc58]{max-width:600px}.modal-form[data-v-8031dc58]{display:flex;flex-direction:column;gap:1.25rem}.form-row[data-v-8031dc58]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shares-config[data-v-8031dc58]{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.25rem;background:#0003}.config-header[data-v-8031dc58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-share-controls[data-v-8031dc58]{display:flex;gap:.5rem;align-items:center}.user-select-mini[data-v-8031dc58]{padding:.4rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.85rem;width:150px}.user-select-mini[data-v-8031dc58]:focus{outline:none;border-color:var(--primary)}.share-edit-row[data-v-8031dc58]{display:grid;grid-template-columns:1fr 140px 32px;gap:.75rem;align-items:center;margin-bottom:.5rem}.input-with-unit[data-v-8031dc58]{position:relative;display:flex;align-items:center}.input-with-unit input[data-v-8031dc58]{padding-right:25px}.input-with-unit span[data-v-8031dc58]{position:absolute;right:10px;color:var(--text-muted);font-size:.75rem}.remove-btn[data-v-8031dc58]{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;padding:.4rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-btn[data-v-8031dc58]:hover{background:#ef444433}.btn-sm[data-v-8031dc58]{padding:.4rem}.modal-actions[data-v-8031dc58]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}select[data-v-8031dc58],input[data-v-8031dc58]{width:100%}.sidebar[data-v-a47d50e4]{width:280px;background:#111827cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:2rem 1rem;position:sticky;top:0;height:100vh;transition:width .3s ease,padding .3s ease,transform .3s ease;z-index:1001}.sidebar.collapsed[data-v-a47d50e4]{width:80px;padding:2rem .5rem}.toggle-btn[data-v-a47d50e4]{position:absolute;top:1rem;right:-12px;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4338ca);border:2px solid rgba(17,24,39,.8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:10}.toggle-btn[data-v-a47d50e4]:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f166}.sidebar-header[data-v-a47d50e4]{display:flex;align-items:center;gap:1rem;margin-bottom:3.5rem;padding:0 .5rem;transition:all .3s ease}.sidebar.collapsed .sidebar-header[data-v-a47d50e4]{flex-direction:column;gap:.5rem;padding:0}.logo-box[data-v-a47d50e4]{padding:.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-image[data-v-a47d50e4]{width:40px;height:40px;object-fit:contain}.sidebar-header h2[data-v-a47d50e4]{margin:0;font-size:1.25rem;font-weight:800;color:#fff;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;transition:opacity .2s ease}.sidebar.collapsed .sidebar-header h2[data-v-a47d50e4]{opacity:0;width:0}.sidebar-nav[data-v-a47d50e4]{flex:1}.nav-item[data-v-a47d50e4]{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;color:#ffffffb3;text-decoration:none;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);margin-bottom:.5rem;font-weight:500;position:relative}.sidebar.collapsed .nav-item[data-v-a47d50e4]{justify-content:center;padding:.875rem .5rem}.sidebar.collapsed .nav-item span[data-v-a47d50e4]{opacity:0;width:0;overflow:hidden}.nav-item[data-v-a47d50e4]:hover{background:#ffffff08;color:#fff;transform:translate(4px)}.sidebar.collapsed .nav-item[data-v-a47d50e4]:hover{transform:translate(0)}.nav-item.active[data-v-a47d50e4]{background:linear-gradient(90deg,#6366f126,#6366f100);color:#818cf8;position:relative}.nav-item.active[data-v-a47d50e4]:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:#6366f1;border-radius:0 4px 4px 0;box-shadow:0 0 10px #6366f180}.sidebar-footer[data-v-a47d50e4]{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem}.user-info[data-v-a47d50e4]{display:flex;align-items:center;gap:.875rem;padding:.75rem;background:#ffffff08;border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.sidebar.collapsed .user-info[data-v-a47d50e4]{flex-direction:column;gap:0;padding:.5rem}.avatar[data-v-a47d50e4]{width:44px;height:44px;background:linear-gradient(135deg,#374151,#1f2937);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.125rem}.user-details[data-v-a47d50e4]{display:flex;flex-direction:column}.username[data-v-a47d50e4]{font-weight:600;font-size:.9375rem;color:#fff}.role[data-v-a47d50e4]{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-top:.125rem}.logout-btn[data-v-a47d50e4]{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;color:#f87171;cursor:pointer;transition:all .2s;font-weight:600;font-size:.875rem}.sidebar.collapsed .logout-btn span[data-v-a47d50e4]{opacity:0;width:0;overflow:hidden}.logout-btn[data-v-a47d50e4]:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}@media(max-width:768px){.sidebar[data-v-a47d50e4]{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);width:280px!important;background:#0f172a;z-index:2001}.sidebar.mobile-open[data-v-a47d50e4]{transform:translate(0)}.sidebar-overlay[data-v-a47d50e4]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .3s ease}.toggle-btn[data-v-a47d50e4]{display:none}}.app-shell[data-v-b1f3c0ee]{display:flex;min-height:100vh;background-color:#020617}.main-content[data-v-b1f3c0ee]{flex:1;overflow-y:auto;height:100vh}.mobile-header[data-v-b1f3c0ee]{display:none}@media(max-width:768px){.app-shell[data-v-b1f3c0ee]{flex-direction:column}.main-content[data-v-b1f3c0ee]{height:calc(100vh - 64px)}.mobile-header[data-v-b1f3c0ee]{display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;height:64px;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);position:sticky;top:0;z-index:1000}.mobile-logo[data-v-b1f3c0ee]{display:flex;align-items:center;gap:.75rem}.mobile-logo img[data-v-b1f3c0ee]{width:32px;height:32px}.mobile-logo span[data-v-b1f3c0ee]{font-weight:700;font-size:1.1rem;color:#fff}.menu-toggle[data-v-b1f3c0ee]{background:transparent;border:none;color:#fff;cursor:pointer;padding:.5rem;margin-right:-.5rem;display:flex;align-items:center;justify-content:center}}