@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,400;10..48,600;10..48,800&family=Sarabun:wght@400;600;700&family=Space+Mono:wght@400;700&family=Major+Mono+Display&display=swap";:root{--color-paper: #F4ECD8;--color-cream: #FAF4E2;--color-cream-dim: #EDE7CF;--color-ink: #1F1A17;--color-ink-soft: #3A322C;--color-ink-muted: #6B5E52;--color-mustard: #E8A93C;--color-orange: #D65A2A;--color-teal: #4A9B9B;--color-brick: #B84233;--color-navy: #2F4858;--color-white: #FFFFFF;--color-transparent: transparent}:root{--bg-page: var(--color-paper);--bg-surface: var(--color-cream);--bg-surface-alt: var(--color-cream-dim);--bg-inverse: var(--color-ink);--bg-accent: var(--color-mustard);--bg-warning: var(--color-orange);--bg-error: var(--color-brick);--bg-success: var(--color-teal);--bg-dark: var(--color-navy);--text-primary: var(--color-ink);--text-secondary: var(--color-ink-soft);--text-muted: var(--color-ink-muted);--text-inverse: var(--color-cream);--text-accent: var(--color-orange);--text-error: var(--color-brick);--text-success: var(--color-teal);--text-amount: var(--color-ink);--text-label: var(--color-ink-soft);--border-default: var(--color-ink);--border-soft: rgba(31, 26, 23, .35);--border-muted: rgba(31, 26, 23, .15);--loan-active: var(--color-teal);--loan-overdue: var(--color-brick);--loan-paid: var(--color-ink-muted);--loan-highlight: var(--color-mustard);--cat-medical: var(--color-brick);--cat-housing: var(--color-teal);--cat-transport: var(--color-mustard);--cat-food: var(--color-orange);--cat-other: var(--color-ink-muted)}:root{--shadow-sm: 2px 2px 0 var(--color-ink);--shadow-md: 4px 4px 0 var(--color-ink);--shadow-lg: 6px 6px 0 var(--color-ink);--shadow-xl: 8px 8px 0 var(--color-ink);--shadow-mustard: 6px 6px 0 var(--color-mustard);--shadow-orange: 6px 6px 0 var(--color-orange);--shadow-teal: 6px 6px 0 var(--color-teal);--shadow-brick: 4px 4px 0 var(--color-brick);--shadow-navy: 4px 4px 0 var(--color-navy);--shadow-pressed: 1px 1px 0 var(--color-ink)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}:root{--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 12px;--radius-pill: 18px}:root{--font-display: "Major Mono Display", monospace;--font-body: "Bricolage Grotesque", "Sarabun", system-ui, sans-serif;--font-mono: "Space Mono", "Courier New", monospace}:root{--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 40px;--text-3xl: 56px;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .1em;--tracking-stamp: .15em;--leading-none: .95;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--leading-loose: 1.65}.t-brand{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.03em;color:var(--text-primary)}h1,.t-h1{font-family:var(--font-body);font-weight:800;font-size:clamp(32px,5vw,56px);letter-spacing:var(--tracking-tight);line-height:var(--leading-none);color:var(--text-primary)}h2,.t-h2{font-family:var(--font-body);font-weight:800;font-size:clamp(22px,3vw,36px);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary)}h3,.t-h3{font-family:var(--font-display);font-weight:400;font-size:var(--text-md);letter-spacing:.03em;color:var(--text-primary)}.t-stamp{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-stamp);text-transform:uppercase;color:var(--text-secondary)}.t-comment{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-orange)}.t-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-label)}p,.t-body{font-family:var(--font-body);font-size:var(--text-md);font-weight:400;line-height:var(--leading-normal);color:var(--text-secondary)}.t-amount{font-family:var(--font-mono);font-weight:700;font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.t-amount-sm{font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);color:var(--text-primary)}.t-caption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--text-muted)}.page-texture{background-color:var(--bg-page);background-image:radial-gradient(circle at 20% 30%,rgba(31,26,23,.04) 1px,transparent 1.5px),radial-gradient(circle at 60% 80%,rgba(31,26,23,.03) 1px,transparent 1.5px);background-size:32px 32px,48px 48px}.card{background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.card-accent{box-shadow:var(--shadow-mustard)}.card-warning{box-shadow:var(--shadow-orange)}.card-success{box-shadow:var(--shadow-teal)}.card-error{box-shadow:var(--shadow-brick)}.btn{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:10px 20px;border:2px solid var(--color-ink);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s,box-shadow .1s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-pressed)}.btn-primary{background:var(--color-cream);color:var(--color-ink)}.btn-secondary{background:var(--color-navy);color:var(--color-cream);box-shadow:var(--shadow-navy)}.btn-accent{background:var(--color-mustard);color:var(--color-ink)}.btn-ghost{background:transparent;box-shadow:none}.btn-ghost:hover{background:var(--color-cream);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--color-brick);color:var(--color-cream)}.table-wrapper{border:2px solid var(--color-ink);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.table{width:100%;border-collapse:collapse}.table th{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-label);background:var(--color-paper);border-bottom:2px solid var(--color-ink);padding:12px 14px;text-align:left}.table td{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--color-cream);border-bottom:1.5px solid var(--border-soft);padding:12px 14px}.table tr:last-child td{border-bottom:none}.badge{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border:1.5px solid var(--color-ink);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink);display:inline-block}.badge-loan{background:var(--color-teal);color:var(--color-cream);border-color:var(--color-teal)}.badge-medical{background:var(--color-brick);color:var(--color-cream);border-color:var(--color-brick)}.badge-housing{background:var(--color-navy);color:var(--color-cream);border-color:var(--color-navy)}.badge-transport{background:var(--color-mustard);color:var(--color-ink);border-color:var(--color-mustard)}.badge-od{background:var(--color-orange);color:var(--color-cream);border-color:var(--color-orange)}.input{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--color-cream);border:2px solid var(--color-ink);border-radius:var(--radius-md);padding:10px 14px;width:100%;outline:none;box-shadow:var(--shadow-sm);transition:box-shadow .1s}.input:focus{box-shadow:var(--shadow-md)}.input::placeholder{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Sarabun,Bricolage Grotesque,system-ui,sans-serif}button,input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f4ecd8}::-webkit-scrollbar-thumb{background:#3a322c;border-radius:3px}