@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@400";:root{color-scheme:light;--bg: #f3f2f1;--surface: #ffffff;--surface-alt: #faf9f8;--text: #323130;--muted: #605e5c;--line: #edebe9;--primary: #0078d4;--primary-hover: #106ebe;--success-bg: #e8f4ea;--success-text: #107c10;--error-bg: #fde7e9;--error-text: #a4262c;font-family:Segoe UI,SegoeUI,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}html{scrollbar-gutter:stable}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;overflow:visible;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.topbar-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:inline-flex;align-items:center}.brand-logo{display:block;height:30px;width:auto;max-width:min(48vw,210px)}.navlinks{display:flex;gap:6px;flex-wrap:wrap}.navlinks a{font-size:.92rem;padding:8px 10px;border-radius:4px;color:var(--muted)}.navlinks a:hover{background:var(--surface-alt);color:var(--text)}.navlinks a.active{color:var(--primary);background:#eff6fc}.content{width:min(1200px,100%);margin:0 auto;padding:22px}.stack{display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.page-title{margin:0;font-size:1.5rem;font-weight:600}.page-subtitle{margin:6px 0 0;color:var(--muted);font-size:.94rem}.summary-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.summary-actions{display:flex;align-items:flex-start;gap:8px}.summary-pill{font-size:.85rem;color:var(--muted);background:var(--surface-alt);border:1px solid var(--line);padding:6px 10px;border-radius:999px}.section-title{margin:0;font-size:1rem;font-weight:600}.icon-plus-btn{width:34px;height:34px;border-radius:50%;padding:0;display:inline-grid;place-items:center;font-size:1.15rem;line-height:1}.warning-amber{border:1px solid #f5c35c;background:#fff4ce;color:#5e4100;border-radius:8px;padding:10px 12px}.scan-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.warning-title{margin:0 0 4px;font-size:.92rem;font-weight:700}.warning-text{margin:0;font-size:.88rem;line-height:1.35}.camera-upload-btn{display:inline-flex;align-items:center;gap:8px;width:fit-content;max-width:100%;border:1px solid var(--primary);background:#eff6fc;color:var(--primary);border-radius:6px;padding:9px 12px;cursor:pointer;font-size:.92rem;font-weight:600}.camera-upload-btn .material-symbols-outlined{font-size:18px;line-height:1}.visually-hidden-file{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden}.scan-photo-strip{display:flex;gap:8px;overflow-x:auto}.scan-photo-tile,.scan-photo-add{width:108px;height:108px;border-radius:8px;border:1px solid var(--line);background:var(--surface-alt);flex:0 0 108px}.scan-photo-image{width:100%;height:100%;object-fit:cover;border-radius:7px}.scan-photo-add{display:inline-grid;place-items:center;color:var(--primary);background:#eff6fc;border-color:#b9d8f7}.scan-photo-add .material-symbols-outlined{font-size:28px;line-height:1}.scan-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.scan-submit-icon{font-size:18px;line-height:1}.scan-submit-checkout{background:#d13438;border-color:#d13438}.scan-submit-checkout:hover{background:#a4262c}.scan-submit-checkin{background:#107c10;border-color:#107c10}.scan-submit-checkin:hover{background:#0b6a0b}.scan-submit-force{background:#5c2e91;border-color:#5c2e91}.scan-submit-force:hover{background:#4f2a80}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.toolkit-search-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.toolkit-search-input{flex:1;min-width:0}.toolkit-search-clear{width:0;min-width:0;height:36px;padding:0;display:inline-grid;place-items:center;opacity:0;transform:scale(.9);pointer-events:none;overflow:hidden;border-width:0;margin-left:0;transition:width .18s ease,min-width .18s ease,margin-left .18s ease,border-width .18s ease,opacity .18s ease,transform .18s ease}.toolkit-search-clear.visible{width:36px;min-width:36px;border-width:1px;margin-left:0;opacity:1;transform:scale(1);pointer-events:auto}.inventory-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.toolbox-tile{border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);padding:12px;display:flex;flex-direction:column;gap:10px;cursor:pointer}.toolbox-tile:hover{border-color:#c8c6c4}.toolbox-tile:focus{outline:2px solid var(--primary);outline-offset:1px}.tile-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.tile-bottom.checked-out-view{justify-content:flex-start}.holder-card{display:inline-flex;align-items:center;gap:8px}.holder-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;font-size:.78rem;font-weight:600;display:inline-grid;place-items:center}.holder-name-block{display:inline-flex;flex-direction:column;line-height:1.05}.holder-first-name{font-size:1rem;font-weight:600}.holder-family-name{font-size:.75rem;color:var(--muted)}.overflow-menu{position:relative}.overflow-summary{list-style:none;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.overflow-summary .material-symbols-outlined{font-size:19px;line-height:1}.overflow-menu[open] .overflow-summary{background:var(--surface-alt);border-color:#c8c6c4}.overflow-menu summary::-webkit-details-marker{display:none}.overflow-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:max-content;min-width:150px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 24px #00000014;padding:8px}.button-secondary{background:var(--surface);color:var(--text);border:1px solid #c8c6c4}.button-secondary:hover{background:var(--surface-alt)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:grid;place-items:center;z-index:50;padding:16px}.modal-card{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.inventory-main,.inventory-status,.inventory-actions{display:flex;flex-direction:column;gap:4px}.inventory-code{margin:0;font-weight:600}.inventory-label,.holder-text{margin:0;color:var(--muted);font-size:.92rem}.status{display:inline-flex;align-items:center;width:fit-content;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:999px;border:1px solid transparent}.status.available{background:#e6f2ea;color:#0b6a0b;border-color:#b9dfbf}.status.checked-out{background:#fde7e9;color:#a4262c;border-color:#f0c7cb}.text-link{color:var(--primary);font-size:.9rem}.user-menu{position:relative}.user-menu-summary{list-style:none;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:20px;padding:4px 8px 4px 4px;cursor:pointer;background:var(--surface)}.user-menu summary::-webkit-details-marker{display:none}.avatar-circle{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:var(--primary);color:#fff;font-weight:600;font-size:.8rem}.user-name{font-size:.9rem;color:var(--muted)}.user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,90vw);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:8px;z-index:40}.menu-email{margin:0;color:var(--muted);font-size:.85rem}.user-menu-action{width:100%;text-align:left;border:0;border-radius:6px;background:transparent;color:var(--text);padding:8px 10px;font-size:.9rem}.user-menu-action:hover{background:var(--surface-alt)}.user-menu-action.danger{color:var(--error-text)}.user-menu-save-btn{background:var(--surface);color:var(--primary);border-color:#a7d0f5}.user-menu-save-btn:hover{background:#eff6fc}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 420px at 98% -4%,#deecfa,#deecfa00 65%),radial-gradient(900px 420px at -8% 105%,#eef5fb,#eef5fb00 62%),var(--bg)}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,460px);gap:18px;align-items:stretch}.login-brand-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff,#f7fbff);padding:22px;display:flex;flex-direction:column;gap:10px}.login-brand-logo{display:block;height:34px;width:auto;max-width:min(62vw,230px)}.login-brand-title{margin:10px 0 2px;font-size:clamp(1.35rem,1.2rem + .45vw,1.7rem);font-weight:700}.login-brand-copy{margin:0;color:var(--muted);line-height:1.35}.login-brand-points{margin:4px 0 0;padding-left:18px;color:var(--text);display:grid;gap:7px;font-size:.92rem}.login-card{width:min(460px,100%);justify-self:end;border-color:#e2e0de;box-shadow:0 14px 34px #32313014;padding:20px}.login-title{margin:0;font-size:1.45rem;font-weight:650}.login-subtitle{margin:6px 0 10px;color:var(--muted);font-size:.92rem}.login-session-note{margin:2px 0 0;color:var(--muted);font-size:.85rem}.login-submit-btn{margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-submit-btn .material-symbols-outlined{font-size:18px;line-height:1}input:not([class*=Mui]),select:not([class*=Mui]),textarea:not([class*=Mui]),button:not(.MuiButtonBase-root){width:100%;font:inherit;border-radius:6px;border:1px solid #c8c6c4;background:var(--surface);color:var(--text);padding:9px 10px}input:not([class*=Mui]):focus,select:not([class*=Mui]):focus,textarea:not([class*=Mui]):focus,button:not(.MuiButtonBase-root):focus{outline:2px solid transparent;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}button:not(.MuiButtonBase-root){cursor:pointer;border-color:var(--primary);background:var(--primary);color:#fff}button:not(.MuiButtonBase-root):hover{background:var(--primary-hover)}button:not(.MuiButtonBase-root):disabled{opacity:.65;cursor:not-allowed}.error,.success{border-radius:6px;border:1px solid var(--line);padding:10px;font-size:.92rem}.error{background:var(--error-bg);color:var(--error-text)}.success{background:var(--success-bg);color:var(--success-text)}.muted{color:var(--muted);font-size:.9rem}.centered{min-height:100vh;display:grid;place-items:center}.photo-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.report-compact-list{display:flex;flex-direction:column;gap:8px}.report-compact-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,auto) minmax(140px,auto);gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);padding:8px 10px}.report-row-main{min-width:0}.report-time{font-size:.78rem;color:var(--muted);white-space:nowrap}.report-transaction-row{grid-template-columns:minmax(120px,1fr) minmax(150px,auto) minmax(130px,auto) minmax(280px,320px);grid-template-areas:"main action actor photos" "note note note note"}.report-transaction-row{border-inline-start:2px solid transparent}.report-action-checkout{border-inline-start-color:#d83b01}.report-action-checkin{border-inline-start-color:#107c10}.report-action-force{border-inline-start-color:#5c2e91}.report-transaction-row .report-row-main{grid-area:main}.report-action-col{grid-area:action;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.report-action-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:600;line-height:1;border:1px solid transparent}.report-action-badge.action-checkout{background:#fdf0ea;color:#a4262c;border-color:#f3c6b0}.report-action-badge.action-checkin{background:#e8f4ea;color:#0b6a0b;border-color:#b9dfbf}.report-action-badge.action-force{background:#f1edfa;color:#5c2e91;border-color:#d7c9f0}.material-symbols-outlined.action-icon{font-size:15px;line-height:1}.report-transaction-row .holder-card{grid-area:actor}.report-photo-strip{grid-area:photos;width:100%;display:flex;align-items:center}.report-photo-track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;max-width:280px;padding-bottom:2px}.report-photo-link{flex:0 0 136px;scroll-snap-align:start}.report-photo-link.faded-preview{opacity:.6}.report-photo-single-link{margin-inline-start:auto;width:140px}.report-photo{width:100%;height:92px;object-fit:cover;border:1px solid var(--line);border-radius:6px}.report-photo-single{width:140px}.report-note{grid-area:note;margin:0;padding-top:4px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}.user-list-compact{display:flex;flex-direction:column;gap:8px}.user-role-sections{display:flex;flex-direction:column;gap:12px}.user-role-section{border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);padding:10px;display:flex;flex-direction:column;gap:10px}.user-row{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,auto) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-alt);padding:8px 10px;cursor:pointer}.user-row:hover{border-color:#c8c6c4}.user-row.active{border-color:var(--primary);background:#f6fbff}.user-meta-col{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-history-row{grid-template-columns:minmax(140px,1fr) minmax(150px,auto) minmax(280px,320px);grid-template-areas:"main action photos" "note note note"}@media (max-width: 940px){.page-head{flex-direction:column}.summary-pills{justify-content:flex-start}.report-compact-row{grid-template-columns:1fr;align-items:flex-start}.report-transaction-row{grid-template-columns:1fr;grid-template-areas:"main" "action" "actor" "photos" "note"}.user-row{grid-template-columns:1fr;align-items:flex-start}.user-history-row{grid-template-columns:1fr;grid-template-areas:"main" "action" "photos" "note"}.report-photo-track{max-width:100%}.report-photo-link{flex:0 0 calc((100% - 8px)/2)}}@media (max-width: 760px){.topbar,.topbar-left{flex-direction:row;align-items:center}.user-name{display:none}.user-menu-summary{padding-inline-end:4px}.user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,92vw)}.row,.row.between{flex-direction:column;align-items:stretch}.toolkit-search-row{flex-direction:row;align-items:center}.tile-bottom{align-items:flex-start;flex-direction:column}.modal-actions{flex-direction:column}.scan-head{flex-direction:column;align-items:flex-start}.auth-wrap{min-height:100svh;place-items:start center;padding:8px 14px 14px}.login-shell{grid-template-columns:1fr;gap:12px;align-self:start}.login-card{justify-self:stretch;width:100%}.login-brand-panel{padding:16px;gap:8px}.login-brand-title{margin-top:4px;font-size:1.24rem}.login-brand-points{margin-top:2px;font-size:.88rem}}