first commit

app/static/css/app.css

@@ -0,0 +1,379 @@
+:root {
+  --app-radius: 1.2rem;
+  --app-radius-sm: .9rem;
+  --app-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
+  --app-shadow-lg: 0 20px 45px rgba(15, 23, 42, 0.12);
+  --app-border: rgba(148, 163, 184, 0.2);
+  --app-brand: #2563eb;
+  --app-brand-2: #7c3aed;
+  --app-surface: rgba(255,255,255,.75);
+  --app-surface-strong: rgba(255,255,255,.92);
+}
+
+html[data-bs-theme="dark"] {
+  --bs-body-bg: #0b1220;
+  --bs-body-color: #e5eefc;
+  --bs-secondary-bg: #111827;
+  --bs-tertiary-bg: #0f172a;
+  --bs-border-color: rgba(148, 163, 184, 0.22);
+  --bs-card-bg: rgba(15, 23, 42, 0.9);
+  --bs-emphasis-color: #f8fafc;
+  --bs-secondary-color: #94a3b8;
+  --app-shadow: 0 14px 40px rgba(2, 6, 23, 0.45);
+  --app-shadow-lg: 0 24px 56px rgba(2, 6, 23, 0.55);
+  --app-border: rgba(148, 163, 184, 0.16);
+  --app-surface: rgba(15, 23, 42, .78);
+  --app-surface-strong: rgba(15, 23, 42, .94);
+}
+
+body {
+  min-height: 100vh;
+  background:
+    radial-gradient(circle at top left, rgba(37,99,235,0.12), transparent 26%),
+    radial-gradient(circle at top right, rgba(124,58,237,0.12), transparent 20%),
+    var(--bs-body-bg);
+}
+
+main.container { position: relative; z-index: 1; }
+
+.navbar.app-navbar {
+  backdrop-filter: blur(18px);
+  background: var(--app-surface) !important;
+  border-bottom: 1px solid var(--app-border) !important;
+}
+
+.brand-mark {
+  width: 2.45rem;
+  height: 2.45rem;
+  border-radius: .95rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  background: linear-gradient(135deg, var(--app-brand), var(--app-brand-2));
+  box-shadow: var(--app-shadow);
+}
+
+.navbar-brand-text small {
+  display: block;
+  font-size: .72rem;
+  letter-spacing: .08em;
+  text-transform: uppercase;
+  color: var(--bs-secondary-color);
+}
+
+.card,
+.glass-card {
+  border: 1px solid var(--app-border);
+  border-radius: var(--app-radius);
+  background: var(--app-surface-strong);
+  box-shadow: var(--app-shadow);
+}
+
+.card:hover { transition: transform .18s ease, box-shadow .18s ease; }
+.card:hover { transform: translateY(-1px); box-shadow: var(--app-shadow-lg); }
+
+.metric-card .metric-icon,
+.feature-icon,
+.soft-icon {
+  width: 2.8rem;
+  height: 2.8rem;
+  border-radius: 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(124,58,237,.14));
+  color: var(--app-brand);
+}
+
+html[data-bs-theme="dark"] .metric-card .metric-icon,
+html[data-bs-theme="dark"] .feature-icon,
+html[data-bs-theme="dark"] .soft-icon {
+  color: #9ec5ff;
+  background: linear-gradient(135deg, rgba(59,130,246,.2), rgba(139,92,246,.22));
+}
+
+.hero-panel {
+  padding: 1.35rem;
+  border-radius: calc(var(--app-radius) + .25rem);
+  background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(124,58,237,.10));
+  border: 1px solid var(--app-border);
+  box-shadow: var(--app-shadow);
+}
+
+html[data-bs-theme="dark"] .hero-panel {
+  background: linear-gradient(135deg, rgba(30,41,59,.88), rgba(15,23,42,.96));
+}
+
+.btn {
+  border-radius: .9rem;
+  font-weight: 600;
+}
+
+.btn-primary {
+  background: linear-gradient(135deg, var(--app-brand), var(--app-brand-2));
+  border: 0;
+  box-shadow: 0 12px 24px rgba(37,99,235,.22);
+}
+
+.btn-primary:hover,
+.btn-primary:focus {
+  filter: brightness(1.03);
+}
+
+.btn-outline-secondary,
+.btn-outline-primary,
+.btn-outline-danger {
+  border-width: 1px;
+}
+
+.form-control,
+.form-select {
+  min-height: 2.9rem;
+  border-radius: .9rem;
+  border-color: var(--app-border);
+  background-color: rgba(255,255,255,.65);
+}
+
+html[data-bs-theme="dark"] .form-control,
+html[data-bs-theme="dark"] .form-select {
+  background-color: rgba(15,23,42,.82);
+  color: var(--bs-body-color);
+}
+
+.form-control:focus,
+.form-select:focus {
+  box-shadow: 0 0 0 .25rem rgba(37,99,235,.14);
+}
+
+.table td, .table th { vertical-align: middle; }
+.table > :not(caption) > * > * { border-color: var(--app-border); }
+
+.list-group-item {
+  border-color: var(--app-border);
+  background: transparent;
+}
+
+.login-card { overflow: hidden; }
+.login-card::before {
+  content: "";
+  display: block;
+  height: 6px;
+  background: linear-gradient(135deg, var(--app-brand), var(--app-brand-2));
+}
+
+.brand-icon {
+  width: 4.3rem;
+  height: 4.3rem;
+  margin-inline: auto;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1.4rem;
+  font-size: 1.6rem;
+  color: white;
+  background: linear-gradient(135deg, var(--app-brand), var(--app-brand-2));
+  box-shadow: var(--app-shadow-lg);
+}
+
+.app-section-title {
+  display: flex;
+  align-items: center;
+  gap: .75rem;
+  margin-bottom: 1rem;
+}
+
+.expense-row-thumb {
+  width: 48px;
+  height: 48px;
+  border-radius: .9rem;
+  object-fit: cover;
+  border: 1px solid var(--app-border);
+}
+
+.month-switcher {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  gap: .75rem;
+  align-items: center;
+}
+
+.month-switcher .center-panel {
+  display: flex;
+  gap: .5rem;
+  align-items: center;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding: .75rem;
+  border-radius: 1rem;
+  border: 1px solid var(--app-border);
+  background: rgba(255,255,255,.48);
+}
+
+html[data-bs-theme="dark"] .month-switcher .center-panel {
+  background: rgba(15,23,42,.72);
+}
+
+.quick-stats {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.quick-stats .metric-card { padding: 1rem; }
+.badge.soft-badge {
+  background: rgba(37,99,235,.12);
+  color: var(--app-brand);
+  border: 1px solid rgba(37,99,235,.12);
+}
+
+html[data-bs-theme="dark"] .badge.soft-badge {
+  background: rgba(59,130,246,.18);
+  color: #bfdbfe;
+}
+
+.chart-wrap { position: relative; height: 360px; min-height: 360px; }
+.empty-state {
+  padding: 2rem 1rem;
+  text-align: center;
+  color: var(--bs-secondary-color);
+}
+
+.empty-state .fa-solid {
+  font-size: 2rem;
+  margin-bottom: .75rem;
+  opacity: .7;
+}
+
+.footer-note {
+  color: var(--bs-secondary-color);
+  font-size: .9rem;
+}
+
+@media (max-width: 992px) {
+  .quick-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+
+@media (max-width: 768px) {
+  .container { padding-left: 1rem; padding-right: 1rem; }
+  .month-switcher { grid-template-columns: 1fr; }
+  .quick-stats { grid-template-columns: 1fr; }
+  .hero-panel { padding: 1rem; }
+}
+
+
+.app-shell { display:grid; grid-template-columns: 290px 1fr; min-height:100vh; }
+.app-sidebar { position:sticky; top:0; height:100vh; padding:1.25rem; background:rgba(255,255,255,.58); border-right:1px solid var(--app-border); backdrop-filter:blur(18px); }
+html[data-bs-theme="dark"] .app-sidebar { background:rgba(2,6,23,.78); }
+.app-main { min-width:0; }
+.sidebar-brand { display:flex; align-items:center; gap:.9rem; text-decoration:none; color:inherit; font-weight:800; }
+.sidebar-brand small { display:block; color:var(--bs-secondary-color); font-size:.75rem; font-weight:600; text-transform:uppercase; letter-spacing:.08em; }
+.sidebar-nav { display:grid; gap:.35rem; }
+.sidebar-nav .nav-link { display:flex; align-items:center; gap:.9rem; padding:.85rem 1rem; border-radius:1rem; color:inherit; }
+.sidebar-nav .nav-link:hover { background:rgba(37,99,235,.08); }
+.sidebar-user { padding:1rem; border:1px solid var(--app-border); border-radius:1rem; background:var(--app-surface-strong); }
+.metric-card { padding:1rem 1.1rem; }
+.stat-overview-card { padding:1rem; }
+.stat-overview-card .metric-label { color:var(--bs-secondary-color); font-size:.9rem; }
+.stat-overview-card .metric-value { font-size:1.65rem; font-weight:800; }
+.preview-trigger img { max-width:100%; }
+.modal-content.glass-card { background:var(--app-surface-strong); }
+@media (max-width: 992px) { .app-shell { display:block; } .app-content { padding-bottom:5rem; } }
+
+
+.app-sidebar {width: 280px; min-height: 100vh; position: sticky; top: 0; padding: 1.2rem; background: rgba(255,255,255,.62); backdrop-filter: blur(16px); border-right: 1px solid var(--app-border);} 
+html[data-bs-theme="dark"] .app-sidebar {background: rgba(2,6,23,.75);} 
+.sidebar-brand {display:flex; align-items:center; gap:.9rem; color:inherit; text-decoration:none; font-weight:700;} 
+.sidebar-brand small {display:block; color:var(--bs-secondary-color); font-size:.75rem;} 
+.sidebar-nav .nav-link {display:flex; gap:.85rem; align-items:center; border-radius:1rem; padding:.85rem 1rem; color:inherit;} 
+.sidebar-nav .nav-link:hover {background: rgba(37,99,235,.10);} 
+.app-shell{display:flex;} .app-main{flex:1; min-width:0;} .app-content{max-width:1500px;} 
+.soft-badge{background: rgba(37,99,235,.10); color: var(--app-brand); border:1px solid rgba(37,99,235,.12);} 
+.empty-state{padding:3rem; text-align:center; color:var(--bs-secondary-color); display:grid; gap:.6rem; place-items:center;} 
+.empty-state i{font-size:2rem;} .footer-note{color:var(--bs-secondary-color); font-size:.92rem;} 
+.chart-wrap{position:relative; height:360px; min-height:360px;} .metric-label{font-size:.9rem; color:var(--bs-secondary-color);} .metric-value{font-size:1.65rem; font-weight:800;} 
+.document-editor-card{position:sticky; top:6rem;} .document-preview-shell{border:1px dashed var(--app-border); border-radius:1rem; padding:.75rem; background:rgba(255,255,255,.45);} 
+html[data-bs-theme="dark"] .document-preview-shell{background:rgba(15,23,42,.52);} 
+.document-preview-stage{position:relative; min-height:320px; display:grid; place-items:center; overflow:hidden; border-radius:1rem; background:linear-gradient(135deg, rgba(37,99,235,.06), rgba(124,58,237,.04));} 
+.document-preview-stage img{max-width:100%; max-height:440px; border-radius:1rem; transform-origin:center center; user-select:none;} 
+.document-preview-empty{display:grid; gap:.6rem; text-align:center; color:var(--bs-secondary-color);} 
+.document-preview-empty i{font-size:2rem;} .crop-selection{position:absolute; border:2px solid rgba(37,99,235,.75); background:rgba(37,99,235,.16); border-radius:.6rem; pointer-events:none;} 
+@media (max-width: 991.98px){ .quick-stats{grid-template-columns: repeat(2, minmax(0, 1fr));} .month-switcher{grid-template-columns:1fr;} .document-editor-card{position:static;} }
+@media (max-width: 575.98px){ .quick-stats{grid-template-columns: 1fr;} }
+
+.chart-wrap { position: relative; height: 360px; min-height: 360px; }
+.chart-canvas { display:block; width:100% !important; height: calc(100% - 2.5rem) !important; }
+@media (max-width: 768px) { .chart-wrap { height: 300px; min-height: 300px; } }
+
+.upload-actions .btn{justify-content:center;}
+
+
+.expense-list-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+.expense-filters .form-label { font-weight: 600; }
+.search-input-wrap { position: relative; }
+.search-input-wrap i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--bs-secondary-color); z-index: 2; }
+.expense-groups { grid-template-columns: 1fr; }
+.expense-group-card { overflow: hidden; }
+.expense-group-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(124,58,237,.06));
+  border-bottom: 1px solid var(--app-border);
+}
+html[data-bs-theme="dark"] .expense-group-header {
+  background: linear-gradient(135deg, rgba(37,99,235,.16), rgba(124,58,237,.12));
+}
+.expense-list-item {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 1rem;
+  padding: 1rem 1.25rem;
+  border-bottom: 1px solid var(--app-border);
+}
+.expense-list-item:last-child { border-bottom: 0; }
+.expense-list-main { display: flex; gap: 1rem; min-width: 0; }
+.expense-list-thumb-wrap { flex: 0 0 auto; }
+.expense-title { font-size: 1.02rem; font-weight: 700; }
+.expense-list-copy { min-width: 0; }
+.expense-meta-row {
+  display: flex;
+  gap: .8rem;
+  flex-wrap: wrap;
+  color: var(--bs-secondary-color);
+  font-size: .92rem;
+}
+.expense-list-side { display: flex; flex-direction: column; align-items: end; justify-content: space-between; gap: .85rem; }
+.expense-amount { font-size: 1.08rem; font-weight: 800; white-space: nowrap; }
+.expense-actions { display: flex; flex-wrap: wrap; justify-content: end; gap: .5rem; }
+@media (max-width: 992px) {
+  .expense-list-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (max-width: 768px) {
+  .expense-list-item { grid-template-columns: 1fr; }
+  .expense-list-side { align-items: stretch; }
+  .expense-actions { justify-content: start; }
+}
+
+.chart-card{position:relative;height:320px;min-height:320px}.language-picker .flag-btn{border-radius:999px;padding:.25rem .55rem}.language-picker .flag-btn.active{box-shadow:0 0 0 2px rgba(37,99,235,.35)}.drop-upload-zone{align-items:center;justify-content:center;min-height:88px;border:2px dashed rgba(120,130,160,.35);border-radius:16px;background:rgba(99,102,241,.04);color:var(--bs-secondary-color);cursor:pointer}.drop-upload-zone.is-dragover{border-color:var(--bs-primary);background:rgba(59,130,246,.12)}.app-sidebar .nav-link{display:flex;gap:.75rem;align-items:center}.app-sidebar .nav-link span{display:inline-block}.settings-section .card{height:100%}
+
+
+/* layout fixes */
+.app-shell { display:grid !important; grid-template-columns: 280px minmax(0,1fr) !important; min-height:100vh; }
+.app-sidebar { width:auto !important; display:flex; flex-direction:column; gap:1rem; }
+.app-main { min-width:0; }
+.app-content { width:100%; max-width:none; }
+.sidebar-nav .nav-link { width:100%; font-weight:600; }
+.sidebar-nav .nav-link i { width:1.1rem; text-align:center; }
+.navbar.app-navbar { z-index:1030; }
+.language-picker { display:flex; align-items:center; gap:.35rem; }
+.chart-card { position:relative; height:320px; min-height:320px; overflow:hidden; }
+.chart-card canvas { width:100% !important; height:100% !important; }
+.top-expense-item { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:.85rem 0; border-bottom:1px solid var(--app-border); }
+.top-expense-item:last-child { border-bottom:0; padding-bottom:0; }
+.top-expense-amount { font-weight:800; white-space:nowrap; }
+@media (max-width: 991.98px) {
+  .app-shell { display:block !important; }
+  .chart-card { height:280px; min-height:280px; }
+}

app/static/i18n/en.json

@@ -0,0 +1,244 @@
+{
+  "nav.dashboard": "Dashboard",
+  "nav.expenses": "Expenses",
+  "nav.add_expense": "Add expense",
+  "nav.preferences": "Preferences",
+  "nav.admin": "Admin",
+  "nav.logout": "Logout",
+  "nav.statistics": "Statistics",
+  "nav.budgets": "Budgets",
+  "dashboard.title": "Monthly overview",
+  "dashboard.total": "Total",
+  "dashboard.latest": "Recent expenses",
+  "dashboard.categories": "Categories",
+  "dashboard.empty": "No expenses for this period.",
+  "dashboard.alerts": "Budget alerts",
+  "expenses.list": "Expense list",
+  "expenses.new": "New expense",
+  "expenses.edit": "Edit expense",
+  "expenses.title": "Title",
+  "expenses.amount": "Amount",
+  "expenses.category": "Category",
+  "expenses.date": "Date",
+  "expenses.vendor": "Vendor",
+  "expenses.description": "Description",
+  "expenses.currency": "Currency",
+  "expenses.payment_method": "Payment method",
+  "expenses.document": "Document",
+  "expenses.save": "Save",
+  "expenses.tags": "Tags",
+  "expenses.export_csv": "Export CSV",
+  "expenses.export_pdf": "Export PDF",
+  "expenses.preview": "Preview",
+  "expenses.empty": "No items.",
+  "expenses.deleted": "Deleted",
+  "preferences.title": "Preferences",
+  "preferences.language": "Language",
+  "preferences.theme": "Theme",
+  "preferences.reports": "Email reports",
+  "preferences.currency": "Default currency",
+  "preferences.save": "Save preferences",
+  "auth.login_title": "Sign in",
+  "auth.login_subtitle": "Manage expenses and documents in one place.",
+  "auth.register": "Register",
+  "auth.forgot_password": "Forgot password",
+  "auth.reset_request": "Send reset link",
+  "auth.new_password": "New password",
+  "admin.title": "Admin panel",
+  "admin.categories": "Categories",
+  "admin.users": "Users",
+  "admin.settings": "Settings",
+  "admin.system": "System information",
+  "admin.database": "Database",
+  "admin.audit": "Audit log",
+  "stats.title": "Long-term statistics",
+  "stats.monthly": "Monthly trend",
+  "stats.categories": "Categories",
+  "stats.payments": "Payment methods",
+  "stats.top": "Top expenses",
+  "budgets.title": "Budgets",
+  "budgets.add": "Add budget",
+  "common.actions": "Actions",
+  "common.save": "Save",
+  "common.cancel": "Cancel",
+  "common.uncategorized": "Uncategorized",
+  "common.previous": "Previous",
+  "common.next": "Next",
+  "common.year": "Year",
+  "common.month": "Month",
+  "brand.subtitle": "Expense control",
+  "admin.subtitle": "System overview, security and diagnostics",
+  "admin.audit_subtitle": "Recent actions from users and administrators",
+  "stats.subtitle": "Long-term trends and detailed breakdowns",
+  "stats.range_from": "From year",
+  "stats.range_to": "To year",
+  "stats.long_term": "Long-term trend",
+  "stats.total": "Total",
+  "stats.count": "Count",
+  "stats.average": "Average",
+  "stats.refunds": "Refunds",
+  "stats.vs_prev": "vs previous year",
+  "stats.no_data": "No data",
+  "common.apply": "Apply",
+  "common.view_all": "View all",
+  "common.date": "Date",
+  "expenses.form_subtitle": "Simple mobile-first expense form",
+  "expenses.placeholder_title": "Groceries, fuel, invoice...",
+  "expenses.placeholder_vendor": "Store or issuer",
+  "expenses.placeholder_description": "Optional notes",
+  "expenses.placeholder_tags": "home, monthly, important",
+  "expenses.document_tools": "Document tools",
+  "expenses.webp_preview": "WEBP preview",
+  "expenses.crop_note": "Crop fields are ready for browser editing and future editor improvements.",
+  "expenses.tips": "Tips",
+  "expenses.tip_1": "Start with amount, date and category.",
+  "expenses.tip_2": "Add a receipt photo only when needed.",
+  "expenses.tip_3": "Use tags for faster filtering later.",
+  "flash.suspicious_request": "Suspicious request detected.",
+  "flash.login_success": "Login successful.",
+  "flash.invalid_credentials": "Invalid credentials.",
+  "flash.registration_disabled": "Registration is disabled.",
+  "flash.email_exists": "Email already exists.",
+  "flash.account_created": "Account created. You can now log in.",
+  "flash.logged_out": "Logged out.",
+  "flash.reset_link_generated": "If the account exists, a reset link was generated.",
+  "flash.reset_invalid": "Reset token is invalid or expired.",
+  "flash.password_updated": "Password updated.",
+  "flash.category_saved": "Category saved.",
+  "flash.user_exists": "User already exists.",
+  "flash.user_created": "User created.",
+  "flash.user_flag_updated": "User flag updated.",
+  "flash.settings_saved": "Settings saved.",
+  "flash.expense_saved": "Expense saved.",
+  "flash.expense_updated": "Expense updated.",
+  "flash.expense_deleted": "Expense deleted.",
+  "flash.budget_saved": "Budget saved.",
+  "error.400_title": "Bad request",
+  "error.400_message": "The request could not be processed.",
+  "error.401_title": "Unauthorized",
+  "error.401_message": "Please sign in to access this page.",
+  "error.403_title": "Forbidden",
+  "error.403_message": "You do not have permission to access this resource.",
+  "error.404_title": "Not found",
+  "error.404_message": "The requested page does not exist.",
+  "error.413_title": "File too large",
+  "error.413_message": "The uploaded file exceeds the allowed size limit.",
+  "error.429_title": "Too many requests",
+  "error.429_message": "Please wait a moment before trying again.",
+  "error.500_title": "Internal server error",
+  "error.500_message": "Something went wrong on our side.",
+  "common.search": "Search",
+  "common.all": "All",
+  "common.reset": "Reset",
+  "expenses.search_placeholder": "Search title, vendor, description, tags",
+  "expenses.upload_to_edit": "Upload an image to rotate, crop and scale before saving.",
+  "expenses.status": "Status",
+  "stats.quarterly": "Quarterly",
+  "stats.weekdays": "Weekdays",
+  "expenses.take_photo": "Take photo",
+  "expenses.select_files": "Choose files",
+  "expenses.upload_hint_desktop": "On desktop you can upload files only.",
+  "expenses.upload_hint_mobile": "On mobile you can take a photo or choose files.",
+  "common.filter": "Filter",
+  "common.other": "Other",
+  "expenses.filtered_total": "Filtered total",
+  "expenses.results": "results",
+  "expenses.active_sort": "Sorting",
+  "expenses.grouping": "Grouping",
+  "expenses.sections": "sections",
+  "expenses.categories_count": "Categories",
+  "expenses.month_view": "month view",
+  "expenses.sort_by": "Sort by",
+  "expenses.sort_direction": "Direction",
+  "expenses.group_by": "Group by",
+  "expenses.group_category": "Category",
+  "expenses.group_payment_method": "Payment method",
+  "expenses.group_status": "Status",
+  "expenses.group_none": "No grouping",
+  "expenses.all_expenses": "All expenses",
+  "expenses.asc": "Ascending",
+  "expenses.desc": "Descending",
+  "expenses.payment_card": "Card",
+  "expenses.payment_cash": "Cash",
+  "expenses.payment_transfer": "Transfer",
+  "expenses.payment_blik": "BLIK",
+  "expenses.status_new": "New",
+  "expenses.status_needs_review": "Needs review",
+  "expenses.status_confirmed": "Confirmed",
+  "expenses.added": "Added",
+  "common.name": "Name",
+  "common.role": "Role",
+  "common.status": "Status",
+  "stats.payment_methods": "Payment methods",
+  "stats.top_expenses": "Top expenses",
+  "stats.monthly_trend": "Monthly trend",
+  "admin.settings_subtitle": "Technical and business settings",
+  "admin.section_general": "General",
+  "admin.section_reports": "Reports",
+  "admin.section_integrations": "Integrations",
+  "admin.company_name": "Company name",
+  "admin.max_upload_mb": "Upload limit MB",
+  "admin.registration_enabled": "Registration enabled",
+  "admin.smtp_security": "SMTP security",
+  "admin.smtp_sender": "Sender",
+  "admin.smtp_username": "SMTP username",
+  "admin.smtp_password": "SMTP password",
+  "admin.enable_scheduler": "Enable report scheduler",
+  "admin.scheduler_interval": "Scheduler interval (min)",
+  "flash.user_updated": "User saved",
+  "preferences.my_categories": "My categories",
+  "expenses.drop_files_here": "Drag and drop files here",
+  "common.active": "Active",
+  "common.inactive": "Inactive",
+  "common.enabled": "Enabled",
+  "common.disabled": "Disabled",
+  "common.no_data": "No data",
+  "common.month_1": "January",
+  "common.month_2": "February",
+  "common.month_3": "March",
+  "common.month_4": "April",
+  "common.month_5": "May",
+  "common.month_6": "June",
+  "common.month_7": "July",
+  "common.month_8": "August",
+  "common.month_9": "September",
+  "common.month_10": "October",
+  "common.month_11": "November",
+  "common.month_12": "December",
+  "admin.smtp_section": "SMTP",
+  "admin.smtp_host": "SMTP host",
+  "admin.smtp_port": "SMTP port",
+  "admin.smtp_plain": "SMTP",
+  "admin.reports_enabled": "Enable email reports",
+  "admin.reports_hint": "The admin enables or disables the whole reports feature. Users only choose the report type.",
+  "admin.webhook_token": "Webhook token",
+  "admin.python": "Python",
+  "admin.platform": "Platform",
+  "admin.environment": "Environment",
+  "admin.instance_path": "Instance path",
+  "admin.uploads": "Uploads",
+  "admin.previews": "Previews",
+  "admin.webhook": "Webhook",
+  "admin.scheduler": "Scheduler",
+  "preferences.reports_disabled": "Email reports are currently disabled by the administrator.",
+  "preferences.category_key": "Category key",
+  "preferences.category_name_pl": "Name PL",
+  "preferences.category_name_en": "Name EN",
+  "preferences.category_color": "Color",
+  "user.full_name": "Full name",
+  "user.email": "Email",
+  "user.active": "Active account",
+  "user.must_change_password": "Force password change",
+  "user.must_change_password_short": "must change",
+  "user.role_user": "User",
+  "user.role_admin": "Admin",
+  "language.polish": "Polish",
+  "language.english": "English",
+  "theme.light": "Light",
+  "theme.dark": "Dark",
+  "report.off": "Off",
+  "report.daily": "Daily",
+  "report.weekly": "Weekly",
+  "report.monthly": "Monthly",
+  "common.toggle": "Toggle"
+}

app/static/i18n/pl.json

@@ -0,0 +1,244 @@
+{
+  "nav.dashboard": "Dashboard",
+  "nav.expenses": "Wydatki",
+  "nav.add_expense": "Dodaj wydatek",
+  "nav.preferences": "Preferencje",
+  "nav.admin": "Administracja",
+  "nav.logout": "Wyloguj",
+  "nav.statistics": "Statystyki",
+  "nav.budgets": "Budżety",
+  "dashboard.title": "Podsumowanie miesiąca",
+  "dashboard.total": "Suma",
+  "dashboard.latest": "Ostatnie wydatki",
+  "dashboard.categories": "Kategorie",
+  "dashboard.empty": "Brak wydatków w tym okresie.",
+  "dashboard.alerts": "Alerty budżetowe",
+  "expenses.list": "Lista wydatków",
+  "expenses.new": "Nowy wydatek",
+  "expenses.edit": "Edytuj wydatek",
+  "expenses.title": "Tytuł",
+  "expenses.amount": "Kwota",
+  "expenses.category": "Kategoria",
+  "expenses.date": "Data",
+  "expenses.vendor": "Sprzedawca",
+  "expenses.description": "Opis",
+  "expenses.currency": "Waluta",
+  "expenses.payment_method": "Metoda płatności",
+  "expenses.document": "Dokument",
+  "expenses.save": "Zapisz",
+  "expenses.tags": "Tagi",
+  "expenses.export_csv": "Eksport CSV",
+  "expenses.export_pdf": "Eksport PDF",
+  "expenses.preview": "Podgląd",
+  "expenses.empty": "Brak pozycji.",
+  "expenses.deleted": "Usunięto",
+  "preferences.title": "Preferencje",
+  "preferences.language": "Język",
+  "preferences.theme": "Motyw",
+  "preferences.reports": "Raporty mailowe",
+  "preferences.currency": "Waluta domyślna",
+  "preferences.save": "Zapisz preferencje",
+  "auth.login_title": "Zaloguj się",
+  "auth.login_subtitle": "Zarządzaj wydatkami i dokumentami w jednym miejscu.",
+  "auth.register": "Rejestracja",
+  "auth.forgot_password": "Nie pamiętam hasła",
+  "auth.reset_request": "Wyślij link resetu",
+  "auth.new_password": "Nowe hasło",
+  "admin.title": "Panel administratora",
+  "admin.categories": "Kategorie",
+  "admin.users": "Użytkownicy",
+  "admin.settings": "Ustawienia",
+  "admin.system": "Informacje systemowe",
+  "admin.database": "Baza danych",
+  "admin.audit": "Log audytowy",
+  "stats.title": "Statystyki długoterminowe",
+  "stats.monthly": "Trend miesięczny",
+  "stats.categories": "Kategorie",
+  "stats.payments": "Metody płatności",
+  "stats.top": "Największe wydatki",
+  "budgets.title": "Budżety",
+  "budgets.add": "Dodaj budżet",
+  "common.actions": "Akcje",
+  "common.save": "Zapisz",
+  "common.cancel": "Anuluj",
+  "common.uncategorized": "Bez kategorii",
+  "common.previous": "Poprzedni",
+  "common.next": "Następny",
+  "common.year": "Rok",
+  "common.month": "Miesiąc",
+  "brand.subtitle": "Kontrola wydatków",
+  "admin.subtitle": "Przegląd systemu, bezpieczeństwa i diagnostyki",
+  "admin.audit_subtitle": "Ostatnie operacje użytkowników i administratorów",
+  "stats.subtitle": "Długoterminowe trendy i szczegółowe podziały",
+  "stats.range_from": "Od roku",
+  "stats.range_to": "Do roku",
+  "stats.long_term": "Trend wieloletni",
+  "stats.total": "Suma",
+  "stats.count": "Liczba",
+  "stats.average": "Średnia",
+  "stats.refunds": "Zwroty",
+  "stats.vs_prev": "vs poprzedni rok",
+  "stats.no_data": "Brak danych",
+  "common.apply": "Zastosuj",
+  "common.view_all": "Zobacz wszystko",
+  "common.date": "Data",
+  "expenses.form_subtitle": "Prosty formularz wydatku zoptymalizowany pod telefon",
+  "expenses.placeholder_title": "Zakupy, paliwo, faktura...",
+  "expenses.placeholder_vendor": "Sklep lub wystawca",
+  "expenses.placeholder_description": "Opcjonalne notatki",
+  "expenses.placeholder_tags": "dom, miesięczne, ważne",
+  "expenses.document_tools": "Narzędzia dokumentu",
+  "expenses.webp_preview": "Podgląd WEBP",
+  "expenses.crop_note": "Pola kadrowania są gotowe pod edycję w przeglądarce i dalszą rozbudowę edytora.",
+  "expenses.tips": "Wskazówki",
+  "expenses.tip_1": "Zacznij od kwoty, daty i kategorii.",
+  "expenses.tip_2": "Dodaj zdjęcie rachunku tylko wtedy, gdy jest potrzebne.",
+  "expenses.tip_3": "Używaj tagów, aby szybciej filtrować wydatki później.",
+  "flash.suspicious_request": "Wykryto podejrzane żądanie.",
+  "flash.login_success": "Logowanie zakończone sukcesem.",
+  "flash.invalid_credentials": "Nieprawidłowe dane logowania.",
+  "flash.registration_disabled": "Rejestracja jest wyłączona.",
+  "flash.email_exists": "Adres e-mail już istnieje.",
+  "flash.account_created": "Konto zostało utworzone. Możesz się zalogować.",
+  "flash.logged_out": "Wylogowano.",
+  "flash.reset_link_generated": "Jeśli konto istnieje, wygenerowano link resetu hasła.",
+  "flash.reset_invalid": "Link resetu jest nieprawidłowy lub wygasł.",
+  "flash.password_updated": "Hasło zostało zmienione.",
+  "flash.category_saved": "Kategoria została zapisana.",
+  "flash.user_exists": "Użytkownik już istnieje.",
+  "flash.user_created": "Użytkownik został utworzony.",
+  "flash.user_flag_updated": "Flaga użytkownika została zaktualizowana.",
+  "flash.settings_saved": "Ustawienia zostały zapisane.",
+  "flash.expense_saved": "Wydatek został zapisany.",
+  "flash.expense_updated": "Wydatek został zaktualizowany.",
+  "flash.expense_deleted": "Wydatek został usunięty.",
+  "flash.budget_saved": "Budżet został zapisany.",
+  "error.400_title": "Błędne żądanie",
+  "error.400_message": "Nie udało się przetworzyć żądania.",
+  "error.401_title": "Brak autoryzacji",
+  "error.401_message": "Zaloguj się, aby uzyskać dostęp do tej strony.",
+  "error.403_title": "Brak dostępu",
+  "error.403_message": "Nie masz uprawnień do tego zasobu.",
+  "error.404_title": "Nie znaleziono",
+  "error.404_message": "Żądana strona nie istnieje.",
+  "error.413_title": "Plik jest za duży",
+  "error.413_message": "Wgrany plik przekracza dozwolony limit rozmiaru.",
+  "error.429_title": "Zbyt wiele żądań",
+  "error.429_message": "Odczekaj chwilę przed kolejną próbą.",
+  "error.500_title": "Błąd serwera",
+  "error.500_message": "Wystąpił błąd po stronie aplikacji.",
+  "common.search": "Szukaj",
+  "common.all": "Wszystkie",
+  "common.reset": "Reset",
+  "expenses.search_placeholder": "Szukaj po tytule, sprzedawcy, opisie i tagach",
+  "expenses.upload_to_edit": "Wgraj obraz, aby obrócić, przyciąć i przeskalować przed zapisem.",
+  "expenses.status": "Status",
+  "stats.quarterly": "Kwartalnie",
+  "stats.weekdays": "Dni tygodnia",
+  "expenses.take_photo": "Zrób zdjęcie",
+  "expenses.select_files": "Wybierz pliki",
+  "expenses.upload_hint_desktop": "Na komputerze możesz tylko wgrać pliki.",
+  "expenses.upload_hint_mobile": "Na telefonie możesz zrobić zdjęcie lub wybrać pliki.",
+  "common.filter": "Filtruj",
+  "common.other": "Inne",
+  "expenses.filtered_total": "Suma po filtrach",
+  "expenses.results": "wyników",
+  "expenses.active_sort": "Sortowanie",
+  "expenses.grouping": "Grupowanie",
+  "expenses.sections": "sekcji",
+  "expenses.categories_count": "Kategorie",
+  "expenses.month_view": "widok miesiąca",
+  "expenses.sort_by": "Sortuj po",
+  "expenses.sort_direction": "Kierunek",
+  "expenses.group_by": "Grupuj po",
+  "expenses.group_category": "Kategoria",
+  "expenses.group_payment_method": "Metoda płatności",
+  "expenses.group_status": "Status",
+  "expenses.group_none": "Bez grupowania",
+  "expenses.all_expenses": "Wszystkie wydatki",
+  "expenses.asc": "Rosnąco",
+  "expenses.desc": "Malejąco",
+  "expenses.payment_card": "Karta",
+  "expenses.payment_cash": "Gotówka",
+  "expenses.payment_transfer": "Przelew",
+  "expenses.payment_blik": "BLIK",
+  "expenses.status_new": "Nowy",
+  "expenses.status_needs_review": "Wymaga sprawdzenia",
+  "expenses.status_confirmed": "Potwierdzony",
+  "expenses.added": "Dodano",
+  "common.name": "Nazwa",
+  "common.role": "Rola",
+  "common.status": "Status",
+  "stats.payment_methods": "Metody płatności",
+  "stats.top_expenses": "Największe wydatki",
+  "stats.monthly_trend": "Trend miesięczny",
+  "admin.settings_subtitle": "Ustawienia techniczne i biznesowe",
+  "admin.section_general": "Ogólne",
+  "admin.section_reports": "Raporty",
+  "admin.section_integrations": "Integracje",
+  "admin.company_name": "Nazwa firmy",
+  "admin.max_upload_mb": "Limit uploadu MB",
+  "admin.registration_enabled": "Rejestracja aktywna",
+  "admin.smtp_security": "Bezpieczeństwo SMTP",
+  "admin.smtp_sender": "Nadawca",
+  "admin.smtp_username": "Login SMTP",
+  "admin.smtp_password": "Hasło SMTP",
+  "admin.enable_scheduler": "Włącz scheduler raportów",
+  "admin.scheduler_interval": "Interwał schedulera (min)",
+  "flash.user_updated": "Użytkownik zapisany",
+  "preferences.my_categories": "Moje kategorie",
+  "expenses.drop_files_here": "Przeciągnij i upuść pliki tutaj",
+  "common.active": "Aktywna",
+  "common.inactive": "Nieaktywna",
+  "common.enabled": "Włączone",
+  "common.disabled": "Wyłączone",
+  "common.no_data": "Brak danych",
+  "common.month_1": "Styczeń",
+  "common.month_2": "Luty",
+  "common.month_3": "Marzec",
+  "common.month_4": "Kwiecień",
+  "common.month_5": "Maj",
+  "common.month_6": "Czerwiec",
+  "common.month_7": "Lipiec",
+  "common.month_8": "Sierpień",
+  "common.month_9": "Wrzesień",
+  "common.month_10": "Październik",
+  "common.month_11": "Listopad",
+  "common.month_12": "Grudzień",
+  "admin.smtp_section": "SMTP",
+  "admin.smtp_host": "Host SMTP",
+  "admin.smtp_port": "Port SMTP",
+  "admin.smtp_plain": "SMTP",
+  "admin.reports_enabled": "Włącz raporty mailowe",
+  "admin.reports_hint": "Administrator włącza lub wyłącza całą funkcję raportów. Użytkownik wybiera tylko typ raportu.",
+  "admin.webhook_token": "Token webhooka",
+  "admin.python": "Python",
+  "admin.platform": "Platforma",
+  "admin.environment": "Środowisko",
+  "admin.instance_path": "Ścieżka instancji",
+  "admin.uploads": "Pliki",
+  "admin.previews": "Podglądy",
+  "admin.webhook": "Webhook",
+  "admin.scheduler": "Scheduler",
+  "preferences.reports_disabled": "Raporty mailowe są obecnie wyłączone przez administratora.",
+  "preferences.category_key": "Klucz kategorii",
+  "preferences.category_name_pl": "Nazwa PL",
+  "preferences.category_name_en": "Nazwa EN",
+  "preferences.category_color": "Kolor",
+  "user.full_name": "Imię i nazwisko",
+  "user.email": "Email",
+  "user.active": "Aktywne konto",
+  "user.must_change_password": "Wymuś zmianę hasła",
+  "user.must_change_password_short": "zmień hasło",
+  "user.role_user": "Użytkownik",
+  "user.role_admin": "Administrator",
+  "language.polish": "Polski",
+  "language.english": "Angielski",
+  "theme.light": "Jasny",
+  "theme.dark": "Ciemny",
+  "report.off": "Wyłączone",
+  "report.daily": "Dzienne",
+  "report.weekly": "Tygodniowe",
+  "report.monthly": "Miesięczne",
+  "common.toggle": "Przełącz"
+}

app/static/js/app.js

@@ -0,0 +1,172 @@
+
+document.addEventListener('DOMContentLoaded', async () => {
+  const previewButtons = document.querySelectorAll('.preview-trigger');
+  const previewModalImage = document.getElementById('previewModalImage');
+  previewButtons.forEach(button => button.addEventListener('click', () => {
+    if (previewModalImage) previewModalImage.src = button.dataset.preview;
+  }));
+
+  setupDocumentEditor();
+
+  if (!window.expenseStatsYear || typeof Chart === 'undefined') return;
+
+  const query = new URLSearchParams({ year: window.expenseStatsYear, month: window.expenseStatsMonth || 0, start_year: window.expenseStatsStartYear || window.expenseStatsYear, end_year: window.expenseStatsEndYear || window.expenseStatsYear });
+  const response = await fetch(`/analytics/data?${query.toString()}`);
+  if (!response.ok) return;
+  const payload = await response.json();
+  const text = window.expenseStatsText || {};
+
+  const overview = document.getElementById('stats-overview');
+  if (overview) {
+    const comparison = payload.comparison || {};
+    overview.innerHTML = [
+      { icon: 'fa-wallet', label: text.total || 'Total', value: payload.overview.total.toFixed(2) },
+      { icon: 'fa-list-check', label: text.count || 'Count', value: payload.overview.count },
+      { icon: 'fa-calculator', label: text.average || 'Average', value: payload.overview.average.toFixed(2) },
+      { icon: 'fa-rotate-left', label: text.refunds || 'Refunds', value: payload.overview.refunds.toFixed(2) },
+    ].map(item => `<div class="card stat-overview-card"><div class="d-flex justify-content-between align-items-center"><div><div class="metric-label">${item.label}</div><div class="metric-value">${item.value}</div></div><span class="metric-icon"><i class="fa-solid ${item.icon}"></i></span></div><div class="small text-body-secondary mt-2">${text.vs_prev || 'Vs previous year'}: ${Number(comparison.percent_change || 0).toFixed(1)}%</div></div>`).join('');
+  }
+
+  const chartDefaults = { responsive: true, maintainAspectRatio: false, resizeDelay: 150 };
+  const buildChart = (id, config) => {
+    const canvas = document.getElementById(id);
+    if (!canvas) return;
+    canvas.style.height = '100%';
+    new Chart(canvas, config);
+  };
+
+  buildChart('chart-monthly', {type: 'line', data: { labels: payload.yearly_totals.map(x => x.month), datasets: [{ label: text.total || 'Amount', data: payload.yearly_totals.map(x => x.amount), tension: 0.35, fill: false }] }, options: chartDefaults});
+  buildChart('chart-categories', {type: 'doughnut', data: { labels: payload.category_totals.map(x => x.category), datasets: [{ data: payload.category_totals.map(x => x.amount) }] }, options: chartDefaults});
+  buildChart('chart-payments', {type: 'bar', data: { labels: payload.payment_methods.map(x => x.method), datasets: [{ label: text.total || 'Amount', data: payload.payment_methods.map(x => x.amount) }] }, options: chartDefaults});
+  buildChart('chart-range', {type: 'bar', data: { labels: payload.range_totals.map(x => x.year), datasets: [{ label: text.total || 'Amount', data: payload.range_totals.map(x => x.amount) }] }, options: chartDefaults});
+  buildChart('chart-quarterly', {type: 'bar', data: { labels: payload.quarterly_totals.map(x => x.quarter), datasets: [{ label: text.total || 'Amount', data: payload.quarterly_totals.map(x => x.amount) }] }, options: chartDefaults});
+  buildChart('chart-weekdays', {type: 'line', data: { labels: payload.weekday_totals.map(x => x.day), datasets: [{ label: text.total || 'Amount', data: payload.weekday_totals.map(x => x.amount), tension: 0.35, fill: false }] }, options: chartDefaults});
+
+  const top = document.getElementById('top-expenses');
+  if (top) {
+    top.innerHTML = payload.top_expenses.length
+      ? payload.top_expenses.map(x => `<div class="top-expense-item"><div><strong>${x.title}</strong><div class="small text-body-secondary">${x.date}</div></div><div class="top-expense-amount">${x.amount}</div></div>`).join('')
+      : `<div class="text-body-secondary">${text.no_data || 'No data'}</div>`;
+  }
+});
+
+function setupDocumentEditor() {
+  const fileInput = document.getElementById('documentInput');
+  const cameraButton = document.getElementById('cameraCaptureButton');
+  const pickerButton = document.getElementById('filePickerButton');
+  const uploadHint = document.getElementById('documentInputHint');
+  const dropZone = document.getElementById('dropUploadZone');
+  const img = document.getElementById('documentPreviewImage');
+  const empty = document.getElementById('documentPreviewEmpty');
+  const stage = document.getElementById('documentPreviewStage');
+  const selection = document.getElementById('cropSelection');
+  const rotateField = document.getElementById('rotateField');
+  const scaleField = document.getElementById('scaleField');
+  const cropX = document.querySelector('input[name="crop_x"]');
+  const cropY = document.querySelector('input[name="crop_y"]');
+  const cropW = document.querySelector('input[name="crop_w"]');
+  const cropH = document.querySelector('input[name="crop_h"]');
+  if (!fileInput || !img || !stage) return;
+
+  const isMobile = window.matchMedia('(max-width: 991px)').matches && (navigator.maxTouchPoints > 0 || window.matchMedia('(pointer: coarse)').matches);
+  const desktopHint = uploadHint?.dataset.desktopHint || uploadHint?.textContent || '';
+  const mobileHint = uploadHint?.dataset.mobileHint || desktopHint;
+  if (cameraButton) cameraButton.classList.toggle('d-none', !isMobile);
+  if (uploadHint) uploadHint.textContent = isMobile ? mobileHint : desktopHint;
+
+  pickerButton?.addEventListener('click', () => {
+    fileInput.removeAttribute('capture');
+    fileInput.click();
+  });
+  cameraButton?.addEventListener('click', () => {
+    fileInput.setAttribute('capture', 'environment');
+    fileInput.click();
+  });
+
+  let editorState = { rotate: Number(rotateField?.value || 0), scale: Number(scaleField?.value || 100) };
+  let drag = null;
+
+  const renderTransform = () => {
+    img.style.transform = `rotate(${editorState.rotate}deg) scale(${editorState.scale / 100})`;
+    if (rotateField) rotateField.value = editorState.rotate;
+    if (scaleField) scaleField.value = editorState.scale;
+  };
+
+  const handleFiles = () => {
+    const file = fileInput.files?.[0];
+    if (!file || !file.type.startsWith('image/')) {
+      if (empty) empty.classList.remove('d-none');
+      img.classList.add('d-none');
+      return;
+    }
+    const reader = new FileReader();
+    reader.onload = e => {
+      img.src = String(e.target?.result || '');
+      img.classList.remove('d-none');
+      if (empty) empty.classList.add('d-none');
+      renderTransform();
+    };
+    reader.readAsDataURL(file);
+  };
+  fileInput.addEventListener('change', handleFiles);
+  if (dropZone) {['dragenter','dragover'].forEach(eventName => dropZone.addEventListener(eventName, event => { event.preventDefault(); dropZone.classList.add('is-dragover'); })); ['dragleave','drop'].forEach(eventName => dropZone.addEventListener(eventName, event => { event.preventDefault(); dropZone.classList.remove('is-dragover'); })); dropZone.addEventListener('drop', event => { const dt = event.dataTransfer; if (!dt?.files?.length) return; fileInput.files = dt.files; handleFiles(); }); dropZone.addEventListener('click', ()=>fileInput.click()); }
+
+  document.querySelectorAll('.js-rotate').forEach(btn => btn.addEventListener('click', () => {
+    editorState.rotate = (editorState.rotate + Number(btn.dataset.step || 0) + 360) % 360;
+    renderTransform();
+  }));
+  document.querySelectorAll('.js-scale').forEach(btn => btn.addEventListener('click', () => {
+    editorState.scale = Math.max(20, Math.min(200, editorState.scale + Number(btn.dataset.step || 0)));
+    renderTransform();
+  }));
+  document.getElementById('editorReset')?.addEventListener('click', () => {
+    editorState = { rotate: 0, scale: 100 };
+    renderTransform();
+    [cropX, cropY, cropW, cropH].forEach(field => { if (field) field.value = ''; });
+    selection?.classList.add('d-none');
+    selection?.setAttribute('style', '');
+  });
+
+  stage.addEventListener('pointerdown', e => {
+    const rect = stage.getBoundingClientRect();
+    drag = { startX: e.clientX - rect.left, startY: e.clientY - rect.top };
+    if (selection) {
+      selection.classList.remove('d-none');
+      selection.style.left = `${drag.startX}px`;
+      selection.style.top = `${drag.startY}px`;
+      selection.style.width = '0px';
+      selection.style.height = '0px';
+    }
+  });
+
+  stage.addEventListener('pointermove', e => {
+    if (!drag || !selection) return;
+    const rect = stage.getBoundingClientRect();
+    const currentX = Math.max(0, Math.min(rect.width, e.clientX - rect.left));
+    const currentY = Math.max(0, Math.min(rect.height, e.clientY - rect.top));
+    const left = Math.min(drag.startX, currentX);
+    const top = Math.min(drag.startY, currentY);
+    const width = Math.abs(currentX - drag.startX);
+    const height = Math.abs(currentY - drag.startY);
+    Object.assign(selection.style, { left: `${left}px`, top: `${top}px`, width: `${width}px`, height: `${height}px` });
+    if (cropX) cropX.value = Math.round(left);
+    if (cropY) cropY.value = Math.round(top);
+    if (cropW) cropW.value = Math.round(width);
+    if (cropH) cropH.value = Math.round(height);
+  });
+
+  const stopDrag = () => { drag = null; };
+  stage.addEventListener('pointerup', stopDrag);
+  stage.addEventListener('pointerleave', stopDrag);
+  renderTransform();
+}
+
+
+document.addEventListener('DOMContentLoaded', () => {
+  if (typeof Chart !== 'undefined' && window.dashboardCategoryData) {
+    const c1 = document.getElementById('dashboard-category-chart');
+    if (c1) new Chart(c1, {type:'doughnut', data:{labels: window.dashboardCategoryData.map(x=>x.label), datasets:[{data:window.dashboardCategoryData.map(x=>x.amount)}]}, options:{responsive:true, maintainAspectRatio:false}});
+    const c2 = document.getElementById('dashboard-payment-chart');
+    if (c2) new Chart(c2, {type:'bar', data:{labels: window.dashboardPaymentData.map(x=>x.method), datasets:[{data:window.dashboardPaymentData.map(x=>x.amount)}]}, options:{responsive:true, maintainAspectRatio:false}});
+  }
+});