.sidebar[data-v-9267d69c]{position:fixed;top:0;left:0;height:100vh;width:240px;background-color:var(--color-bg-subtle);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:20}.sidebar.collapsed[data-v-9267d69c]{width:64px}.sidebar-header[data-v-9267d69c]{height:60px;display:flex;align-items:center;padding:0 var(--space-4);border-bottom:1px solid transparent}.logo[data-v-9267d69c]{display:flex;align-items:center;gap:var(--space-3);color:var(--color-primary)}.logo-text[data-v-9267d69c]{font-size:1rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;letter-spacing:-.02em}.sidebar-nav[data-v-9267d69c]{flex:1;padding:var(--space-4) var(--space-2);overflow-y:auto}.nav-list[data-v-9267d69c]{list-style:none;display:flex;flex-direction:column;gap:2px}.nav-item[data-v-9267d69c]{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.nav-item[data-v-9267d69c]:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active[data-v-9267d69c]{background:var(--color-bg-hover);color:var(--color-primary);font-weight:500}.nav-label[data-v-9267d69c]{font-size:.875rem;white-space:nowrap}.sidebar-footer[data-v-9267d69c]{padding:var(--space-4)}.version[data-v-9267d69c]{font-size:.75rem;color:var(--color-text-tertiary);text-align:center}@media(max-width:768px){.sidebar[data-v-9267d69c]{transform:translate(-100%);box-shadow:none}.sidebar.mobile-open[data-v-9267d69c]{transform:translate(0);box-shadow:2px 0 8px #00000026}.sidebar.collapsed[data-v-9267d69c]{transform:translate(-100%)}.sidebar.collapsed.mobile-open[data-v-9267d69c]{transform:translate(0);width:240px}}.toast-container[data-v-3755ed70]{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast[data-v-3755ed70]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-size:.875rem;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-success[data-v-3755ed70]{background-color:#22c55ef2;color:#fff}.toast-error[data-v-3755ed70]{background-color:#ef4444f2;color:#fff}.toast-warning[data-v-3755ed70]{background-color:#f59e0bf2;color:#fff}.toast-info[data-v-3755ed70]{background-color:#1f2937f2;color:#fff}.toast-icon[data-v-3755ed70]{font-weight:700}.toast-message[data-v-3755ed70]{flex:1}.toast-enter-active[data-v-3755ed70]{animation:toast-enter-3755ed70 .3s ease}.toast-leave-active[data-v-3755ed70]{animation:toast-leave-3755ed70 .3s ease}@keyframes toast-enter-3755ed70{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-leave-3755ed70{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.app-layout[data-v-edb2eeb4]{display:flex;min-height:100vh}.main-content[data-v-edb2eeb4]{flex:1;margin-left:240px;transition:margin-left var(--transition-slow);display:flex;flex-direction:column}.main-content.sidebar-collapsed[data-v-edb2eeb4]{margin-left:64px}.page-header[data-v-edb2eeb4]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:#fff;border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:10}.header-left[data-v-edb2eeb4]{display:flex;align-items:center;gap:var(--space-3)}.page-title[data-v-edb2eeb4]{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.header-right[data-v-edb2eeb4]{display:flex;align-items:center;gap:var(--space-2)}.btn-logout[data-v-edb2eeb4]{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-600)}.btn-logout[data-v-edb2eeb4]:hover{color:var(--color-danger)}.page-content[data-v-edb2eeb4]{flex:1;padding:var(--space-6);overflow-y:auto}.sidebar-overlay[data-v-edb2eeb4]{display:none;position:fixed;inset:0;background-color:#00000080;z-index:15}@media(max-width:768px){.main-content[data-v-edb2eeb4],.main-content.sidebar-collapsed[data-v-edb2eeb4]{margin-left:0}.sidebar-overlay[data-v-edb2eeb4]{display:block}.page-header[data-v-edb2eeb4]{padding:var(--space-3) var(--space-4)}.page-title[data-v-edb2eeb4]{font-size:1.125rem}.page-content[data-v-edb2eeb4]{padding:var(--space-4)}.menu-btn[data-v-edb2eeb4]{display:flex}}@media(min-width:769px){.menu-btn[data-v-edb2eeb4]{display:none}}:root{--color-primary: #171717;--color-primary-hover: #000000;--color-primary-text: #ffffff;--color-accent: #2563eb;--color-accent-subtle: #eff6ff;--color-success: #16a34a;--color-warning: #ea580c;--color-danger: #dc2626;--color-bg-base: #ffffff;--color-bg-subtle: #fafafa;--color-bg-hover: #f5f5f5;--color-border: #e5e5e5;--color-border-hover: #a3a3a3;--color-text-primary: #171717;--color-text-secondary: #737373;--color-text-tertiary: #a3a3a3;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg-base)}body{min-height:100vh;background-color:var(--color-bg-base)}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.btn-outline,.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-sm{padding:4px 10px;font-size:.75rem;height:28px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:1rem}.input,.select{width:100%;padding:8px 12px;font-size:.875rem;font-family:inherit;color:var(--color-text-primary);background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input:hover,.select:hover{border-color:var(--color-border-hover)}.input:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0000000d}.input::placeholder{color:var(--color-text-tertiary)}.card{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.card-hover{transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.card-hover:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge,.badge-gray{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary)}.badge-primary{background-color:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.category-food{background-color:#fff7ed;color:#c2410c;border:1px solid #ffedd5}.category-shopping{background-color:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.category-transport{background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7}.category-entertainment{background-color:#fdf2f8;color:#be185d;border:1px solid #fce7f3}.category-subscription{background-color:#f5f3ff;color:#7c3aed;border:1px solid #ede9fe}.category-medical{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.category-other{background-color:#f9fafb;color:#4b5563;border:1px solid #e5e7eb}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.modal-overlay{position:fixed;inset:0;background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-hover);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;z-index:51}.toast-container{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{background-color:var(--color-primary);color:#fff;padding:12px 16px;border-radius:var(--radius-md);font-size:.875rem;box-shadow:var(--shadow);animation:slide-up .3s ease}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}