:root{--background:#f5f6f6;--surface:#ffffff;--surface-subtle:#fafafa;--text:#161a1d;--text-soft:#60676d;--text-faint:#858c91;--border:#dfe2e3;--border-strong:#c8cdcf;--orange:#f4510b;--orange-dark:#d83e00;--orange-soft:#fff1ea;--green:#13884b;--green-soft:#e9f7ef;--red:#dc3636;--red-soft:#fff0f0;--blue:#1266bc;--blue-soft:#edf5fd;--sidebar-width:224px;--radius-sm:8px;--radius-md:12px;--shadow-modal:0 24px 80px rgb(22 26 29/20%)}*{box-sizing:border-box}body,html{background:var(--background)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;text-rendering:optimizeLegibility}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--sidebar-width);flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.sidebar-stripe{position:absolute;inset:0 auto 0 0;width:8px;background:var(--orange)}.sidebar-stripe:after{position:absolute;top:72%;left:0;width:8px;height:44px;background:var(--surface);-webkit-clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);content:""}.sidebar-top{display:flex;min-height:112px;align-items:center;justify-content:space-between;padding:0 24px 0 32px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);font-size:21px;font-weight:850;letter-spacing:-.04em}.brand-mark{display:flex;width:22px;height:26px;align-items:flex-end;gap:2px}.brand-mark i{display:block;width:6px;background:var(--orange)}.brand-mark i:first-child{height:12px}.brand-mark i:nth-child(2){height:21px;-webkit-clip-path:polygon(100% 0,100% 100%,0 100%,0 22%);clip-path:polygon(100% 0,100% 100%,0 100%,0 22%)}.brand-mark i:nth-child(3){height:26px}.main-nav{display:flex;flex-direction:column;gap:6px;padding:8px 20px}.nav-item{display:flex;min-height:48px;align-items:center;gap:14px;padding:0 14px;border-radius:var(--radius-sm);color:#394046;font-size:14px;font-weight:650;transition:color .14s ease,background .14s ease}.nav-item:hover{background:#f4f5f5;color:var(--text)}.nav-item-active{background:var(--orange-soft);color:var(--orange)}.nav-item-active:hover{background:#ffe9de;color:var(--orange-dark)}.sidebar-footer{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding:18px 20px 22px 28px}.organization-switcher,.profile-switcher{display:flex;width:100%;align-items:center;gap:10px;padding:12px 2px;border:0;border-top:1px solid var(--border);background:transparent;cursor:pointer;text-align:left}.organization-switcher span,.profile-switcher>span:last-child{display:flex;min-width:0;flex-direction:column}.organization-switcher b,.profile-switcher b{overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.organization-switcher small,.profile-switcher small{color:var(--text-soft);font-size:11px}.audit-avatar,.avatar,.member-avatar{display:inline-grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--text);color:white;font-weight:750}.avatar{width:34px;height:34px}.main-area{min-height:100vh;margin-left:var(--sidebar-width)}.mobile-header{display:none}.page{width:100%;max-width:1640px;margin:0 auto;padding:36px clamp(24px,3.25vw,56px) 56px}.dashboard-page{padding-top:30px}.dashboard-heading,.page-header{display:flex;min-height:62px;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:26px}.dashboard-heading h1,.page-header h1{margin:0;font-size:clamp(28px,3vw,42px);font-weight:900;letter-spacing:-.055em;line-height:1.12}.dashboard-heading p,.page-header p{margin:8px 0 0;color:var(--text-soft);font-size:14px}.dashboard-actions,.page-actions,.search-control{display:flex;align-items:center;gap:10px}.search-control{height:46px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:0 12px;color:var(--text-soft);transition:border-color .14s ease,box-shadow .14s ease}.search-control:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px rgb(244 81 11/10%)}.search-control input{width:clamp(220px,26vw,360px);border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-control input::placeholder{color:#8e969c}.search-control kbd{min-width:29px;padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:var(--surface-subtle);color:var(--text-faint);font-family:inherit;font-size:11px;text-align:center}.icon-button{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.close-menu{display:none}.notification-button{position:relative;height:46px}.notification-button span{position:absolute;top:-6px;right:-5px;display:grid;width:19px;height:19px;place-items:center;border:2px solid var(--background);border-radius:50%;background:var(--orange);color:white;font-size:9px;font-weight:800}.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:750;transition:transform .12s ease,background .14s ease,border-color .14s ease}.button:active{transform:translateY(1px)}.button-primary{min-height:46px;border-color:var(--orange);background:var(--orange);color:white}.button-primary:hover{border-color:var(--orange-dark);background:var(--orange-dark)}.button-secondary{border-color:var(--border-strong);background:var(--surface)}.button-ghost:hover,.button-secondary:hover{background:#f2f3f3}.button-ghost{background:transparent;color:var(--text-soft)}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:24px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.metric{position:relative;display:flex;min-height:112px;align-items:center;gap:15px;padding:20px 24px;border-right:1px solid var(--border)}.metric:last-child{border-right:0}.metric:hover{background:var(--surface-subtle)}.metric-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border-radius:50%;border:2px solid;color:#6e777d}.metric>span:nth-child(2){display:grid;grid-template-columns:auto auto;align-items:baseline;grid-gap:0 6px;gap:0 6px}.metric small{grid-column:1/-1;margin-bottom:-2px;color:var(--text-soft);font-size:12px;font-weight:650}.metric strong{font-size:31px;font-weight:850;letter-spacing:-.04em;line-height:1.15}.metric em{color:var(--text-soft);font-size:11px;font-style:normal}.metric-chevron{margin-left:auto;color:var(--text-faint)}.metric-success .metric-icon,.metric-success strong{color:var(--green)}.metric-orange .metric-icon,.metric-orange strong{color:var(--orange)}.metric-danger .metric-icon,.metric-danger strong{color:var(--red)}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(320px,.8fr);align-items:start}.dashboard-grid,.dashboard-rail{display:grid;grid-gap:20px;gap:20px}.panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.panel-header{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid var(--border)}.dashboard-page .panel-header{min-height:62px}.panel-header h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.panel-header p{margin:2px 0 0;color:var(--text-faint);font-size:11px}.panel-header>a{display:inline-flex;align-items:center;gap:3px;color:var(--blue);font-size:12px;font-weight:700;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:760px;border-collapse:collapse;text-align:left}.loan-table{min-width:600px;table-layout:fixed}.loan-table td,.loan-table th{padding-inline:10px}.loan-table th:first-child{width:30%}.loan-table th:nth-child(2){width:14%}.loan-table th:nth-child(3){width:13%}.loan-table th:nth-child(4){width:18%}.loan-table th:nth-child(5){width:15%}.loan-table th:nth-child(6){width:10%}.loan-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loan-table .equipment-cell{min-width:0}.data-table th{height:44px;padding:0 15px;background:var(--surface-subtle);color:var(--text-soft);font-size:11px;font-weight:700;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{height:74px;padding:10px 15px;color:#343a3f;font-size:12px;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#fcfcfc}.equipment-cell,.member-cell{display:flex;min-width:160px;align-items:center;gap:12px}.equipment-cell img{flex:0 0 auto;border-radius:7px;background:#e8eaeb;object-fit:cover}.equipment-cell>span,.member-cell>span:last-child{display:flex;min-width:0;flex-direction:column}.equipment-cell b,.member-cell b,.table-primary{color:var(--text);font-size:12px;font-weight:750;white-space:nowrap}.equipment-cell small,.member-cell small,.table-secondary{display:block;margin-top:2px;color:var(--text-faint);font-size:10px;font-weight:500}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.status-badge{display:inline-flex;min-height:25px;align-items:center;padding:0 9px;border:1px solid transparent;border-radius:6px;font-size:10px;font-weight:750;white-space:nowrap}.status-available,.status-returned{border-color:#b8e1c9;background:var(--green-soft);color:var(--green)}.status-active,.status-borrowed{border-color:#ffd0b9;background:var(--orange-soft);color:var(--orange-dark)}.status-lost,.status-overdue{border-color:#f2bcbc;background:var(--red-soft);color:var(--red)}.status-maintenance{border-color:#bed9f4;background:var(--blue-soft);color:var(--blue)}.status-reserved{border-color:#e5d7a7;background:#fffae8;color:#8b6a00}.status-cancelled,.status-retired{border-color:var(--border);background:#f1f2f2;color:var(--text-soft)}.empty-state{display:grid;min-height:180px;place-items:center;align-content:center;grid-gap:10px;gap:10px;color:var(--text-faint);text-align:center}.empty-state p{margin:0}.attention-list{padding:6px 20px}.attention-row{display:grid;grid-template-columns:38px 1fr 18px;min-height:70px;align-items:center;grid-gap:11px;gap:11px;border-bottom:1px solid var(--border)}.attention-row:last-child{border-bottom:0}.attention-row>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.attention-row b{font-size:12px;font-weight:750}.attention-row small{margin-top:2px;overflow:hidden;color:var(--text-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.attention-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:7px}.attention-overdue .attention-icon{background:var(--red-soft);color:var(--red)}.attention-due_soon .attention-icon{background:var(--orange-soft);color:var(--orange)}.attention-inspection .attention-icon{background:var(--blue-soft);color:var(--blue)}.activity-list{margin:0;padding:16px 20px 20px 38px;list-style:none}.activity-list li{position:relative;min-height:66px;padding:0 0 14px 19px;border-left:1px solid var(--border)}.activity-list li:last-child{border-left-color:transparent}.activity-dot{position:absolute;top:3px;left:-4px;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.activity-dot-1{background:var(--green);box-shadow:0 0 0 1px var(--green)}.activity-dot-2{background:var(--text-faint);box-shadow:0 0 0 1px var(--text-faint)}.activity-list time{display:block;color:var(--text-faint);font-size:9px}.activity-list p{margin:3px 0 1px;font-size:11px}.activity-list b{font-weight:800}.activity-list small{color:var(--blue);font-size:10px}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.toolbar-search{flex:1 1;max-width:420px}.toolbar-search input{width:100%}.filter-tabs,.record-tabs{display:flex;align-items:center;gap:4px}.filter-tab,.record-tab{min-height:38px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:var(--text-soft);cursor:pointer;font-size:12px;font-weight:700}.filter-tab:hover,.record-tab:hover{background:#eceeee;color:var(--text)}.filter-tab-active,.record-tab-active{background:var(--text);color:white}.filter-tab-active:hover,.record-tab-active:hover{background:#30363a;color:white}.compact-filter{margin-left:auto}.table-summary{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid var(--border)}.table-summary p{margin:0;color:var(--text-soft);font-size:12px}.table-summary p b{color:var(--text)}.table-summary>button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--text-soft);cursor:pointer;font-size:11px}.asset-table{min-width:880px}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:rgb(22 26 29/46%)}.modal{width:min(620px,100%);overflow:hidden;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:23px;font-weight:850;letter-spacing:-.03em}.modal-header p{margin:4px 0 0;color:var(--text-soft);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;padding:24px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#3d4449;font-size:12px;font-weight:750}.form-grid input{height:43px;padding:0 12px;border:1px solid var(--border-strong);border-radius:7px;outline:0}.form-grid input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgb(244 81 11/10%)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface-subtle)}.record-tabs{gap:8px;margin-bottom:18px;padding:5px;overflow-x:auto;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.record-tab{display:inline-flex;min-height:40px;align-items:center;gap:8px;white-space:nowrap}.record-tab span{min-width:20px;padding:1px 6px;border-radius:10px;background:#e8eaea;color:var(--text-soft);font-size:10px}.record-tab-active span{background:#454b4f;color:white}.record-tab-danger{color:var(--red)}.security-note{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:11px;font-weight:700}.member-avatar{width:38px;height:38px;background:#30363a}.member-table td:last-child{width:64px;text-align:right}.audit-intro{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;padding:16px 18px;border:1px solid #b8e1c9;border-radius:var(--radius-sm);background:var(--green-soft);color:var(--green)}.audit-intro b{font-size:13px}.audit-intro p{margin:2px 0 0;color:#397051;font-size:11px}.audit-list{margin:0;padding:0;list-style:none}.audit-list li{display:grid;grid-template-columns:150px 38px minmax(0,1fr);align-items:start;grid-gap:16px;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.audit-list li:last-child{border-bottom:0}.audit-time{padding-top:8px;color:var(--text-faint);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.audit-avatar{width:36px;height:36px}.audit-content b{font-size:12px}.audit-content p{margin:2px 0;font-size:12px}.audit-content small{color:var(--text-faint);font-size:10px}.not-found{display:flex;min-height:70vh;align-items:center;flex-direction:column;justify-content:center;text-align:center}.not-found>span{color:var(--orange);font-size:16px;font-weight:850}.not-found h1{margin:10px 0 0;font-size:36px;letter-spacing:-.04em}.not-found p{margin:8px 0 24px;color:var(--text-soft)}@media (max-width:1180px){.dashboard-heading{align-items:stretch;flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions .search-control{flex:1 1}.dashboard-actions .search-control input{width:100%}.metric{padding:16px}.metric-icon{width:42px;height:42px}.dashboard-grid{grid-template-columns:1fr}.dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){:root{--sidebar-width:0px}.sidebar{width:244px;transform:translateX(-100%);transition:transform .18s ease}.sidebar-open{transform:translateX(0)}.sidebar-backdrop{position:fixed;z-index:25;inset:0;border:0;background:rgb(0 0 0/34%)}.close-menu{display:inline-grid}.mobile-header{position:-webkit-sticky;position:sticky;z-index:20;top:0;display:flex;height:66px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:rgb(255 255 255/96%)}.mobile-header .brand{font-size:19px}.page{padding:28px 22px 42px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--border)}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar-search{max-width:none;flex:1 0 100%}}@media (max-width:640px){.page{padding-inline:16px}.dashboard-heading,.page-header{align-items:stretch;flex-direction:column;gap:16px}.dashboard-heading h1,.page-header h1{font-size:30px}.dashboard-actions,.page-actions{flex-wrap:wrap}.dashboard-actions .search-control{order:3;flex-basis:100%}.dashboard-actions .button-primary{margin-left:auto}.metric{min-height:96px;gap:10px;padding:14px}.metric-icon{width:36px;height:36px}.metric-icon svg{width:22px}.metric strong{font-size:25px}.metric-chevron{display:none}.dashboard-rail{grid-template-columns:1fr}.filter-tabs{width:100%;overflow-x:auto}.compact-filter{margin-left:0}.form-grid{grid-template-columns:1fr}.table-summary{padding:0 14px}.security-note{display:none}.audit-list li{grid-template-columns:36px minmax(0,1fr);gap:12px}.audit-time{grid-column:2;grid-row:2;padding-top:0}.audit-avatar{grid-column:1;grid-row:1/3}.audit-content{grid-column:2;grid-row:1}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important}}.auth-fullscreen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--background);padding:24px}.auth-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 12px 36px rgba(0,0,0,.06);padding:40px 32px;text-align:center}.auth-loading{gap:16px;color:var(--text-soft)}.auth-brand,.auth-loading{display:flex;flex-direction:column;align-items:center}.auth-brand{margin-bottom:24px}.auth-brand .brand-mark{margin-bottom:12px}.auth-brand h1{font-size:22px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}.auth-subtitle{font-size:13px;color:var(--text-faint);margin:0}.auth-description{font-size:13.5px;color:var(--text-soft);line-height:1.6;margin:0 0 24px}.auth-error{display:flex;align-items:center;gap:8px;background-color:var(--red-soft);color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:20px;text-align:left}.auth-google-button{width:100%;gap:12px;height:48px;font-size:15px;font-weight:700}.auth-google-button,.auth-status-icon{display:flex;align-items:center;justify-content:center}.auth-status-icon{width:64px;height:64px;border-radius:50%;margin:0 auto 20px}.pending-icon{background-color:var(--orange-soft);color:var(--orange)}.info-icon{background-color:var(--blue-soft);color:var(--blue)}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.auth-actions .button{width:100%;justify-content:center}.dev-mock-panel{margin-top:32px;padding-top:24px;border-top:1px dashed var(--border);text-align:left}.dev-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.dev-buttons{display:flex;flex-direction:column;gap:8px}.dev-buttons .button{width:100%;justify-content:flex-start;font-size:12.5px;height:36px;padding:0 12px}