:root{--brand:#444c55;--on-brand:#fff;--brand-text:#444c55;--brand-dark:#2f353c;--brand-tint:#eef0f2;--ink:#16202b;--muted:#5c6b7a;--line:#dde3e9;--bg:#f4f6f8;--surface:#fff;--ok-bg:#e7f6ec;--ok-ink:#16663a;--ok-line:#b7e0c6;--bad-bg:#fdeaea;--bad-ink:#a11d1d;--bad-line:#f3c2c2;--warn-bg:#fff6e5;--warn-ink:#8a5a00;--warn-line:#f2dbab;--radius:12px;--tap:44px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;min-height:100dvh;display:flex}.hidden{display:none!important}.topbar{padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--brand);color:var(--on-brand);align-items:center;gap:.75rem;display:flex}.topbar-title{font-weight:700}.topbar-user{opacity:.8;margin-left:auto;font-size:.875rem}.topbar .btn-link{color:var(--on-brand);text-decoration:underline}.topbar-logo{background:#fff;border-radius:7px;flex:none;width:auto;height:30px;padding:3px;display:block}.content{flex:1;padding:1rem 1rem 5.5rem}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);scrollbar-width:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.tabbar::-webkit-scrollbar{display:none}.tab{min-width:5.5rem;min-height:var(--tap);color:var(--muted);border-top:3px solid #0000;flex:1 0 auto;justify-content:center;align-items:center;padding:.9rem .5rem;font-weight:600;text-decoration:none;display:flex}.tab-active{color:var(--brand-text);border-top-color:var(--brand)}.offline-bar{z-index:50;background:var(--bad-ink);color:#fff;text-align:center;padding:.6rem 1rem;font-size:.9rem;position:fixed;top:0;left:0;right:0}.screen-title{margin:0 0 .75rem;font-size:1.375rem}.card-title{margin:0 0 .5rem;font-size:1rem}.muted{color:var(--muted);margin:.25rem 0;font-size:.875rem}.empty{color:var(--muted);padding:1rem 0}.error,.notice{border-radius:var(--radius);margin:.75rem 0;padding:.75rem 1rem;font-size:.9375rem}.error{background:var(--bad-bg);color:var(--bad-ink);border:1px solid var(--bad-line)}.notice{background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok-line)}.btn{min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;padding:.75rem 1.25rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn-large{width:100%;margin-top:.75rem;padding:1rem;font-size:1.0625rem}.btn-secondary{background:var(--surface)}.btn-link{color:var(--brand-text);min-height:var(--tap);background:0 0;border:none;padding:.5rem;text-decoration:underline}.btn-danger{color:var(--bad-ink)}.text-input,.code-input{width:100%;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;padding:.75rem;font-size:16px}.code-input{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.text-input:focus,.code-input:focus{outline:2px solid var(--brand-text);outline-offset:1px}.field-label{margin-bottom:.5rem;font-weight:600;display:block}.search-row{gap:.5rem;margin-bottom:1rem;display:flex}.search-row .text-input{flex:1}.results{flex-direction:column;gap:.5rem;display:flex}.result-row{width:100%;min-height:var(--tap);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font:inherit;cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.875rem 1rem;display:flex}.result-row:hover{border-color:var(--brand);background:var(--brand-tint)}.result-name{font-weight:600}.result-meta{color:var(--muted);font-size:.875rem}.banner{border-radius:var(--radius);border:1px solid;margin-bottom:.75rem;padding:1rem}.banner-ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-line)}.banner-blocked{background:var(--bad-bg);color:var(--bad-ink);border-color:var(--bad-line)}.banner-title{font-size:1.125rem;display:block}.banner-reason{margin:.5rem 0 0;font-size:.9375rem}.slots{margin:0 0 1rem;font-weight:600}.member-head{align-items:flex-start;gap:1rem;display:flex}.member-head>div{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.card-warn{border-color:var(--warn-line);background:var(--warn-bg)}.loan-row,.basket-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem 0;display:flex}.loan-row:first-of-type,.basket-row:first-of-type{border-top:none}.loan-title,.basket-title{flex:1;min-width:60%;font-weight:600}.basket-code{color:var(--muted);font-family:ui-monospace,monospace;font-size:.8125rem}.history-row{border-top:1px solid var(--line);flex-direction:column;gap:.125rem;padding:.625rem 0;display:flex}.history-row:first-of-type{border-top:none}.history-staff{font-size:.8125rem}.pill{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.pill-danger{background:var(--bad-bg);color:var(--bad-ink)}.pill-warn{background:var(--warn-bg);color:var(--warn-ink)}.basket{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:1rem;padding:1rem}.detail{grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:.75rem 0;display:grid}.detail dt{color:var(--muted);font-size:.875rem}.detail dd{margin:0;font-weight:600}.code-input-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:1rem;padding:1rem}.code-input-actions{margin-bottom:.75rem}.code-input-actions .btn{width:100%}.code-input-row{gap:.5rem;display:flex}.code-input-row .code-input{flex:1}.scanner-viewport{border-radius:var(--radius);background:#000;width:100%;max-width:420px;margin:0 auto .5rem;overflow:hidden}.scanner-viewport video{display:block;width:100%!important}.scanner-status{color:var(--muted);margin:.5rem 0;font-size:.875rem}.scanner-status-warn{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius);padding:.75rem}.confirm{border-radius:var(--radius);border:1px solid var(--ok-line);background:var(--ok-bg);color:var(--ok-ink);text-align:center;padding:1.5rem 1rem}.confirm-title{margin:0;font-size:1.5rem}.confirm-sub{margin:.25rem 0 1rem;font-weight:600}.confirm-item{margin:.25rem 0}.confirm-label{text-transform:uppercase;letter-spacing:.06em;margin:1.25rem 0 .25rem;font-size:.875rem}.confirm-date{margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.login{max-width:380px;margin:0 auto;padding:3rem 1.5rem}.login-logo{width:auto;height:96px;margin:0 auto 1.25rem;display:block}.login-title{text-align:center;margin:0 0 1.5rem;font-size:1.25rem}.login-form{flex-direction:column;gap:.75rem;display:flex}@media (width>=768px){.content{width:100%;max-width:1180px;margin-inline:auto;padding:2rem 2.5rem}.content-narrow{max-width:760px}.topbar{order:0}.mock-bar{order:1}.tabbar{order:2}.content{order:3}.tabbar{border-top:none;border-bottom:1px solid var(--line);background:0 0;width:100%;max-width:1180px;margin-inline:auto;padding:0 2.5rem;position:static}.tab{border-top:none;border-bottom:3px solid #0000;flex:none;padding:.75rem 1.5rem}.tab-active{border-bottom-color:var(--brand)}.topbar-logo{border-radius:8px;height:34px;padding:4px}.confirm-date{font-size:2.25rem}.btn-large{width:auto;min-width:220px}.code-input-actions .btn{width:auto}}@media (prefers-reduced-motion:no-preference){.btn,.tab{transition:background-color .15s,color .15s}}.mock-bar{background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid var(--warn-line);text-align:center;letter-spacing:.02em;padding:.5rem 1rem;font-size:.8125rem;font-weight:700}.slots-full{color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--radius);padding:.5rem .75rem}.session-head{align-items:center;gap:1rem;display:flex}.session-head .card-title{flex:1;margin:0}.screen-head{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.screen-head>div,.screen-head>.screen-title{flex:1}.screen-head .screen-title{margin:0}.screen-head .btn{flex:none}.back{margin-bottom:.25rem;padding-left:0;display:inline-block}.chips{gap:.5rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.chip{min-height:var(--tap);border:1px solid var(--line);background:var(--surface);font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:.5rem 1rem;font-size:.9375rem;font-weight:600}.chip-active{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-text)}a.result-row{color:inherit;text-decoration:none}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}a.btn-primary{color:var(--on-brand)}a.btn-link{text-decoration:underline}.field{margin-bottom:1rem}.field .muted{margin-top:.25rem}.req{color:var(--bad-ink)}.card-section{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.detail dd a{color:var(--brand-text)}.btn-danger-outline{color:var(--bad-ink);border-color:var(--bad-line);background:var(--bad-bg)}textarea.text-input{resize:vertical;min-height:5rem;font-family:inherit}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9375rem}.table th,.table td{text-align:left;vertical-align:middle;padding:.75rem 1rem}.table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;font-size:.8125rem}.table tbody tr{border-top:1px solid var(--line)}.table tbody tr:first-child{border-top:none}.row-clickable{cursor:pointer}.row-clickable:hover{background:var(--brand-tint)}.row-clickable:focus-visible{outline:2px solid var(--brand-text);outline-offset:-2px}.row-selected{background:var(--brand-tint)}.cell-strong{font-weight:600}.cell-muted{color:var(--muted)}.row-title-head td{border-bottom:0}.row-copy td:first-child{padding-left:2rem}.cell-copy-code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.pill-ok{background:var(--ok-bg);color:var(--ok-ink)}.panel-scrim{z-index:60;background:#16202b59;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--surface);width:min(420px,100%);height:100%;padding:2.5rem 1.5rem 1.5rem;position:relative;overflow-y:auto;box-shadow:-8px 0 24px #0000001f}.panel-close{width:var(--tap);height:var(--tap);cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.75rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.panel-title{margin:0 0 .25rem;font-size:1.25rem}.copy-row{border-top:1px solid var(--line);padding:.75rem 0}.copy-row:first-of-type{border-top:none}.copy-head{align-items:center;gap:.75rem;display:flex}.copy-head .basket-code{flex:1}@media (width<=767px){.panel{width:100%}}.fee-bar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.625rem 1rem;font-weight:600;display:flex}.fee-bar>span{flex:1}.fee-bar-warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-ink)}.input-locked{background:var(--bg);color:var(--muted);cursor:not-allowed}.overdue-card{margin-bottom:1rem}.overdue-head{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.overdue-head>div{flex:1}.overdue-name{color:var(--ink);font-size:1.0625rem;font-weight:700;text-decoration:none}.overdue-name:hover{text-decoration:underline}.call-btn{margin-top:.5rem}.overdue-books{border-top:1px solid var(--warn-line);margin-top:1rem;padding-top:.5rem}.tab{position:relative}.tab-badge{background:var(--bad-ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.25rem;height:1.25rem;margin-left:.375rem;padding:0 .375rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.temp-password{letter-spacing:.06em;background:var(--surface);border:1px solid var(--line);-webkit-user-select:all;user-select:all;border-radius:6px;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.125rem;font-weight:700}.rules-form{border-top:1px solid var(--line);padding:1rem 0}.rules-form:first-of-type{border-top:none}.rules-head{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.rules-head .btn-link{min-height:auto;padding:.25rem .5rem}.rules-branch{flex:1;margin:0;font-size:1rem}.rules-grid{grid-template-columns:1fr auto;align-items:center;gap:.5rem 1rem;max-width:26rem;display:grid}.rules-grid .text-input{width:6rem}.rules-grid .field-label{margin:0;font-weight:500}.whoami{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:.9375rem;display:flex}