:root{--bg:#1a0008;--surface:#240010;--surface2:#2e0018;--border:#5a0025;--accent:#e8341a;--accent2:#ff6b4a;--text:#f5e8e4;--text-muted:#c09090;--text-dim:#7a4040;--green:#4fffb0;--red:#ff6060;--orange:#fa4;--space-xs:clamp(4px,.3vw,7px);--space-sm:clamp(8px,.6vw,14px);--space-md:clamp(14px,1vw,22px);--space-lg:clamp(20px,1.5vw,36px);--space-xl:clamp(28px,2vw,48px);--sidebar-w:clamp(240px,17vw,320px);--header-h:48px}.light{--bg:#f0ece8;--surface:#fff;--surface2:#f5f0ec;--border:#d0c0b8;--text:#1a0008;--text-muted:#6b4040;--text-dim:#a08080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:Source Code Pro,monospace;font-size:13px;min-height:100vh;overflow-x:hidden}.btn-primary,h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}.btn-primary{align-items:center;background:var(--accent);border:none;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;letter-spacing:.05em;padding:10px 20px;transition:background .15s}.btn-primary:hover{background:var(--accent2)}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{align-items:center;background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:Source Code Pro,monospace;font-size:12px;justify-content:center;padding:8px 16px;transition:border-color .15s,color .15s}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text)}.btn-sm{background:transparent;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:Source Code Pro,monospace;font-size:10px;padding:4px 10px;transition:all .12s}.btn-sm:hover{border-color:var(--text-muted);color:var(--text)}.btn-sm.success{border-color:var(--green);color:var(--green)}.btn-sm.danger{border-color:var(--red);color:var(--red)}.form-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:Source Code Pro,monospace;font-size:13px;outline:none;padding:10px 12px;transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--accent)}.form-label{color:var(--text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-box{background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:520px}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.modal-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}.modal-body{flex:1;overflow-y:auto;padding:20px}.modal-footer{border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:14px 20px}.status-badge{align-items:center;border:1px solid;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 8px}.status-badge.active{border-color:var(--green);color:var(--green)}.status-badge.overdue{border-color:var(--red);color:var(--red)}.status-badge.returned{border-color:var(--border);color:var(--text-muted)}.status-badge.partial{border-color:var(--orange);color:var(--orange)}.person-pill{border-radius:2px;font-size:11px;font-weight:700;padding:2px 8px}.eq-tag-small,.person-pill{align-items:center;display:inline-flex}.eq-tag-small{border:1px solid var(--border);color:var(--text-muted);font-size:10px;gap:4px;padding:2px 6px}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.loading-bar{background:var(--accent);height:2px;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .2s;z-index:9999}.loading-bar.active{animation:loading-pulse 1.2s ease-in-out infinite;opacity:1}@keyframes loading-pulse{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(.7);transform-origin:left}to{opacity:0;transform:scaleX(1);transform-origin:left}}.toast{align-items:flex-start;animation:toast-in .2s ease;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);bottom:24px;box-shadow:0 8px 32px #0006;display:flex;gap:10px;max-width:400px;min-width:280px;padding:12px 16px;position:fixed;right:24px;z-index:9000}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-orange{color:var(--orange)}.app-root{background:var(--bg);color:var(--text);min-height:100vh}.toast-container{bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:9000}.toast-title{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;margin-bottom:2px}.toast-body{color:var(--text-muted);font-size:11px}.toast-enter-active,.toast-leave-active{transition:all .2s}.toast-enter-from{opacity:0;transform:translateY(8px)}.toast-leave-to{opacity:0;transform:translate(20px)}