:root{--primary:#0284c7;--primary-hover:#0369a1;--primary-soft:#f0f9ff;--bg:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--text:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--success:#059669;--success-soft:#ecfdf5;--success-border:#a7f3d0;--warning:#b45309;--warning-soft:#fffbeb;--warning-border:#fde68a;--danger:#dc2626;--danger-soft:#fef2f2;--danger-border:#fecaca;--radius:6px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{background:var(--bg)}body{color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}.auth-wrapper{background:var(--bg);min-height:100vh}.admin-layout{display:flex;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;inset:0 auto 0 0;min-width:224px;position:fixed;width:224px;z-index:20}.sidebar-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.7rem;min-height:64px;padding:.75rem 1rem}.brand-mark{background:var(--primary-soft);border:1px solid #7dd3fc;border-radius:5px;color:var(--primary-hover);display:grid;font-size:.75rem;font-weight:800;height:34px;letter-spacing:-.03em;place-items:center;width:34px}.sidebar-brand{min-width:0}.sidebar-header span,.sidebar-header strong{display:block}.sidebar-header strong{font-size:.875rem;letter-spacing:-.01em}.sidebar-header span{color:var(--text-muted);font-size:.7rem;margin-top:1px}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:.2rem;padding:.75rem .5rem}.nav-item{align-items:center;border-radius:var(--radius);color:#475569;display:flex;font-size:.825rem;font-weight:600;gap:.65rem;min-height:38px;padding:.45rem .65rem;text-decoration:none;transition:background-color .12s ease,color .12s ease}.nav-item:hover{background:var(--surface-muted);color:var(--text)}.nav-item.active{background:#e0f2fe;color:var(--primary-hover)}.nav-icon,.nav-icon svg{flex:0 0 17px;height:17px;width:17px}.nav-icon svg{display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem;padding:.85rem 1rem}.utility-link{text-decoration:none}.utility-link:hover{color:var(--primary-hover)}.utility-separator{color:var(--border-strong);margin:0 .35rem}.mobile-bottom-nav,.mobile-menu-button,.sidebar-close,.sidebar-logout,.sidebar-scrim{display:none}.main-wrapper{flex:1;margin-left:224px;min-width:0}.topbar{background:#fffffff5;border-bottom:1px solid var(--border);height:64px;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:15}.topbar,.topbar-main{align-items:center;display:flex}.topbar-main{gap:.65rem;min-width:0}.topbar-main>div:last-child{display:flex;flex-direction:column;min-width:0}.topbar-eyebrow{color:var(--text-muted);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.topbar strong{color:var(--text-secondary);font-size:.9rem}.user-status{align-items:center;display:flex;gap:.75rem}.user-email{color:var(--text-muted);font-size:.78rem}.admin-content{padding:1.5rem 1.75rem 3rem;width:100%}.page-shell{width:100%}.page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.page-header h1{font-size:1.42rem;letter-spacing:-.025em;line-height:1.25}.page-header p{color:var(--text-muted);font-size:.825rem;margin-top:.2rem;max-width:720px}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.section-title{color:var(--text-secondary);font-size:.95rem;font-weight:700}.section-description{color:var(--text-muted);font-size:.78rem;margin-top:.15rem}.section-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.stack{display:flex;flex-direction:column;gap:1rem}.inline{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.spacer{flex:1}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.81rem;font-weight:650;gap:.4rem;justify-content:center;line-height:1;min-height:36px;padding:.43rem .8rem;text-decoration:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn svg{fill:none;height:15px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:15px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:#fff;border-color:var(--border-strong);color:var(--text-secondary)}.btn-quiet:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.btn-danger{background:#fff;border-color:var(--danger-border);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-quiet{background:transparent;border-color:var(--border);color:var(--text-muted);min-height:30px;padding:.3rem .6rem}.btn-sm{font-size:.75rem;min-height:30px;padding:.32rem .58rem}.icon-button{background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:grid;height:32px;place-items:center;width:32px}.icon-button:hover{background:var(--surface-muted);color:var(--text)}.icon-button svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-width:2;width:16px}.icon-action{background:#fff;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:inline-grid;flex:0 0 32px;height:32px;padding:0;place-items:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;width:32px}.icon-action:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.icon-action:active:not(:disabled){transform:translateY(1px)}.icon-action:disabled{cursor:not-allowed;opacity:.5}.icon-action.danger{border-color:var(--danger-border);color:var(--danger)}.icon-action.danger:hover:not(:disabled){background:var(--danger-soft)}.icon-action.primary{background:var(--primary-soft);border-color:#bae6fd;color:var(--primary-hover)}.icon-action svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:16px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.card-body{padding:1.1rem}.card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:.75rem;justify-content:space-between;padding:.85rem 1.1rem}.card-header h2{color:var(--text-secondary);font-size:.92rem}.metrics-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(180px,1fr));margin-bottom:1rem}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:104px;padding:1rem}.metric-card.primary{background:#fafdff;border-color:#bae6fd}.metric-label{color:var(--text-muted);font-size:.73rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase}.metric-value{color:var(--text);display:block;font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.025em;line-height:1.2;margin-top:.35rem}.metric-hint{color:var(--text-muted);display:block;font-size:.72rem;margin-top:.3rem}.text-positive{color:var(--success)!important}.text-negative{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.muted{color:var(--text-muted)}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.toolbar{align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1rem;padding:.7rem}.toolbar .form-group{margin:0;min-width:160px}.toolbar .search-field{flex:1;min-width:min(320px,100%)}.form-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:.32rem}.form-group.full{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:.76rem;font-weight:650}.required:after{color:var(--danger);content:" *"}.form-control{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font-size:.84rem;min-height:38px;outline:none;padding:.48rem .65rem;transition:border-color .12s ease,box-shadow .12s ease;width:100%}textarea.form-control{line-height:1.45;min-height:78px;resize:vertical}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0284c71f}.form-control:disabled{background:var(--surface-muted);color:var(--text-muted)}.field-hint{color:var(--text-muted);font-size:.7rem}.form-error{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius);color:#991b1b;font-size:.78rem;padding:.6rem .75rem}.form-actions{border-top:1px solid var(--border);display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.1rem;padding-top:.9rem}.table-wrap{overflow-x:auto;width:100%}.data-table{border-collapse:collapse;font-size:.79rem;min-width:760px;width:100%}.data-table th{background:var(--surface-muted);border-bottom:1px solid var(--border);color:#475569;font-size:.68rem;letter-spacing:.035em;padding:.62rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #eef2f7;color:var(--text-secondary);padding:.65rem .75rem;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fafcfe}.data-table .right{text-align:right}.row-title{color:var(--text);font-weight:650;text-decoration:none}.row-title:hover{color:var(--primary-hover)}.row-subtitle{color:var(--text-muted);display:block;font-size:.7rem;margin-top:.1rem}.row-actions{display:flex;gap:.35rem;justify-content:flex-end}.status{align-items:center;border:1px solid var(--border);border-radius:4px;display:inline-flex;font-size:.7rem;font-weight:650;min-height:24px;padding:.15rem .48rem;white-space:nowrap}.status-active,.status-available,.status-sold{background:var(--success-soft);border-color:var(--success-border);color:#047857}.status-closed,.status-unavailable{background:var(--surface-muted);border-color:var(--border);color:var(--text-muted)}.status-warning{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.status-info{background:var(--primary-soft);border-color:#bae6fd;color:var(--primary-hover)}.status-loan{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:2rem;text-align:center}.empty-state svg{fill:none;height:28px;margin-bottom:.65rem;stroke:#94a3b8;stroke-width:1.5;width:28px}.empty-state strong{color:var(--text-secondary);font-size:.88rem}.empty-state p{font-size:.76rem;margin:.2rem auto .8rem;max-width:430px}.loading-state{color:var(--text-muted);display:grid;min-height:180px;place-items:center}.spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.modal-backdrop{background:#0f172a61;display:grid;inset:0;overflow-y:auto;padding:1rem;place-items:center;position:fixed;z-index:100}.modal-panel{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 8px 24px #0f172a1f;max-height:calc(100vh - 2rem);overflow-y:auto;width:min(560px,100%)}.modal-panel.modal-wide{width:min(760px,100%)}.modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.1rem}.modal-header h2{color:var(--text);font-size:1rem}.modal-header p{color:var(--text-muted);font-size:.74rem;margin-top:.15rem}.modal-body{padding:1.1rem}.autocomplete{position:relative}.autocomplete-menu{background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 6px 16px #0f172a17;left:0;max-height:220px;overflow-y:auto;padding:.2rem;position:absolute;right:0;top:calc(100% + 4px);z-index:50}.autocomplete-menu button{background:#fff;border:0;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.79rem;gap:1rem;justify-content:space-between;padding:.45rem .55rem;text-align:left;width:100%}.autocomplete-menu button.active,.autocomplete-menu button:hover{background:var(--primary-soft);color:var(--primary-hover)}.autocomplete-menu small{color:var(--text-muted);font-size:.67rem;white-space:nowrap}.toast-stack{display:flex;flex-direction:column;gap:.45rem;position:fixed;right:1rem;top:1rem;width:min(360px,calc(100vw - 2rem));z-index:200}.toast-message{align-items:flex-start;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:0 4px 12px #0f172a17;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.78rem;gap:.55rem;padding:.7rem .8rem;text-align:left;width:100%}.toast-message svg{fill:none;flex:0 0 17px;height:17px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:17px}.toast-success{border-color:var(--success-border);color:#047857}.toast-error{border-color:var(--danger-border);color:#b91c1c}.toast-info{border-color:#bae6fd;color:var(--primary-hover)}.detail-grid{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 300px}.summary-list{display:flex;flex-direction:column}.summary-row{border-bottom:1px solid #eef2f7;display:flex;font-size:.78rem;gap:1rem;justify-content:space-between;padding:.58rem 0}.summary-row:last-child{border-bottom:0}.summary-row span:first-child{color:var(--text-muted)}.summary-row strong{font-variant-numeric:tabular-nums;text-align:right}.tabs{border-bottom:1px solid var(--border);display:flex;gap:.2rem;margin-bottom:1rem;overflow-x:auto}.tab-button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:650;padding:.6rem .75rem;white-space:nowrap}.tab-button.active{border-bottom-color:var(--primary);color:var(--primary-hover)}.breadcrumbs{align-items:center;color:var(--text-muted);display:flex;font-size:.73rem;gap:.4rem;margin-bottom:.65rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--primary-hover)}.info-grid{display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}.info-item{background:var(--surface-muted);border-radius:var(--radius);padding:.75rem}.info-item span,.info-item strong{display:block}.info-item span{color:var(--text-muted);font-size:.68rem;letter-spacing:.035em;text-transform:uppercase}.info-item strong{color:var(--text-secondary);font-size:.8rem;margin-top:.2rem;word-break:break-word}@media(max-width:1120px){.info-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media(max-width:760px){.admin-layout{display:block;min-height:100dvh}.sidebar{border-right:1px solid var(--border);box-shadow:8px 0 24px #0f172a1f;min-width:0;padding-top:env(safe-area-inset-top);transform:translate3d(-105%,0,0);transition:transform .18s ease;width:min(86vw,300px);z-index:70}.sidebar.mobile-open{transform:translateZ(0)}.sidebar-scrim{background:#0f172a59;border:0;display:block;inset:0;position:fixed;z-index:65}.sidebar-header{min-height:62px}.sidebar-close{display:grid;flex:0 0 32px;margin-left:auto}.sidebar-nav{flex-direction:column;overflow:visible;padding:.75rem .5rem}.nav-item{flex:0 0 auto;font-size:.88rem;min-height:44px}.sidebar-footer{display:block;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.sidebar-logout{background:transparent;border:0;border-top:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:block;font-size:.8rem;margin-top:.8rem;padding:.65rem 0 0;text-align:left;width:100%}.main-wrapper{margin-left:0;min-height:100dvh}.topbar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) .8rem 0;position:sticky;top:0;z-index:40}.mobile-menu-button{display:grid;flex:0 0 36px;height:36px;width:36px}.topbar-main{gap:.55rem}.topbar-main strong{display:block;font-size:.86rem;max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-eyebrow,.user-email,.user-status .btn{display:none}.admin-content{padding:.8rem .75rem calc(5.2rem + env(safe-area-inset-bottom))}.mobile-bottom-nav{background:#fffffffa;border-top:1px solid var(--border-strong);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));inset:auto 0 0;min-height:calc(58px + env(safe-area-inset-bottom));padding:.35rem .25rem max(.35rem,env(safe-area-inset-bottom));position:fixed;z-index:45}.mobile-bottom-link{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.64rem;font-weight:650;gap:.18rem;justify-content:center;line-height:1.1;min-width:0;text-decoration:none}.mobile-bottom-link .nav-icon,.mobile-bottom-link .nav-icon svg{height:19px;width:19px}.mobile-bottom-link.active{color:var(--primary-hover)}.page-header{flex-direction:column}.page-actions{justify-content:flex-start;width:100%}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.form-control{font-size:16px;min-height:44px}textarea.form-control{min-height:86px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:88px}.toolbar{align-items:stretch}.toolbar .form-group,.toolbar .search-field{min-width:100%}.info-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal-panel,.modal-panel.modal-wide{border-radius:6px 6px 0 0;max-height:calc(100dvh - env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);width:100%}.toast-stack{right:.65rem;top:calc(.65rem + env(safe-area-inset-top));width:calc(100vw - 1.3rem)}}.error-container[data-v-c02112e6]{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.error-card[data-v-c02112e6]{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000d;max-width:440px;padding:2.5rem 2rem;text-align:center;width:100%}.error-code[data-v-c02112e6]{color:#cbd5e1;display:block;font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:.5rem}.error-title[data-v-c02112e6]{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.error-desc[data-v-c02112e6]{color:#64748b;font-size:.85rem;line-height:1.5;margin:0 0 1.5rem}.error-actions[data-v-c02112e6]{display:flex}.btn[data-v-c02112e6],.error-actions[data-v-c02112e6]{justify-content:center}.btn[data-v-c02112e6]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;padding:.6rem 1.25rem;transition:background-color .15s}.btn-primary[data-v-c02112e6]{background-color:#0284c7;color:#fff}.btn-primary[data-v-c02112e6]:hover{background-color:#0369a1}