@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";.minimal-login[data-v-bc30421b]{background:var(--bg-color);background-image:radial-gradient(#e2e8f0 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-container[data-v-bc30421b]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px}.login-header[data-v-bc30421b]{text-align:center;margin-bottom:30px}.logo-box[data-v-bc30421b]{width:48px;height:48px;color:var(--primary);background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-header h1[data-v-bc30421b]{color:var(--text-main);letter-spacing:-.02em;margin-bottom:5px;font-size:1.5rem;font-weight:600}.login-header p[data-v-bc30421b]{color:var(--text-muted);font-size:.9rem}.login-form[data-v-bc30421b]{flex-direction:column;gap:20px;display:flex}.form-group label[data-v-bc30421b]{color:var(--text-main);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input[data-v-bc30421b]{border:1px solid var(--border-color);background:var(--bg-color);width:100%;color:var(--text-main);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.form-group input[data-v-bc30421b]::placeholder{color:#94a3b8}.form-group input[data-v-bc30421b]:focus{border-color:var(--primary);background:var(--surface-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.error-banner[data-v-bc30421b]{color:var(--danger);background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:.85rem;display:flex}.login-btn[data-v-bc30421b]{width:100%;margin-top:10px;padding:12px;font-size:1rem}.minimal-sidebar[data-v-3dd46066]{background:var(--surface-color);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed;top:0;left:0}.brand[data-v-3dd46066]{align-items:center;gap:12px;padding:30px 24px;display:flex}.logo[data-v-3dd46066]{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 4px 6px #2563eb33}.brand h2[data-v-3dd46066]{color:var(--text-main);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.nav-menu[data-v-3dd46066]{flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.nav-label[data-v-3dd46066]{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px 8px;font-size:.75rem;font-weight:600}.nav-item[data-v-3dd46066]{text-align:left;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-icon[data-v-3dd46066]{opacity:.7;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-icon[data-v-3dd46066] svg{width:100%;height:100%}.nav-item[data-v-3dd46066]:hover{background:var(--bg-color);color:var(--text-main)}.nav-item.active[data-v-3dd46066]{color:var(--primary);background:#eff6ff;font-weight:600}.nav-item.active .nav-icon[data-v-3dd46066]{opacity:1}@media (width<=768px){.minimal-sidebar[data-v-3dd46066]{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;position:relative}}.view-container[data-v-696e2629]{flex-direction:column;display:flex}.stats-grid[data-v-696e2629]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.stat-card[data-v-696e2629]{align-items:center;gap:20px;padding:24px 30px;display:flex}.stat-icon[data-v-696e2629]{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.icon-green[data-v-696e2629]{color:#16a34a;background:#dcfce7}.icon-blue[data-v-696e2629]{color:#2563eb;background:#dbeafe}.stat-info h3[data-v-696e2629]{color:var(--text-muted);margin-bottom:4px;font-size:.9rem;font-weight:500}.stat-value[data-v-696e2629]{color:var(--text-main);letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.text-success[data-v-696e2629]{color:#16a34a;font-size:1.5rem}.usage-container[data-v-0b706624]{color:#111827;max-width:1000px;margin:0 auto;padding-bottom:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.usage-header[data-v-0b706624]{margin-bottom:40px}.page-title[data-v-0b706624]{color:#111827;margin-bottom:12px;font-size:1.5rem;font-weight:600}.page-subtitle[data-v-0b706624]{color:#6b7280;font-size:.85rem}.balance-section[data-v-0b706624]{margin-bottom:50px}.balance-grid[data-v-0b706624]{gap:80px;margin-bottom:24px;display:flex}.balance-item[data-v-0b706624]{flex-direction:column;gap:8px;display:flex}.balance-label[data-v-0b706624]{color:#6b7280;align-items:center;gap:4px;font-size:.85rem;display:flex}.icon-info[data-v-0b706624]{color:#9ca3af;cursor:help}.balance-value[data-v-0b706624]{align-items:baseline;gap:6px;display:flex}.currency-symbol[data-v-0b706624]{color:#111827;font-size:1.5rem}.amount[data-v-0b706624]{color:#111827;letter-spacing:-.02em;font-size:2rem;font-weight:400}.currency-code[data-v-0b706624]{color:#9ca3af;font-size:.9rem;font-weight:500}.balance-actions[data-v-0b706624]{align-items:center;gap:16px;display:flex}.btn-black[data-v-0b706624]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:6px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:opacity .2s}.btn-black[data-v-0b706624]:hover{opacity:.9}.pill-blue[data-v-0b706624]{color:#3b82f6;background:#eff6ff;border-radius:20px;align-items:center;gap:4px;padding:6px 14px;font-size:.75rem;font-weight:500;display:flex}.pill-blue a[data-v-0b706624]{color:#2563eb;text-decoration:none}.pill-blue a[data-v-0b706624]:hover{text-decoration:underline}.monthly-usage-section[data-v-0b706624]{margin-bottom:40px}.section-header[data-v-0b706624]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title[data-v-0b706624]{color:#111827;font-size:1.1rem;font-weight:600}.header-actions[data-v-0b706624]{align-items:center;gap:12px;display:flex}.custom-select[data-v-0b706624]{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;display:flex}.custom-select[data-v-0b706624]:hover{background:#f3f4f6}.consumption-label[data-v-0b706624]{color:#6b7280;margin-bottom:24px;font-size:.85rem}.consumption-value[data-v-0b706624]{color:#9ca3af;margin-left:8px}.chart-container[data-v-0b706624]{flex-direction:column;width:100%;display:flex;position:relative}.y-axis[data-v-0b706624]{color:#6b7280;pointer-events:none;flex-direction:column;justify-content:space-between;width:50px;font-size:.75rem;display:flex;position:absolute;top:0;bottom:30px;left:0}.chart-area[data-v-0b706624]{border-bottom:1px solid #e5e7eb;height:200px;margin-left:55px;position:relative}.grid-lines[data-v-0b706624]{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.grid-line[data-v-0b706624]{background:#f3f4f6;width:100%;height:1px}.x-axis[data-v-0b706624]{color:#9ca3af;justify-content:space-between;align-items:flex-end;height:30px;margin-left:55px;font-size:.75rem;display:flex}.bar-wrapper[data-v-0b706624]{cursor:pointer;align-items:flex-end;width:14px;height:100%;display:flex;position:absolute;bottom:0;transform:translate(-50%)}.bar[data-v-0b706624]{border-radius:2px 2px 0 0;width:100%;transition:opacity .2s}.bar-wrapper:hover .bar[data-v-0b706624]{opacity:.8}.bar-yellow[data-v-0b706624]{background:#eab308}.bar-blue[data-v-0b706624]{background:#3b82f6}.chart-tooltip[data-v-0b706624]{opacity:0;visibility:hidden;z-index:10;pointer-events:none;background:#fff;border-radius:8px;width:max-content;padding:12px 16px;transition:all .2s;position:absolute;bottom:calc(15% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d}.bar-wrapper:hover .chart-tooltip[data-v-0b706624]{opacity:1;visibility:visible;bottom:calc(15% + 15px)}.tooltip-header[data-v-0b706624]{color:#111827;justify-content:space-between;gap:24px;margin-bottom:10px;font-size:.85rem;display:flex}.tooltip-row[data-v-0b706624]{align-items:center;margin-bottom:6px;font-size:.75rem;display:flex}.tooltip-row[data-v-0b706624]:last-child{margin-bottom:0}.tooltip-row .dot[data-v-0b706624]{border-radius:2px;width:8px;height:8px;margin-right:8px}.tooltip-row .label[data-v-0b706624]{color:#6b7280;margin-right:24px}.tooltip-row .val[data-v-0b706624]{color:#9ca3af;margin-left:auto}.model-label[data-v-0b706624]{color:#374151;margin-bottom:16px;font-size:.85rem;font-weight:600}.sub-charts-grid[data-v-0b706624]{grid-template-columns:1fr 1fr;gap:60px;display:grid}.sub-chart-header[data-v-0b706624]{align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.sub-title[data-v-0b706624]{color:#6b7280;font-size:.85rem}.sub-value[data-v-0b706624]{color:#9ca3af;font-size:1rem}.mini-chart .chart-area[data-v-0b706624]{height:140px}.svg-chart[data-v-0b706624]{width:100%;height:100%;position:absolute;bottom:0;left:0;overflow:visible}.view-container[data-v-d00a9ae3]{flex-direction:column;display:flex}.header-with-action[data-v-d00a9ae3]{justify-content:space-between;align-items:flex-start;display:flex}.action-buttons[data-v-d00a9ae3]{gap:12px;display:flex}.btn-outline[data-v-d00a9ae3]{color:var(--primary);border:1px solid var(--primary);box-shadow:none;background:0 0}.btn-outline[data-v-d00a9ae3]:hover{background:#eff6ff}.table-card[data-v-d00a9ae3]{padding:0;overflow:hidden}.table-responsive[data-v-d00a9ae3]{width:100%;overflow-x:auto}.data-table[data-v-d00a9ae3]{border-collapse:collapse;text-align:left;width:100%}.data-table th[data-v-d00a9ae3],.data-table td[data-v-d00a9ae3]{border-bottom:1px solid var(--border-color);padding:16px 24px}.data-table th[data-v-d00a9ae3]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;font-size:.85rem;font-weight:600}.data-table tbody tr[data-v-d00a9ae3]{transition:background .2s}.data-table tbody tr[data-v-d00a9ae3]:hover{background:#f1f5f9}.data-table tbody tr:last-child td[data-v-d00a9ae3]{border-bottom:none}.cell-id[data-v-d00a9ae3]{color:var(--text-muted);font-family:monospace;font-size:.95rem}.user-avatar-name[data-v-d00a9ae3]{color:var(--text-main);align-items:center;gap:12px;font-weight:500;display:flex}.mini-avatar[data-v-d00a9ae3]{width:32px;height:32px;color:var(--primary);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.badge[data-v-d00a9ae3]{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-success[data-v-d00a9ae3]{color:#16a34a;background:#dcfce7}.text-right[data-v-d00a9ae3]{text-align:right}.action-cells[data-v-d00a9ae3]{justify-content:flex-end;gap:12px;display:flex}.btn-text[data-v-d00a9ae3]{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.btn-edit[data-v-d00a9ae3]{color:var(--primary)}.btn-edit[data-v-d00a9ae3]:hover{background:#eff6ff}.btn-danger-text[data-v-d00a9ae3]{color:var(--danger)}.btn-danger-text[data-v-d00a9ae3]:hover{background:#fef2f2}.empty-state[data-v-d00a9ae3]{text-align:center;color:var(--text-muted);padding:60px 24px!important}.empty-icon[data-v-d00a9ae3]{color:#cbd5e1;margin-bottom:12px}.modal-overlay[data-v-d00a9ae3]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-d00a9ae3]{background:var(--surface-color);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-title[data-v-d00a9ae3]{margin-bottom:24px;font-size:1.25rem;font-weight:600}.modal-form[data-v-d00a9ae3]{flex-direction:column;gap:20px;display:flex}.form-group label[data-v-d00a9ae3]{color:var(--text-main);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input[data-v-d00a9ae3]{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem}.form-group input[data-v-d00a9ae3]:disabled{color:var(--text-muted);background:#f1f5f9}.form-group input[data-v-d00a9ae3]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.modal-actions[data-v-d00a9ae3]{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-cancel[data-v-d00a9ae3]{border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-family:inherit;font-weight:500;transition:all .2s}.btn-cancel[data-v-d00a9ae3]:hover{background:#f1f5f9}:root{--bg-color:#f8fafc;--surface-color:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--danger:#ef4444;--danger-hover:#dc2626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000006;--shadow-lg:0 10px 25px -3px #00000008, 0 4px 6px -4px #00000005;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif}.admin-layout{min-height:100vh;display:flex}.admin-main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:280px;display:flex}.top-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;height:70px;padding:0 40px;display:flex;position:sticky;top:0}.header-right{align-items:center;gap:24px;display:flex}.user-profile-top{align-items:center;gap:10px;display:flex}.avatar-sm{width:32px;height:32px;color:var(--primary);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.username{color:var(--text-main);font-size:.9rem;font-weight:500}.btn-logout-top{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-logout-top:hover{color:var(--danger);background:#fef2f2;border-color:#fee2e2}.page-content-wrapper{flex:1;max-width:1400px;padding:40px}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:30px;transition:box-shadow .3s}.card:hover{box-shadow:var(--shadow-md)}.page-title{color:var(--text-main);letter-spacing:-.02em;margin-bottom:5px;font-size:1.75rem;font-weight:600}.page-subtitle{color:var(--text-muted);margin-bottom:30px;font-size:1rem}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #2563eb33}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #2563eb4d}.btn-danger{color:var(--danger);cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (width<=768px){.admin-layout{flex-direction:column}.admin-main-content{margin-left:0;padding:20px}}