@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--color-paper:#fff;--color-paper-2:#f9f9fe;--color-paper-3:#f4f3f9;--color-rule:#e2e8f0;--color-rule-2:#c3c6d1;--color-muted:#737781;--color-ink:#1a1c20;--color-ink-2:#434750;--color-accent:#1b437c;--color-accent-ink:#fff;--color-accent-hover:#002c60;--color-focus:#002c60;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fecaca;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-info:#0060ac;--color-info-bg:#eff6ff;--font-display:"Hanken Grotesk","Inter",sans-serif;--font-body:"Hanken Grotesk","Inter",sans-serif;--font-mono:"JetBrains Mono","Geist Mono",monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}body{background-color:var(--color-paper-2);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;overflow-x:clip}html{overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-style:normal;font-weight:600;line-height:1.2}.bento-card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow .2s;box-shadow:0 1px 2px rgba(0,44,96,.04),0 1px 3px rgba(0,44,96,.02)}.bento-card:hover{box-shadow:0 2px 8px rgba(0,44,96,.06),0 1px 3px rgba(0,44,96,.04)}.badge{border-radius:var(--radius-full);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:10px;font-weight:600;display:inline-flex}.badge-active{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.badge-isolated{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.badge-paid{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.badge-overdue{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-border)}.badge-open{color:#0060ac;background:#eff6ff;border-color:#bfdbfe}.badge-in-progress{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.badge-resolved{background:var(--color-paper-3);color:var(--color-ink-2);border-color:var(--color-rule-2)}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-accent);color:var(--color-accent-ink);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:10px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-ink-2);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:1px solid var(--color-rule);background:0 0;padding:.75rem 1.5rem;font-size:10px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.btn-secondary:hover{background:var(--color-paper-3);border-color:var(--color-rule-2)}.form-input{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);width:100%;color:var(--color-ink);font-family:var(--font-body);outline:none;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(27,67,124,.08)}.form-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-2);margin-bottom:.5rem;font-size:10px;font-weight:600;display:block}.section-header{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.75rem;font-size:10px;font-weight:700}.hairline-table{border-collapse:collapse;width:100%}.hairline-table th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-rule);text-align:left;background:var(--color-paper-2);padding:.75rem 1rem;font-size:10px;font-weight:600}.hairline-table td{border-bottom:1px solid var(--color-rule);color:var(--color-ink);padding:.875rem 1rem;font-size:.875rem}.hairline-table tr:last-child td{border-bottom:none}.hairline-table tr:hover td{background:var(--color-paper-3)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}