.notification-icon[data-v-807e953a]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#fff3;font-weight:700;flex-shrink:0}.notification-message[data-v-807e953a]{flex:1}.snackbar[data-v-807e953a]{cursor:pointer;-webkit-user-select:none;user-select:none}.notification-enter-active[data-v-807e953a]{animation:slideInRight .3s ease-out}.notification-leave-active[data-v-807e953a]{animation:slideOutRight-807e953a .3s ease-in}@keyframes slideOutRight-807e953a{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.app{width:100%;min-height:100vh}.login-container[data-v-2fe7da84]{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card[data-v-2fe7da84]{background:#fff;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0000001a}h1[data-v-2fe7da84]{font-size:32px;margin-bottom:8px;color:#333;text-align:center}.subtitle[data-v-2fe7da84]{text-align:center;color:#999;margin-bottom:30px;font-size:14px}.form-group[data-v-2fe7da84]{margin-bottom:20px}label[data-v-2fe7da84]{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}input[data-v-2fe7da84]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s}input[data-v-2fe7da84]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn[data-v-2fe7da84]{width:100%;padding:12px;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:14px;transition:all .3s}.btn-primary[data-v-2fe7da84]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-2fe7da84]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn[data-v-2fe7da84]:disabled{opacity:.7;cursor:not-allowed}.error-message[data-v-2fe7da84]{margin-top:20px;padding:12px;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;text-align:center}@media(max-width:480px){.login-card[data-v-2fe7da84]{padding:30px 20px}h1[data-v-2fe7da84]{font-size:24px}}.snackbar[data-v-2fe7da84]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;z-index:1000;box-shadow:0 4px 12px #0003;animation:slideUp-2fe7da84 .3s ease-in-out;max-width:90%;word-wrap:break-word}.snackbar.success[data-v-2fe7da84]{background-color:#4caf50}.snackbar.error[data-v-2fe7da84]{background-color:#f44336}@keyframes slideUp-2fe7da84{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:480px){.snackbar[data-v-2fe7da84]{top:16px;left:16px;right:16px;transform:none;max-width:none}}.btn-full-width[data-v-c7746dd8]{width:100%}.btn-loading[data-v-c7746dd8]{position:relative;color:transparent;pointer-events:none}.btn-loading .loading-spinner[data-v-c7746dd8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin-c7746dd8 .6s linear infinite}@keyframes spin-c7746dd8{to{transform:translate(-50%,-50%) rotate(360deg)}}.modal-small[data-v-6e5d2fb3]{max-width:400px}.modal-medium[data-v-6e5d2fb3]{max-width:500px}.modal-large[data-v-6e5d2fb3]{max-width:700px}.modal-danger .modal-header[data-v-6e5d2fb3]{border-bottom-color:var(--color-error)}.modal-danger .modal-header h2[data-v-6e5d2fb3]{color:var(--color-error)}.modal-enter-active[data-v-6e5d2fb3],.modal-leave-active[data-v-6e5d2fb3]{transition:opacity var(--transition-base)}.modal-enter-from[data-v-6e5d2fb3],.modal-leave-to[data-v-6e5d2fb3]{opacity:0}.modal-enter-active .modal[data-v-6e5d2fb3],.modal-leave-active .modal[data-v-6e5d2fb3]{transition:transform var(--transition-base)}.modal-enter-from .modal[data-v-6e5d2fb3],.modal-leave-to .modal[data-v-6e5d2fb3]{transform:translateY(-20px)}.required-mark[data-v-42348985]{color:var(--color-error);margin-left:2px}.input-error[data-v-42348985]{border-color:var(--color-error)!important}.input-error[data-v-42348985]:focus{box-shadow:0 0 0 3px #ef44441a!important}.input-disabled[data-v-42348985]{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.error-message[data-v-42348985]{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-error)}.hint-message[data-v-42348985]{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary)}.select-wrapper[data-v-b97ef57f]{position:relative}.select-wrapper input[data-v-b97ef57f]{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.select-wrapper input[data-v-b97ef57f]:hover:not(:disabled){border-color:var(--color-primary)}.select-wrapper input[data-v-b97ef57f]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a;cursor:text}.select-open[data-v-b97ef57f]{border-color:var(--color-primary)!important}.dropdown-menu[data-v-b97ef57f]{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:1000}.dropdown-item[data-v-b97ef57f]{padding:10px 12px;cursor:pointer;transition:background-color .2s;font-size:14px}.dropdown-item[data-v-b97ef57f]:hover,.dropdown-item.highlighted[data-v-b97ef57f]{background-color:var(--color-bg-secondary)}.dropdown-item.selected[data-v-b97ef57f]{background-color:#667eea1a;color:var(--color-primary);font-weight:600}.dropdown-item.no-results[data-v-b97ef57f]{color:var(--color-text-secondary);text-align:center;cursor:default}.dropdown-item.no-results[data-v-b97ef57f]:hover{background-color:transparent}.required-mark[data-v-b97ef57f]{color:var(--color-error);margin-left:2px}.select-error[data-v-b97ef57f]{border-color:var(--color-error)!important}.select-error[data-v-b97ef57f]:focus{box-shadow:0 0 0 3px #ef44441a!important}.select-disabled[data-v-b97ef57f]{opacity:.6;pointer-events:none}.select-disabled input[data-v-b97ef57f]{background-color:var(--color-bg-tertiary);cursor:not-allowed}.error-message[data-v-b97ef57f]{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-error)}.hint-message[data-v-b97ef57f]{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary)}.required-mark[data-v-a8eb6038]{color:var(--color-error);margin-left:2px}.input-error[data-v-a8eb6038]{border-color:var(--color-error)!important}.input-error[data-v-a8eb6038]:focus{box-shadow:0 0 0 3px #ef44441a!important}.input-disabled[data-v-a8eb6038]{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}.error-message[data-v-a8eb6038]{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-error)}.hint-message[data-v-a8eb6038]{display:block;margin-top:var(--spacing-xs);font-size:.875rem;color:var(--color-text-secondary)}.transaction-create-form[data-v-f3fdae9e]{display:flex;flex-direction:column;gap:2px}.form-group[data-v-f3fdae9e]{margin-bottom:16px}.form-group label[data-v-f3fdae9e]{display:block;margin-bottom:6px;font-weight:600;color:var(--color-text-primary);font-size:14px}.required-mark[data-v-f3fdae9e]{color:var(--color-error);margin-left:2px}.category-control[data-v-f3fdae9e]{display:flex;gap:8px;align-items:flex-end}.category-control[data-v-f3fdae9e] .form-group{flex:1;margin-bottom:0}.btn-add-category[data-v-f3fdae9e]{min-width:40px;padding:10px 12px!important;font-size:16px;font-weight:700}.form-actions[data-v-f3fdae9e]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--color-border-light)}.category-create-form[data-v-567319a5]{display:flex;flex-direction:column;gap:2px}.form-actions[data-v-567319a5]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--color-border-light)}.home-page[data-v-0eeb1643]{min-height:100vh;background-color:var(--bg-primary)}.header[data-v-0eeb1643]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.header h1[data-v-0eeb1643]{margin:0;font-size:28px;font-weight:600}.container[data-v-0eeb1643]{max-width:600px;margin:40px auto;padding:0 20px}.menu-section h2[data-v-0eeb1643]{color:var(--color-text-primary);margin-bottom:24px;font-size:20px;font-weight:600}.menu-buttons[data-v-0eeb1643]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.menu-btn[data-v-0eeb1643]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;border:none;border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:all .3s;box-shadow:var(--shadow-sm);font-size:14px;font-weight:600}.menu-btn[data-v-0eeb1643]:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.menu-btn .icon[data-v-0eeb1643]{font-size:36px;margin-bottom:12px}.menu-btn.btn-add[data-v-0eeb1643]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.menu-btn.btn-report[data-v-0eeb1643]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.menu-btn.btn-accounts[data-v-0eeb1643]{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}@media(max-width:480px){.menu-buttons[data-v-0eeb1643]{grid-template-columns:1fr}.header[data-v-0eeb1643]{padding:16px}.header h1[data-v-0eeb1643]{font-size:24px}.menu-btn[data-v-0eeb1643]{padding:28px 16px}.menu-btn .icon[data-v-0eeb1643]{font-size:32px}}.filters-section[data-v-6c283e6e]{margin-bottom:24px}.type-selector[data-v-6c283e6e]{display:flex;gap:12px;margin-bottom:24px;justify-content:center}.filters-card[data-v-6c283e6e]{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.filters-card h3[data-v-6c283e6e]{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.filters-grid[data-v-6c283e6e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filters-actions[data-v-6c283e6e]{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--color-border-light)}@media(max-width:768px){.filters-grid[data-v-6c283e6e]{grid-template-columns:1fr}.type-selector[data-v-6c283e6e]{width:100%}.type-selector button[data-v-6c283e6e]{flex:1}.filters-actions[data-v-6c283e6e]{flex-direction:column}.filters-actions button[data-v-6c283e6e]{width:100%}}.chart-section[data-v-c91c8354]{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.chart-header[data-v-c91c8354]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.chart-header h3[data-v-c91c8354]{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.chart-total[data-v-c91c8354]{display:flex;align-items:center;gap:8px}.total-label[data-v-c91c8354]{font-size:14px;color:var(--color-text-secondary);font-weight:500}.total-amount[data-v-c91c8354]{font-size:24px;font-weight:700}.total-amount.positive[data-v-c91c8354]{color:var(--color-success)}.total-amount.negative[data-v-c91c8354]{color:var(--color-error)}.chart-container[data-v-c91c8354]{max-width:500px;margin:0 auto;padding:20px}.no-data[data-v-c91c8354]{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:16px}@media(max-width:768px){.chart-header[data-v-c91c8354]{flex-direction:column;align-items:flex-start}.chart-container[data-v-c91c8354]{max-width:100%;padding:10px}.total-amount[data-v-c91c8354]{font-size:20px}}.table-section[data-v-b565396e]{background:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}.table-section h3[data-v-b565396e]{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-text-primary)}.loading-state[data-v-b565396e],.no-data[data-v-b565396e]{text-align:center;padding:60px 20px;color:var(--color-text-secondary);font-size:16px}.table-responsive[data-v-b565396e]{overflow-x:auto;margin-bottom:20px}.transactions-table[data-v-b565396e]{width:100%;border-collapse:collapse;min-width:800px}.transactions-table th[data-v-b565396e],.transactions-table td[data-v-b565396e]{padding:12px;text-align:left;border-bottom:1px solid var(--color-border-light)}.transactions-table th[data-v-b565396e]{font-weight:600;color:var(--color-text-secondary);font-size:14px;background-color:var(--color-bg-secondary);position:sticky;top:0;z-index:10}.transactions-table tbody tr[data-v-b565396e]{transition:background-color .2s}.transactions-table tbody tr[data-v-b565396e]:hover{background-color:var(--color-bg-tertiary)}.transactions-table td.amount[data-v-b565396e]{font-weight:600;color:var(--color-text-primary)}.action-buttons[data-v-b565396e]{display:flex;gap:8px}.pagination[data-v-b565396e]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--color-border-light);flex-wrap:wrap;gap:16px}.pagination-controls[data-v-b565396e]{display:flex;align-items:center;gap:16px}.pagination-info[data-v-b565396e]{color:var(--color-text-secondary);font-size:14px}.page-size-selector[data-v-b565396e]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-secondary)}.page-size-select[data-v-b565396e]{padding:6px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;color:var(--color-text-primary);font-size:14px;cursor:pointer;transition:border-color .2s}.page-size-select[data-v-b565396e]:hover{border-color:var(--color-primary)}.page-size-select[data-v-b565396e]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}@media(max-width:768px){.table-section[data-v-b565396e]{padding:16px}.pagination[data-v-b565396e]{flex-direction:column;gap:12px}.pagination-info[data-v-b565396e]{order:-1}.action-buttons[data-v-b565396e]{flex-direction:column;width:100%}}.transaction-form[data-v-40c8a4f2]{display:flex;flex-direction:column;gap:2px}.form-actions[data-v-40c8a4f2]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.report-page[data-v-d93567b6]{min-height:100vh;background-color:var(--bg-primary)}.header[data-v-d93567b6]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.header h1[data-v-d93567b6]{margin:0;font-size:28px;font-weight:600}.container[data-v-d93567b6]{max-width:1200px;margin:24px auto;padding:0 16px}.delete-confirmation[data-v-d93567b6]{text-align:center;padding:8px 0}.delete-confirmation p[data-v-d93567b6]{margin:8px 0;color:var(--color-text-secondary)}.transaction-info[data-v-d93567b6]{margin-top:16px!important;padding:12px;background-color:var(--color-bg-secondary);border-radius:4px;color:var(--color-text-primary)!important}.modal-actions[data-v-d93567b6]{display:flex;gap:12px;justify-content:flex-end}.card[data-v-6e979460]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px;overflow-x:auto}.accounts-table[data-v-6e979460]{width:100%;border-collapse:collapse;min-width:700px}.accounts-table th[data-v-6e979460],.accounts-table td[data-v-6e979460]{padding:12px;border-bottom:1px solid #eee;text-align:left}.accounts-table th[data-v-6e979460]{font-weight:600;color:var(--text-secondary);font-size:14px;background-color:var(--bg-secondary)}.accounts-table tbody tr[data-v-6e979460]{transition:background-color .2s}.accounts-table tbody tr[data-v-6e979460]:hover{background-color:var(--bg-hover)}.text-center[data-v-6e979460]{text-align:center!important;padding:24px!important;color:var(--text-secondary)}.action-buttons[data-v-6e979460]{display:flex;gap:8px}.account-form[data-v-806e64da]{display:flex;flex-direction:column;gap:2px}.form-actions[data-v-806e64da]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.accounts-page[data-v-b833a5e2]{min-height:100vh;background-color:var(--bg-primary)}.header[data-v-b833a5e2]{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.header h1[data-v-b833a5e2]{margin:0;font-size:28px;font-weight:600}.container[data-v-b833a5e2]{max-width:1000px;margin:24px auto;padding:0 16px}.actions[data-v-b833a5e2]{margin-bottom:16px;display:flex;justify-content:flex-end}.card[data-v-b833a5e2]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000000f;margin-bottom:16px}.add-form[data-v-b833a5e2]{animation:slideDown-b833a5e2 .3s ease-out}@keyframes slideDown-b833a5e2{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-title[data-v-b833a5e2]{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--text-primary)}.delete-confirmation[data-v-b833a5e2]{text-align:center;padding:8px 0}.delete-confirmation p[data-v-b833a5e2]{margin:8px 0;color:var(--text-secondary)}.account-info[data-v-b833a5e2]{margin-top:16px!important;padding:12px;background-color:var(--bg-secondary);border-radius:4px;color:var(--text-primary)!important}.modal-actions[data-v-b833a5e2]{display:flex;gap:12px;justify-content:flex-end}.not-found h1[data-v-feff5ab8]{font-size:2rem;margin-bottom:.5rem}.not-found p[data-v-feff5ab8]{color:#666;margin-bottom:1rem}.btn[data-v-feff5ab8]{color:#fff;background:#42b983;padding:.5rem 1rem;border-radius:4px;text-decoration:none}:root{--color-primary: #667eea;--color-primary-dark: #5568d3;--color-primary-light: #818cf8;--color-secondary: #764ba2;--color-secondary-dark: #5e3a82;--color-secondary-light: #9966ff;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-tertiary: #f9fafb;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-tertiary)}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-success{background:var(--gradient-success);color:#fff}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-back{padding:.5rem 1rem;background-color:var(--color-bg-primary);color:var(--color-text-secondary);border:1px solid var(--color-border);font-size:.9rem}.form-group,.form-row{margin-bottom:var(--spacing-sm)}.form-group label,.form-row label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-primary);font-size:.95rem}.form-group input,.form-group select,.form-group textarea,.form-row input,.form-row select,.form-row textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast);background-color:var(--color-bg-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder,.form-row input::placeholder{color:var(--color-text-tertiary)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=date],select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);background-color:var(--color-bg-primary);color:var(--color-text-primary)}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}input:disabled,select:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed;opacity:.6}input::placeholder{color:var(--color-text-tertiary)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;cursor:pointer}.card{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast);padding:var(--spacing-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-base)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-light)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--color-text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-light)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.close-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px}.snackbar{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:#fff;font-weight:500;box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.snackbar.success{background-color:var(--color-success)}.snackbar.error{background-color:var(--color-error)}.snackbar.warning{background-color:var(--color-warning)}.snackbar.info{background-color:var(--color-info)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-lg)}.page-header h1{margin:0;font-size:2rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){html{font-size:14px}.notification-container{left:var(--spacing-md);right:var(--spacing-md);top:var(--spacing-md);max-width:none}.modal{max-width:100%;margin:var(--spacing-md)}.modal-header h2{font-size:1.25rem}.page-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.page-header h1{font-size:1.5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}