:root{--bg: #ffffff;--bg-2: #f9fafb;--surface: #ffffff;--surface-2: #f9fafb;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-2: #374151;--muted: #6b7280;--muted-2: #9ca3af;--brand: #1e3a8a;--success: #16a34a;--success-bg: #f0fdf4;--warning: #ca8a04;--warning-bg: #fefce8;--danger: #dc2626;--danger-bg: #fef2f2;--font-sans: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--fs-xs: .75rem;--fs-sm: .8rem;--fs-base: .95rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.875rem;--tracking-tight: -.02em;--tracking-snug: -.01em;--radius: 0;--shadow: none;--t: .15s ease;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--max-app: 1200px;--header-h: 3.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;min-height:100vh}code,pre,kbd,samp{font-family:var(--font-mono)}a{color:inherit}.wordmark{font-family:var(--font-sans);font-size:var(--fs-md);font-weight:600;color:var(--text);letter-spacing:var(--tracking-snug);line-height:1}.wordmark>span{font-weight:700;color:var(--brand)}.btn{font-family:inherit;font-size:var(--fs-sm);font-weight:500;padding:6px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--bg-2);border-color:var(--muted-2)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--text);border-color:var(--text);color:#fff}.btn--primary:hover{background:var(--text-2);border-color:var(--text-2)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover{background:var(--surface-2)}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover{background:#b91c1c;border-color:#b91c1c}.btn--sm{padding:.35rem .75rem;font-size:var(--fs-xs)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-6);transition:border-color var(--t)}.card:hover{border-color:var(--border-strong)}.filter-btn{padding:.3rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:var(--fs-xs);font-weight:500;cursor:pointer;transition:all var(--t)}.filter-btn:hover{border-color:var(--text);color:var(--text)}.filter-btn.active{background:var(--text);border-color:var(--text);color:#fff}.input{font-family:inherit;font-size:var(--fs-sm);padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);transition:border-color var(--t);width:100%}.input:focus{outline:none;border-color:var(--text)}.input.error,.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{resize:vertical;min-height:4rem}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--fs-xs);font-weight:500;border-radius:var(--radius);border:1px solid var(--border)}.badge--success{background:var(--success-bg);color:var(--success);border-color:transparent}.badge--warning{background:var(--warning-bg);color:var(--warning);border-color:transparent}.badge--danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}.app-header{height:var(--header-h);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);position:sticky;top:0;background:var(--bg);z-index:10}.app-header nav{display:flex;gap:var(--space-1);flex:1;flex-wrap:wrap}.app-header nav a{text-decoration:none;color:var(--muted);font-size:var(--fs-sm);font-weight:500;padding:6px 10px;border-bottom:2px solid transparent}.app-header nav a:hover{color:var(--text)}.app-header nav a.active{color:var(--text);border-bottom-color:var(--text)}.app-header .user{font-size:var(--fs-sm);color:var(--muted);display:flex;align-items:center;gap:var(--space-3)}.main{max-width:var(--max-app);margin:0 auto;padding:var(--space-8) var(--space-6)}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-head h1{font-size:var(--fs-xl);letter-spacing:var(--tracking-tight);font-weight:700}.page-head p{color:var(--muted);font-size:var(--fs-sm)}.toolbar{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.row{display:flex;gap:var(--space-3);align-items:center}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.stack>*+*{margin-top:var(--space-2)}label{font-size:var(--fs-sm);font-weight:500;color:var(--text-2);display:block;margin-bottom:4px}.asset-card{display:flex;flex-direction:column;gap:var(--space-3)}.asset-card .title{font-weight:600;font-size:var(--fs-md)}.asset-card .meta{color:var(--muted);font-size:var(--fs-xs)}.asset-card .borrower{font-size:var(--fs-sm)}.note{display:flex;flex-direction:column;gap:var(--space-2)}.note .body{white-space:pre-wrap;font-size:var(--fs-sm)}.note.pinned{border-color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182766;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.modal{background:var(--surface);border:1px solid var(--border-strong);max-width:28rem;width:100%;padding:var(--space-6);max-height:90vh;overflow:auto}.modal h2{font-size:var(--fs-lg);margin-bottom:var(--space-4)}.modal .actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6)}table.tl{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}table.tl th,table.tl td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}table.tl th{color:var(--muted);font-weight:500;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.center-state{text-align:center;color:var(--muted);padding:var(--space-12) var(--space-4)}
