:root{--color-bg: #f6f8fc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #5f6f85;--color-border: #e2e8f0;--color-control-border: #64748b;--color-primary: #4338ca;--color-primary-hover: #3730a3;--color-primary-active: #312e81;--color-primary-soft: #eef2ff;--color-on-primary: #ffffff;--color-success: #166534;--color-success-soft: #f0fdf4;--color-warning: #92400e;--color-warning-soft: #fffbeb;--color-danger: #b91c1c;--color-danger-soft: #fef2f2;--color-info: #1d4ed8;--color-info-soft: #eff6ff;--color-overlay: rgb(15 23 42 / 35%);--color-navigation: rgb(255 255 255 / 85%);--radius-control: 10px;--radius-card: 16px;--radius-dialog: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--shadow-card: 0 2px 8px rgb(15 23 42 / 4%);--shadow-overlay: 0 16px 48px rgb(15 23 42 / 16%);--duration-fast: .15s;--duration-normal: .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0}a{color:var(--color-primary);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}h2{font-size:18px;font-weight:600;line-height:1.4}h3{font-size:16px;font-weight:600}small{font-size:12px;color:var(--color-text-muted)}strong{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:var(--space-4);z-index:10;background:var(--color-surface);padding:var(--space-3)}.skip-link:focus{top:var(--space-2)}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;padding:var(--space-8) var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-8)}.brand{display:flex;gap:var(--space-3);align-items:center;padding:0 var(--space-2);text-decoration:none;color:var(--color-text)}.brand strong{font-size:24px;line-height:1.2}.brand small{display:block;margin-top:var(--space-1)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--radius-control);font-size:20px;font-weight:600}.section-label{font-size:12px;color:var(--color-text-muted);margin:var(--space-4) 0 var(--space-2)}.sidebar nav a{display:flex;align-items:center;min-height:44px;padding:var(--space-3) var(--space-4);margin:var(--space-1) 0;border-radius:var(--radius-control);color:var(--color-text-secondary);text-decoration:none}.sidebar nav a:hover{background:var(--color-surface-muted)}.sidebar nav a.router-link-active{color:var(--color-primary);background:var(--color-primary-soft);font-weight:500}.workspace{margin-left:224px;min-width:0}.topbar{min-height:72px;display:flex;gap:var(--space-4);justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-8);position:relative;z-index:2;background:var(--color-navigation);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.topbar-title{font-size:12px;color:var(--color-text-muted)}.user-menu{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--color-primary);background:var(--color-primary-soft)}.profile{position:relative;min-width:0}.profile-trigger{max-width:min(360px,calc(100vw - 120px))}.profile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-trigger .avatar{flex-shrink:0}.profile-popup{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:2;min-width:176px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);box-shadow:var(--shadow-overlay)}.profile-popup a{display:flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-text);border-radius:var(--radius-control);text-decoration:none}.profile-popup a:hover{background:var(--color-primary-soft);color:var(--color-primary)}.profile-popup a:active{background:var(--color-surface-muted)}.topbar .menu-toggle,.mobile-navigation{display:none}main{max-width:1360px;padding:var(--space-8);margin:auto;min-height:calc(100vh - 140px)}main>.notice{margin-bottom:var(--space-4)}footer{padding:var(--space-4) var(--space-8);color:var(--color-text-muted);font-size:12px;display:flex;justify-content:space-between;gap:var(--space-4)}.page-heading{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6)}.page-heading p{color:var(--color-text-secondary);margin-top:var(--space-2)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.button{min-height:44px;min-width:44px;padding:var(--space-2) var(--space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);font-weight:500;cursor:pointer;text-decoration:none;transition:background var(--duration-fast),border-color var(--duration-fast)}.button:hover{background:var(--color-surface-muted)}.button:active{background:var(--color-border)}.button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.button.primary:hover{background:var(--color-primary-hover)}.button.primary:active{background:var(--color-primary-active)}.button.danger{color:var(--color-danger);border-color:var(--color-danger)}.button.danger:hover{background:var(--color-danger-soft)}.button.text{border-color:transparent;background:transparent;color:var(--color-primary)}.button.text:hover{background:var(--color-primary-soft)}.button:disabled{cursor:not-allowed;color:var(--color-text-muted);border-color:var(--color-border);background:var(--color-surface-muted)}.button[aria-busy=true]{color:var(--color-primary);background:var(--color-primary-soft)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-weight:500}input,textarea,select{min-height:44px;max-width:100%;width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}input:hover,textarea:hover,select:hover{border-color:var(--color-primary)}textarea{resize:vertical}input[readonly],textarea[readonly],input:disabled,select:disabled{background:var(--color-surface-muted)}[aria-invalid=true]{border-color:var(--color-danger)}.field-error{color:var(--color-danger);font-size:12px}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);overflow-wrap:anywhere}.notice.info{color:var(--color-info);background:var(--color-info-soft)}.notice.success{color:var(--color-success);background:var(--color-success-soft)}.notice.warning{color:var(--color-warning);background:var(--color-warning-soft)}.notice.danger{color:var(--color-danger);background:var(--color-danger-soft)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:999px;font-size:12px;white-space:normal}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.warning{color:var(--color-warning);background:var(--color-warning-soft)}.badge.success{color:var(--color-success);background:var(--color-success-soft)}.badge.danger{color:var(--color-danger);background:var(--color-danger-soft)}.badge.info{color:var(--color-info);background:var(--color-info-soft)}.badge.neutral{color:var(--color-text-secondary);background:var(--color-surface-muted)}.table-scroll{overflow-x:auto;width:100%;border-radius:var(--radius-control)}table{width:100%;border-collapse:collapse;min-width:720px;text-align:left}th{font-size:12px;color:var(--color-text-muted);font-weight:500;background:var(--color-surface-muted);white-space:nowrap}th,td{padding:var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}td small{display:block;overflow-wrap:anywhere}tbody tr:hover{background:var(--color-bg)}.pagination{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4);align-items:center;padding-top:var(--space-6)}.pagination>span{margin-right:auto}.pagination label{display:flex;gap:var(--space-2);align-items:center}.pagination select{width:auto}.empty-state,.error-state{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.skeleton{background:var(--color-surface-muted);border-radius:var(--radius-control);min-height:180px;margin:var(--space-4) 0}dialog{width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-dialog);padding:var(--space-6);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-overlay)}dialog::backdrop{background:var(--color-overlay)}.dialog-heading{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.dialog-heading small{color:var(--color-primary)}.dialog-heading h2{margin-top:var(--space-2)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-6)}.sign-in{max-width:520px;margin:var(--space-12) auto}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-6)}dl{margin:0}.facts>div{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}dt{color:var(--color-text-secondary)}.borrow-reason{white-space:pre-wrap}.request-reason{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;width:16rem;max-width:55vw}.request-table table{min-width:1120px}.request-table td:first-child{min-width:10rem}.request-table td:nth-child(2){min-width:12rem}.request-table td:nth-child(4),.request-table td:nth-child(5),.request-table td:nth-child(6){white-space:nowrap}.audit-data{white-space:pre-wrap;overflow-wrap:anywhere;max-width:32rem;max-height:20rem;overflow:auto}dd{margin:0;text-align:right;overflow-wrap:anywhere}.description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text-secondary)}.checkbox-field{display:flex;align-items:center;gap:var(--space-3);min-height:44px}.checkbox-field input{width:20px;min-height:20px;height:20px;accent-color:var(--color-primary)}.filters{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;margin-bottom:var(--space-6)}.filters .field{min-width:140px;flex:1}.filters .search{flex:2}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.tabs .selected{color:var(--color-primary);background:var(--color-primary-soft);border-color:var(--color-primary)}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--space-4)}.equipment-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-card)}.equipment-card .description{flex:1}.stock{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.stock strong{font-size:28px;line-height:1.2;color:var(--color-primary)}.stock small{margin-left:auto}.back-link{display:inline-flex;min-height:44px;align-items:center;margin-bottom:var(--space-4)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:3;max-width:calc(100% - 32px);box-shadow:var(--shadow-overlay)}@media(max-width:1199px){.sidebar{width:184px}.workspace{margin-left:184px}main{padding:var(--space-6)}.topbar{padding-inline:var(--space-6)}.topbar-title{display:none}.detail-grid{grid-template-columns:1fr}}@media(max-width:899px){.sidebar{display:none}.workspace{margin-left:0}.topbar .menu-toggle{display:inline-flex}.mobile-navigation{display:flex;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.mobile-navigation a{padding:var(--space-3);min-height:44px;border-radius:var(--radius-control)}.mobile-navigation .router-link-active{background:var(--color-primary-soft)}}@media(max-width:639px){main{padding:var(--space-6) var(--space-4)}h1{font-size:24px}.topbar{padding:var(--space-3) var(--space-4);flex-wrap:wrap}.user-menu{margin-left:auto}.avatar{display:none}.panel,.equipment-card,dialog{padding:var(--space-4)}.page-heading{flex-direction:column}.filters{gap:var(--space-3)}.filters .field{min-width:100%}.pagination{justify-content:flex-start}.pagination>span{flex-basis:100%}.facts>div{flex-wrap:wrap}footer{flex-direction:column;padding-inline:var(--space-4)}.sign-in{margin-block:var(--space-6)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){.topbar{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not (backdrop-filter: blur(10px)){.topbar{background:var(--color-surface)}}