:root{--paper: oklch(.985 .006 70);--card: #ffffff;--ink: oklch(.18 .02 40);--coal: oklch(.42 .02 50);--ash: oklch(.62 .015 60);--hairline: oklch(.92 .008 70);--hairline2: oklch(.88 .01 70);--ember: oklch(.66 .19 45);--ember-dark: oklch(.55 .18 40);--ember-soft: oklch(.96 .04 60);--ok: oklch(.62 .12 150);--ok-soft: oklch(.96 .04 150);--alert: oklch(.58 .2 25);--alert-soft: oklch(.96 .04 25);--pending: oklch(.68 .13 80);--pending-soft: oklch(.96 .05 90);--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-xl: 12px;--font-ui: "Inter Tight", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--colour-bg: var(--paper);--colour-surface: var(--card);--colour-text: var(--ink);--colour-muted: var(--ash);--colour-border: var(--hairline);--colour-brand: var(--ink);--colour-brand-light: var(--ember-dark);--colour-accent: var(--ember);--colour-success: var(--ok);--colour-warning: var(--pending);--colour-danger: var(--alert);--colour-danger-bg: var(--alert-soft);--colour-success-bg: var(--ok-soft);--radius: var(--r-md);--shadow: 0 1px 3px rgba(0, 0, 0, .06);--max-w: 42rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--colour-bg);color:var(--colour-text);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{background:var(--colour-brand);color:#fff;padding:.875rem 1rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.app-header h1{font-size:1.125rem;font-weight:700;letter-spacing:.02em}.app-header .greeting{font-size:.8125rem;opacity:.85}.page-content{flex:1;padding:1rem;max-width:var(--max-w);margin:0 auto;width:100%}.section{margin-bottom:1.25rem}.section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--colour-muted);margin-bottom:.5rem;padding:0 .25rem}.card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;gap:.75rem}.card-row+.card-row{border-top:1px solid var(--colour-border)}.card-body{padding:.75rem 1rem}.card-row-label{font-size:.875rem;font-weight:500;flex:1;min-width:0}.card-row-sub{font-size:.75rem;color:var(--colour-muted);margin-top:.125rem}.card-row-value{font-size:.875rem;font-weight:600;white-space:nowrap;flex-shrink:0}.badge{display:inline-block;font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:999px;text-transform:capitalize;white-space:nowrap}.badge-active{background:#e0f5ea;color:var(--colour-success)}.badge-pending{background:#fff3e0;color:var(--colour-warning)}.badge-outstanding{background:var(--colour-danger-bg);color:var(--colour-danger)}.badge-declared{background:#e3f2fd;color:#1565c0}.badge-confirmed{background:var(--colour-success-bg);color:var(--colour-success)}.badge-written-off{background:#f5f5f5;color:var(--colour-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;transition:opacity .15s,background .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--colour-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--colour-brand-light)}.btn-accent{background:var(--colour-accent);color:#fff}.btn-accent:hover:not(:disabled){opacity:.88}.btn-ghost{background:transparent;color:var(--colour-muted);padding:.375rem .625rem;font-size:.8125rem}.btn-ghost:hover:not(:disabled){background:var(--colour-border)}.btn-sm{font-size:.8125rem;padding:.3125rem .75rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .75rem;border:1px solid var(--colour-border);border-radius:var(--radius);font-size:1rem;background:var(--colour-surface);color:var(--colour-text);transition:border-color .15s}.form-input:focus{outline:none;border-color:var(--colour-brand-light);box-shadow:0 0 0 3px #2669a026}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:var(--colour-bg)}.login-logo{font-size:1.5rem;font-weight:800;color:var(--colour-brand);margin-bottom:.25rem;letter-spacing:.01em}.login-sub{font-size:.875rem;color:var(--colour-muted);margin-bottom:2rem}.login-card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;width:100%;max-width:24rem}.login-error{background:var(--colour-danger-bg);color:var(--colour-danger);border-radius:var(--radius);padding:.625rem .875rem;font-size:.875rem;margin-bottom:1rem}.alert{border-radius:var(--radius);padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem}.alert-info{background:#e8f4fd;color:#1565c0}.empty-state{text-align:center;padding:1.5rem 1rem;font-size:.875rem;color:var(--colour-muted)}.spinner{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--colour-muted);font-size:.875rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner:before{content:"";display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--colour-border);border-top-color:var(--colour-brand);border-radius:50%;animation:spin .75s linear infinite;margin-right:.5rem}.credit-balance-box{background:var(--colour-brand);color:#fff;border-radius:var(--radius);padding:1rem;display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.credit-balance-amount{font-size:1.75rem;font-weight:700;line-height:1}.credit-balance-label{font-size:.8125rem;opacity:.8}