Add per-event finance, event team permissions and public door sales state.

Event finance
- Finance tab on the event page: P&L summary with a revenue-to-result
  waterfall, costs and other income in one ledger, and the partner split
  with payouts. Lifecycle stepper (Selling, Adding costs, Ready to close,
  Finalized) with what is left to do; closing the books goes through a
  checklist dialog that freezes the numbers.
- Expense modal shows only the fields each calculation type needs, a live
  preview with the event's real counts, and a category suggested from the
  description. Date inputs follow the UI language.
- Global Finance page: profit per event with outliers clipped and labelled,
  and a "Ready to close" list of past events whose books are still open.
- Calculation service (integer PYG, basis points) with pinned regression
  scenarios; PYG formatting centralised in lib/money with locale-aware
  separators.

Event team permissions
- Per-event members with role presets and requireEventPermission; the
  header stat "Confirmed" is relabelled "Not checked in yet", which is
  what it counts.

Public sales state
- One sales state (online, door, sold out, ended, external, cancelled) for
  the event page, listings and JSON-LD, with the door price and tenders
  shown only while people can still pay at the door.

Frontend unit tests run with vitest (npm test in frontend/).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

frontend/src/app/admin/settings/page.tsx

@@ -19,10 +19,12 @@ import {
   CheckCircleIcon,
   StarIcon,
   ScaleIcon,
+  BanknotesIcon,
 } from '@heroicons/react/24/outline';
 import toast from 'react-hot-toast';
+import ExpenseTemplatesSettings from './_components/ExpenseTemplatesSettings';
 
-type SettingsTab = 'general' | 'legal';
+type SettingsTab = 'general' | 'legal' | 'expenses';
 
 export default function AdminSettingsPage() {
   const { t, locale } = useLanguage();
@@ -195,6 +197,12 @@ export default function AdminSettingsPage() {
       labelEs: 'Configuración Legal',
       icon: <ScaleIcon className="w-4 h-4" />,
     },
+    {
+      id: 'expenses',
+      label: t('admin.expenseSettings.tab'),
+      labelEs: t('admin.expenseSettings.tab'),
+      icon: <BanknotesIcon className="w-4 h-4" />,
+    },
   ];
 
   return (
@@ -226,8 +234,8 @@ export default function AdminSettingsPage() {
       </div>
 
       {/* Tabs */}
-      <div className="border-b border-secondary-light-gray mb-6">
-        <nav className="flex space-x-0" aria-label="Tabs">
+      <div className="border-b border-secondary-light-gray mb-6 overflow-x-auto scrollbar-hide">
+        <nav className="flex space-x-0 min-w-max" aria-label="Tabs">
           {tabs.map((tab) => (
             <button
               key={tab.id}
@@ -669,6 +677,9 @@ export default function AdminSettingsPage() {
         </div>
       )}
 
+      {/* Expense Templates Tab (rows save individually, no page-level Save) */}
+      {activeTab === 'expenses' && <ExpenseTemplatesSettings />}
+
       {/* Legal Settings Tab */}
       {activeTab === 'legal' && (
         <div className="space-y-6">