html{--cg-copper: light-dark(#9c4f22,#e39a67);--cg-surface: light-dark(#f5f3f0,#121114);--cg-card: light-dark(#ffffff,#1c1b1f);--cg-border: light-dark(rgba(60,40,20,0.12),rgba(255,255,255,0.09));--cg-success: light-dark(#1b7f4b,#4cc38a);--cg-success-bg: light-dark(rgba(27,127,75,0.12),rgba(76,195,138,0.16));--cg-error: light-dark(#c4262e,#ff7b82);--cg-error-bg: light-dark(rgba(196,38,46,0.1),rgba(255,123,130,0.16));--cg-warning: light-dark(#9a5b00,#f2b04a);--cg-warning-bg: light-dark(rgba(214,137,16,0.14),rgba(242,176,74,0.16));--cg-neutral: light-dark(#4d4a55,#bdb9c4);--cg-neutral-bg: light-dark(rgba(60,55,70,0.08),rgba(255,255,255,0.08));--cg-accent-bg: light-dark(rgba(156,79,34,0.1),rgba(227,154,103,0.16));--lumo-base-color: var(--cg-card);--lumo-primary-color: light-dark(#9c4f22,#e39a67);--lumo-primary-color-50pct: light-dark(rgba(156,79,34,0.5),rgba(227,154,103,0.5));--lumo-primary-color-10pct: light-dark(rgba(156,79,34,0.1),rgba(227,154,103,0.12));--lumo-primary-text-color: var(--cg-copper);--lumo-primary-contrast-color: light-dark(#ffffff,#1f130b);--lumo-border-radius-m: 0.5rem;--lumo-border-radius-l: 0.875rem}body{background: var(--cg-surface)}vaadin-app-layout::part(navbar){background: var(--cg-card);border-bottom: 1px solid var(--cg-border);box-shadow: none}vaadin-app-layout::part(drawer){background: var(--cg-card);border-inline-end: 1px solid var(--cg-border)}vaadin-app-layout{--vaadin-app-layout-drawer-width: 15rem}.cg-brand{display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-m) var(--lumo-space-l);font-weight: 700;font-size: var(--lumo-font-size-l);letter-spacing: -0.01em}.cg-brand-mark{display: grid;place-items: center;width: 2rem;height: 2rem;border-radius: 0.5rem;background: linear-gradient(135deg,#c9773f,#8a3f17);color: #fff;font-size: 0.95rem;font-weight: 800;flex: none}.cg-navbar-title{font-size: var(--lumo-font-size-l);font-weight: 600;margin: 0}.cg-user{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}vaadin-side-nav{padding: 0 var(--lumo-space-s)}vaadin-side-nav-item[current]::part(content){background: var(--cg-accent-bg);color: var(--cg-copper)}.cg-view{box-sizing: border-box;width: 100%;max-width: 90rem;margin: 0 auto;padding: var(--lumo-space-l);gap: var(--lumo-space-l)}.cg-page-header{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: var(--lumo-space-m);width: 100%}.cg-page-header h2{margin: 0;font-size: var(--lumo-font-size-xxl);letter-spacing: -0.02em}.cg-page-header p{margin: var(--lumo-space-xs) 0 0;color: var(--lumo-secondary-text-color)}.cg-panel{box-sizing: border-box;width: 100%;background: var(--cg-card);border: 1px solid var(--cg-border);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m)}.cg-panel vaadin-grid{--vaadin-grid-cell-background: var(--cg-card);border: none}.cg-toolbar{display: flex;flex-wrap: wrap;align-items: flex-end;gap: var(--lumo-space-s);width: 100%;margin-bottom: var(--lumo-space-s)}.cg-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(15rem,1fr));gap: var(--lumo-space-m);width: 100%}.cg-stat{position: relative;display: flex;flex-direction: column;gap: var(--lumo-space-xs);background: var(--cg-card);border: 1px solid var(--cg-border);border-radius: var(--lumo-border-radius-l);padding: var(--lumo-space-m) var(--lumo-space-l);overflow: hidden}.cg-stat-label{display: flex;align-items: center;gap: var(--lumo-space-s);color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);font-weight: 500}.cg-stat-label vaadin-icon{width: 1.1em;height: 1.1em;color: var(--cg-copper)}.cg-stat-value{font-size: 1.75rem;font-weight: 700;letter-spacing: -0.02em;font-variant-numeric: tabular-nums;line-height: 1.2}.cg-stat-hint{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs)}.cg-stat[data-state="ok"]{border-color: color-mix(in srgb,var(--cg-success) 40%,transparent)}.cg-stat[data-state="ok"] .cg-stat-value,.cg-stat[data-state="ok"] .cg-stat-label vaadin-icon{color: var(--cg-success)}.cg-stat[data-state="error"]{border-color: var(--cg-error);background: var(--cg-error-bg)}.cg-stat[data-state="error"] .cg-stat-value,.cg-stat[data-state="error"] .cg-stat-label vaadin-icon{color: var(--cg-error)}.cg-pill{display: inline-flex;align-items: center;gap: 0.35em;padding: 0.15em 0.65em;border-radius: 999px;font-size: var(--lumo-font-size-xs);font-weight: 600;letter-spacing: 0.02em;line-height: 1.6;white-space: nowrap;color: var(--cg-neutral);background: var(--cg-neutral-bg)}.cg-pill::before{content: "";width: 0.45em;height: 0.45em;border-radius: 50%;background: currentColor}.cg-pill[data-tone="success"]{color: var(--cg-success);background: var(--cg-success-bg)}.cg-pill[data-tone="error"]{color: var(--cg-error);background: var(--cg-error-bg)}.cg-pill[data-tone="warning"]{color: var(--cg-warning);background: var(--cg-warning-bg)}.cg-pill[data-tone="accent"]{color: var(--cg-copper);background: var(--cg-accent-bg)}.cg-money{font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap}.cg-money[data-sign="negative"]{color: var(--cg-error)}.cg-money[data-sign="positive"]{color: var(--cg-success)}.cg-id{font-family: var(--lumo-font-family-monospace,ui-monospace,SFMono-Regular,Menlo,monospace);font-size: 0.92em}a.cg-id{color: var(--cg-copper);text-decoration: none}a.cg-id:hover{text-decoration: underline}.cg-muted{color: var(--lumo-secondary-text-color)}.cg-wallet-hero{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--lumo-space-l)}.cg-wallet-hero h2{margin: 0;font-size: var(--lumo-font-size-xxl);letter-spacing: -0.02em}.cg-wallet-balance{font-size: 2.25rem;font-weight: 700;letter-spacing: -0.02em;font-variant-numeric: tabular-nums}.cg-facts{display: grid;grid-template-columns: repeat(auto-fit,minmax(11rem,1fr));gap: var(--lumo-space-m);margin-top: var(--lumo-space-m);padding-top: var(--lumo-space-m);border-top: 1px solid var(--cg-border)}.cg-fact-label{display: block;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs);text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: var(--lumo-space-xs)}.cg-callout{display: flex;gap: var(--lumo-space-s);align-items: flex-start;padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);background: var(--cg-warning-bg);color: var(--cg-warning);font-size: var(--lumo-font-size-s)}.cg-callout vaadin-icon{flex: none;width: 1.1em;height: 1.1em;margin-top: 0.15em}.cg-login{background: radial-gradient(60rem 30rem at 15% -10%,light-dark(rgba(201,119,63,0.18),rgba(201,119,63,0.22)),transparent),radial-gradient(50rem 30rem at 110% 110%,light-dark(rgba(138,63,23,0.12),rgba(138,63,23,0.25)),transparent),var(--cg-surface)}.cg-login vaadin-login-form-wrapper{border: 1px solid var(--cg-border);border-radius: var(--lumo-border-radius-l);background: var(--cg-card);box-shadow: 0 1.5rem 3rem -1.5rem rgba(0,0,0,0.35)}.cg-login-toggle{position: absolute;top: var(--lumo-space-m);right: var(--lumo-space-m)}