@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary: #365d4e;--color-success: #477653;--color-warning: #a4522c;--color-danger: #a3443b;--color-retired: #69736d;--color-sidebar: #182522;--color-sidebar-accent: #d9ef68;--color-content-bg: #f1f1ea;--color-surface: #fffefa;--color-surface-muted: #e9ebe3;--color-border: #d7d9d0;--color-border-strong: #9ea79e;--color-text: #202b27;--color-text-muted: #596760;--color-primary-tint: #e2ebe4;--color-success-tint: #e5eee4;--color-warning-tint: #f5e9de;--color-danger-tint: #f4e5e2;--color-neutral-tint: #e9ebe5;--radius-control: 2px;--radius-panel: 3px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.45;color:var(--color-text);background:var(--color-content-bg);accent-color:var(--color-primary)}button,input,select{font-family:inherit;font-size:inherit}::selection{background:#dce7a4;color:#202b27}:focus-visible{outline:2px solid #365d4e;outline-offset:2px}.page-title{margin:0 0 20px;font-size:24px;font-weight:700}.load-error,.inline-error{margin:0 0 16px;font-size:13px;color:var(--color-danger)}.card{margin-bottom:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.summary-card{padding:20px}.summary-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px}.summary-header h2{margin:0;font-size:15px;font-weight:600}.summary-count{font-size:13px;color:var(--color-text-muted)}.summary-count strong{font-size:20px;color:var(--color-text)}.progress-track{height:10px;margin-bottom:8px;border-radius:999px;background:var(--color-border);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:var(--color-primary);transition:width .2s ease-out}.progress-label{margin:0;font-size:12px;color:var(--color-text-muted)}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.tile{padding:18px;display:flex;flex-direction:column;gap:8px}.tile-dot{width:10px;height:10px;border-radius:50%}.tile-dot--available{background:var(--color-success)}.tile-dot--overdue{background:var(--color-danger)}.tile-dot--due-soon{background:var(--color-warning)}.tile-dot--maintenance{background:var(--color-primary)}.tile-count{font-size:28px;font-weight:700;line-height:1}.tile-label{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.activity-card h2{margin:0;padding:18px 20px;font-size:15px;font-weight:600}.activity-list{list-style:none;margin:0;padding:0}.activity-row{display:flex;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--color-border)}.activity-time{flex-shrink:0;width:52px;font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted)}.activity-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.activity-text{font-size:13px;color:var(--color-text)}.activity-sub{font-size:12px;color:var(--color-text-muted)}.activity-empty{padding:20px;text-align:center;font-size:13px;color:var(--color-text-muted)}.status-pill{flex-shrink:0;display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-pill--issued{background:var(--color-primary-tint);color:#1e3a8a}.status-pill--overdue{background:var(--color-danger-tint);color:#7f1d1d}.status-pill--reservation{background:#ede9fe;color:#4c1d95}.status-pill--returned{background:var(--color-success-tint);color:#14532d}.status-pill--cancelled,.status-pill--removed{background:var(--color-neutral-tint);color:#334155}.btn{flex-shrink:0;font-family:inherit;font-size:12px;font-weight:600;padding:6px 12px;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:transform 50ms ease-out}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.footer-branch-select{padding:4px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-content-bg);color:var(--color-text)}@media(max-width:720px){.tile-grid{grid-template-columns:repeat(2,1fr)}}
