:root{--bg-default: #ffffff;--bg-muted: #f5f5f5;--bg-subtle: #e8e8e8;--bg-emphasis: #0c0c0c;--bg-inverse: #0c0c0c;--bg-disabled: #e8e8e8;--bg-brand-subtle: #dbe7fb;--bg-brand-subtle-strong: #bdd6fd;--bg-track: #b8b8b8;--surface-default: #ffffff;--surface-elevated: #ffffff;--text-primary: #0c0c0c;--text-secondary: #3d3d3d;--text-tertiary: #5c5c5c;--text-disabled: #999999;--text-inverse: #ffffff;--border-default: #e9ebed;--border-subtle: #f4f5f6;--border-strong: #dde0e3;--border-focus: #0c0c0c;--brand-primary: #2962fa;--brand-primary-hover: #3f7ffa;--status-success-bg: #e1fcdb;--status-success-text: #137700;--status-success-def: #1cba00;--status-warning-bg: #ffe2d6;--status-warning-text: #cc3d00;--status-warning-def: #ff5100;--status-beware-bg: #fff4cc;--status-beware-text: #997800;--status-beware-def: #ffc700;--status-error-bg: #ffe0e4;--status-error-text: #b3192d;--status-error-def: #ff3447;--status-info-bg: #ede9fe;--status-info-text: #7c3aed;--status-info-def: #7c3aed;--btn-primary-bg: #0c0c0c;--btn-primary-hover: #1f1f1f;--btn-secondary-bg: #2962fa;--btn-secondary-hover: #2355d7;--btn-tertiary-text: #2962fa;--btn-tertiary-hover: #dbe7fb;--btn-cancel-bg: #e8e8e8;--btn-cancel-hover: #d4d4d4;--btn-cancel-text: #0c0c0c;--btn-disabled-bg: #e8e8e8;--btn-disabled-text: #999999;--nav-item-hover: #f5f5f5;--nav-item-active-bg: #dbe7fb;--nav-item-active-text: #2962fa;--tooltip-bg: #0c0c0c;--skeleton-base: #e8e8e8;--r-btn: 8px;--r-field: 8px;--r-control: 8px;--r-card: 12px;--r-2xs: 4px;--r-full: 999px;--sp-2xs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-xl: 20px;--sp-2xl: 24px;--sp-4xl: 32px;--nav-w: 260px;--tap: 44px;--page-max: 1440px;--login-col-max: 440px;--elev-1: 0 1px 2px rgba(17, 17, 17, .04);--elev-2: 0 1px 4px rgba(17, 17, 17, .04), 0 4px 8px rgba(17, 17, 17, .04);--elev-3: 0 2px 8px rgba(17, 17, 17, .06), 0 8px 16px rgba(17, 17, 17, .04);--ring: 0 0 0 2px rgba(12, 12, 12, .18);--ring-error: 0 0 0 2px rgba(255, 52, 71, .25);--dur-fast: .12s;--dur-base: .2s;--ease-std: cubic-bezier(.2, 0, 0, 1);color-scheme:light}[data-theme=dark]{--bg-default: #0c0c0c;--bg-muted: #1f1f1f;--bg-subtle: #3d3d3d;--bg-emphasis: #e9ebed;--bg-inverse: #e8e8e8;--bg-disabled: #3d3d3d;--bg-brand-subtle: #0c2047;--bg-brand-subtle-strong: #163581;--bg-track: #5c5c5c;--surface-default: #1f1f1f;--surface-elevated: #3d3d3d;--text-primary: #ffffff;--text-secondary: #d4d4d4;--text-tertiary: #999999;--text-disabled: #5c5c5c;--text-inverse: #0c0c0c;--border-default: #3d3d3d;--border-subtle: #1f1f1f;--border-strong: #5c5c5c;--border-focus: #e8e8e8;--brand-primary: #3f7ffa;--brand-primary-hover: #5d97fb;--status-success-bg: #0a3300;--status-success-text: #8ef572;--status-success-def: #55d736;--status-warning-bg: #3d1200;--status-warning-text: #ffa985;--status-warning-def: #ff7033;--status-beware-bg: #332800;--status-beware-text: #ffdd66;--status-beware-def: #ffd233;--status-error-bg: #4d0b13;--status-error-text: #ff8a9a;--status-error-def: #ff5c71;--status-info-bg: #3b0764;--status-info-text: #c4b5fd;--status-info-def: #c4b5fd;--nav-item-hover: #1f1f1f;--nav-item-active-bg: #0c2047;--nav-item-active-text: #3f7ffa;--skeleton-base: #3d3d3d;--ring: 0 0 0 2px rgba(233, 235, 237, .22);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;background:var(--bg-muted)}body{font-family:Geist,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;color:var(--text-primary);font-size:14px;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-size-adjust:100%}.mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;font-variant-numeric:tabular-nums}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}.break-keep{word-break:keep-all;overflow-wrap:anywhere}.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}.skip-link{position:absolute;left:-9999px;top:0;z-index:100}.skip-link:focus{left:12px;top:12px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.gap-2xs{gap:var(--sp-2xs)}.gap-xs{gap:var(--sp-xs)}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-xl{gap:var(--sp-xl)}.gap-2xl{gap:var(--sp-2xl)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.card{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--r-card)}.card-pad{padding:var(--sp-md)}@media (min-width: 640px){.card-pad{padding:var(--sp-xl)}}.rule{height:1px;background:var(--border-default);border:0}.divide-line{border-bottom:1px solid var(--border-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-xs);border-radius:var(--r-btn);font-weight:500;font-size:14px;line-height:1.3;padding:0 var(--sp-md);min-height:36px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:center;transition:background var(--dur-fast) var(--ease-std),color var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:var(--btn-primary-bg);color:var(--text-inverse)}.btn-primary:hover:not([aria-disabled=true]){background:var(--btn-primary-hover)}[data-theme=dark] .btn-primary{background:#e9ebed;color:#0c0c0c}.btn-secondary{background:var(--btn-secondary-bg);color:#fff}.btn-secondary:hover:not([aria-disabled=true]){background:var(--btn-secondary-hover)}.btn-tertiary{background:transparent;color:var(--btn-tertiary-text)}.btn-tertiary:hover:not([aria-disabled=true]){background:var(--btn-tertiary-hover)}.btn-cancel{background:var(--btn-cancel-bg);color:var(--btn-cancel-text)}.btn-cancel:hover:not([aria-disabled=true]){background:var(--btn-cancel-hover)}.btn-outline{background:var(--surface-default);color:var(--text-primary);border-color:var(--border-strong)}.btn-outline:hover:not([aria-disabled=true]){background:var(--bg-muted)}.btn-danger{background:var(--status-error-def);color:#fff}.btn-sm{min-height:32px;padding:0 var(--sp-sm);font-size:13px}.btn-tap{min-height:var(--tap)}.btn-block{width:100%}.btn[aria-disabled=true]{background:var(--btn-disabled-bg);color:var(--btn-disabled-text);border-color:transparent;cursor:not-allowed}[data-theme=dark] .btn[aria-disabled=true]{background:var(--bg-disabled);color:var(--text-disabled)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);border-radius:var(--r-btn);border:1px solid transparent;background:var(--bg-muted);color:var(--text-primary);cursor:pointer}.icon-btn-plain{background:transparent;min-width:32px;min-height:32px}.field-group{display:flex;flex-direction:column;gap:var(--sp-xs)}.field-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.field-required{color:var(--status-error-text);margin-left:2px}.field{width:100%;min-height:var(--tap);padding:0 var(--sp-md);border-radius:var(--r-field);background:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-primary);font-size:14px}.field::placeholder{color:var(--text-disabled)}.field:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.field[aria-invalid=true]{border-color:var(--status-error-def)}.field[aria-invalid=true]:focus-visible{box-shadow:var(--ring-error)}.field:disabled{background:var(--bg-disabled);color:var(--text-disabled);cursor:not-allowed}.field-help{font-size:12px;line-height:1.4;color:var(--text-tertiary)}.field-error{font-size:12px;line-height:1.4;color:var(--status-error-text)}.field-with-icon{position:relative}.field-with-icon .field{padding-left:44px}.field-icon{position:absolute;left:var(--sp-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:inline-flex}.field-with-trailing{position:relative}.field-with-trailing .field{padding-right:44px}.field-trailing{position:absolute;right:var(--sp-2xs);top:50%;transform:translateY(-50%);display:inline-flex}.badge{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 var(--sp-xs);border-radius:var(--r-2xs);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;border:1px solid transparent}.dot{width:8px;height:8px;border-radius:var(--r-full);flex:none}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 var(--sp-sm);border-radius:var(--r-control);font-size:13px;font-weight:500;border:1px solid var(--border-default);background:var(--bg-muted);color:var(--text-secondary);cursor:pointer}.chip[aria-pressed=true]{background:var(--bg-brand-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.skel{display:block;background:var(--skeleton-base);border-radius:var(--r-2xs);animation:skel-pulse 1.6s ease-in-out infinite}@keyframes skel-pulse{0%,to{opacity:.55}50%{opacity:1}}.spinner{width:18px;height:18px;border-radius:var(--r-full);border:2px solid var(--bg-subtle);border-top-color:var(--text-primary);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.state-block{display:flex;flex-direction:column;gap:var(--sp-sm);padding:var(--sp-4xl) var(--sp-xl);align-items:center;text-align:center}.state-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-full);flex:none}.state-title{font-size:16px;font-weight:500;color:var(--text-primary)}.state-desc{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:44ch}.state-actions{display:flex;flex-wrap:wrap;gap:var(--sp-xs);justify-content:center;margin-top:var(--sp-2xs)}.state-request-id{font-size:12px;color:var(--text-disabled);word-break:break-all}.alert{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border-radius:var(--r-card);border:1px solid var(--border-default);background:var(--surface-default)}.alert-body{flex:1;min-width:0;font-size:14px;line-height:1.6}.alert-success{background:var(--status-success-bg);border-color:var(--status-success-def);color:var(--status-success-text)}.alert-error{background:var(--status-error-bg);border-color:var(--status-error-def);color:var(--status-error-text)}.alert-beware{background:var(--status-beware-bg);border-color:var(--status-beware-def);color:var(--status-beware-text)}.alert-info{background:var(--status-info-bg);border-color:var(--border-default);color:var(--status-info-text)}.toast-region{position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;flex-direction:column;align-items:center;gap:var(--sp-xs);padding:0 var(--sp-md) var(--sp-xl);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-sm);width:100%;max-width:520px;padding:var(--sp-md);border-radius:var(--r-card);background:var(--bg-inverse);color:var(--text-inverse);box-shadow:var(--elev-3);animation:toast-in var(--dur-base) var(--ease-std)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.toast-body{flex:1;min-width:0}.toast-title{font-size:14px;line-height:1.6}.toast-desc{margin-top:2px;font-size:13px;line-height:1.6;opacity:.8}.toast-mark{flex:none;margin-top:2px}.toast-action{background:transparent;color:var(--brand-primary-hover)}.toast-close{color:inherit;opacity:.75;background:transparent}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2xs)}.pagination-ellipsis{padding:0 var(--sp-xs);font-size:13px;color:var(--text-tertiary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:var(--sp-md);background:#11111173}.modal{width:100%;max-width:480px;background:var(--surface-elevated);border-radius:var(--r-card);border:1px solid var(--border-default);box-shadow:var(--elev-3);padding:var(--sp-2xl);display:flex;flex-direction:column;gap:var(--sp-md)}.modal-title{font-size:18px;font-weight:500}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-xs)}.table{width:100%}.table-head,.table-row{display:grid;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-md);align-items:center}.table-head{background:var(--bg-muted);border-bottom:1px solid var(--border-default);font-size:13px;font-weight:500;color:var(--text-secondary)}.table-row{border-bottom:1px solid var(--border-subtle)}.table-cell-label{display:none;font-size:12px;font-weight:500;color:var(--text-tertiary)}@media (max-width: 767px){.table-head{display:none}.table-row{display:block;padding:var(--sp-md)}.table-cell{display:flex;justify-content:space-between;gap:var(--sp-md);padding:2px 0}.table-cell-label{display:inline}}.row-overdue{box-shadow:inset 3px 0 0 var(--status-error-def)}.row-mine{box-shadow:inset 3px 0 0 var(--brand-primary)}.lock-note{font-size:12px;line-height:1.35;color:var(--text-tertiary)}.app-shell{min-height:100%;display:flex;flex-direction:column}@media (min-width: 1024px){.app-shell{flex-direction:row}}.side-nav{display:none;width:var(--nav-w);flex:none;flex-direction:column;background:var(--surface-default);border-right:1px solid var(--border-default)}@media (min-width: 1024px){.side-nav{display:flex;position:sticky;top:0;height:100vh}}.side-nav-brand{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-2xl) var(--sp-xl) var(--sp-xl)}.side-nav-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:var(--r-btn);background:var(--bg-emphasis);color:var(--text-inverse);margin-top:2px}.side-nav-name{font-size:15px;font-weight:600;line-height:1.35}.side-nav-tagline{margin-top:2px;font-size:12px;line-height:1.35;color:var(--text-tertiary)}.side-nav-menu{flex:1;overflow-y:auto;padding:var(--sp-md) var(--sp-sm)}.nav-group-title{padding:var(--sp-md) var(--sp-sm) var(--sp-xs);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-tertiary)}.nav-group-title:first-child{padding-top:0}.nav-list{display:flex;flex-direction:column;gap:var(--sp-2xs)}.nav-item{display:flex;align-items:center;gap:var(--sp-sm);min-height:var(--tap);padding:0 var(--sp-sm);border-radius:var(--r-control);color:var(--text-secondary);font-size:14px;font-weight:500;background:transparent;border:0;width:100%;cursor:pointer;text-align:left}.nav-item:hover{background:var(--nav-item-hover)}.nav-item[aria-current=page]{background:var(--nav-item-active-bg);color:var(--nav-item-active-text)}.nav-item .ico{flex:none}.nav-item-label{flex:1;min-width:0;word-break:keep-all}.side-nav-user{padding:var(--sp-md) var(--sp-sm)}.side-nav-user-card{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-btn);background:var(--bg-muted)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:var(--r-full);background:var(--bg-subtle);color:var(--text-secondary);font-size:12px;font-weight:500}.side-nav-user-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav-user-role{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);background:var(--surface-default);border-bottom:1px solid var(--border-default)}.topbar-title{flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 1024px){.topbar{display:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#11111173}.drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:50;width:min(84vw,var(--nav-w));background:var(--surface-default);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow-y:auto}@media (min-width: 1024px){.drawer,.drawer-backdrop{display:none}}.app-main-col{flex:1;min-width:0;display:flex;flex-direction:column}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--sp-2xl) var(--sp-md);flex:1}@media (min-width: 640px){.page{padding-inline:var(--sp-2xl)}}@media (min-width: 1024px){.page{padding:var(--sp-4xl)}}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-md) var(--sp-2xl)}.page-title{font-size:24px;font-weight:500;line-height:1.35}.page-desc{margin-top:var(--sp-2xs);font-size:14px;line-height:1.6;color:var(--text-secondary)}.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-xs)}.page-footnote{margin-top:var(--sp-4xl);text-align:center;font-size:12px;color:var(--text-disabled)}.bottom-nav{position:sticky;bottom:0;z-index:20;display:flex;background:var(--surface-default);border-top:1px solid var(--border-default);padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 1024px){.bottom-nav{display:none}}.bottom-nav-item{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2xs);padding:var(--sp-xs);color:var(--text-disabled);font-size:11px;font-weight:500}.bottom-nav-item[aria-current=page]{color:var(--brand-primary)}.bare-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-2xl) var(--sp-md)}.bare-card{width:100%;max-width:420px}.login-shell{min-height:100%;display:flex;flex-direction:column;background:var(--bg-muted)}.login-topbar{position:sticky;top:0;z-index:20;background:var(--surface-default);border-bottom:1px solid var(--border-default)}.login-topbar-inner{width:100%;max-width:var(--page-max);margin:0 auto;display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md)}@media (min-width: 640px){.login-topbar-inner{padding:var(--sp-sm) var(--sp-2xl)}}@media (min-width: 1024px){.login-topbar-inner{padding:var(--sp-sm) var(--sp-4xl)}}.login-topbar-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:var(--r-btn);background:var(--bg-emphasis);color:var(--text-inverse)}.login-topbar-name{font-size:15px;font-weight:600;line-height:1.35;color:var(--text-primary)}.login-topbar-tagline{margin-top:2px;font-size:12px;line-height:1.35;color:var(--text-tertiary)}.login-main{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-4xl) var(--sp-md)}@media (min-width: 640px){.login-main{padding:var(--sp-4xl) var(--sp-2xl)}}@media (min-width: 1024px){.login-main{align-items:center;padding:48px var(--sp-4xl)}}.login-column{width:100%;max-width:var(--login-col-max);display:flex;flex-direction:column;gap:var(--sp-xl)}.login-title{font-size:24px;font-weight:500;line-height:1.3}.login-desc{margin-top:var(--sp-xs);font-size:14px;line-height:1.6;color:var(--text-secondary)}.login-help{font-size:13px;line-height:1.6;color:var(--text-tertiary)}.login-lock-note{margin-top:var(--sp-xs);font-size:12px;line-height:1.35;color:var(--text-tertiary)}.login-note-list{display:flex;flex-direction:column;gap:var(--sp-xs);margin-top:var(--sp-xs);font-size:13px;line-height:1.6;color:var(--text-secondary)}.login-note-item{display:flex;gap:var(--sp-xs)}.login-note-bullet{flex:none;color:var(--text-disabled)}.mono-input .field{font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;font-variant-numeric:tabular-nums}.login-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2xs) var(--sp-md);padding:0 var(--sp-2xs) var(--sp-xs);font-size:12px;color:var(--text-disabled)}.login-footer-sep{color:var(--text-disabled)}.books-toolbar{display:flex;flex-direction:column;gap:var(--sp-md)}@media (min-width: 1024px){.books-toolbar{flex-direction:row;align-items:flex-start}}.books-search-col{flex:1;min-width:0}.books-filter-col{flex:none;min-width:0;max-width:100%}.books-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm) var(--sp-2xl)}.meter{display:inline-flex;align-items:center;gap:6px}.meter-seg{display:inline-block;width:32px;height:8px;border-radius:var(--r-full);background:var(--bg-track)}.meter-seg.is-on{background:var(--bg-emphasis)}.list-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--bg-muted);border-bottom:1px solid var(--border-default);border-radius:var(--r-card) var(--r-card) 0 0;font-size:13px;font-weight:500;color:var(--text-secondary)}.list-header h2{font-size:13px;font-weight:500}.list-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:var(--sp-md);border-top:1px solid var(--border-default)}.book-row{display:flex;flex-direction:column;gap:var(--sp-sm);padding:var(--sp-md)}@media (min-width: 768px){.book-row{flex-direction:row;align-items:center;gap:var(--sp-2xl);padding:var(--sp-md) var(--sp-xl)}}.book-row:last-child{border-bottom:0}.book-row.is-overdue{background:var(--status-error-bg)}.book-row-main{flex:1;min-width:0}.book-row-side{flex:none;display:flex;flex-direction:column;gap:var(--sp-xs);align-items:stretch}@media (min-width: 768px){.book-row-side{align-items:flex-end;max-width:22rem}}.book-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-xs)}.book-title{font-size:16px;font-weight:500;line-height:1.35;color:var(--text-primary)}.book-title:hover{text-decoration:underline}.book-meta{margin-top:var(--sp-2xs);font-size:14px;line-height:1.6;color:var(--text-secondary)}@media (min-width: 768px){.book-row-side .lock-note{text-align:right}}.notes-title{font-size:15px;font-weight:500}.notes-grid{display:grid;gap:var(--sp-xs);margin-top:var(--sp-sm)}@media (min-width: 640px){.notes-grid{grid-template-columns:1fr 1fr;column-gap:var(--sp-2xl)}}.note-item{display:flex;gap:var(--sp-xs);font-size:13px;line-height:1.6;color:var(--text-secondary)}.breadcrumb{display:none;align-items:center;gap:var(--sp-xs);font-size:13px}@media (min-width: 1024px){.breadcrumb{display:flex}}.breadcrumb a{color:var(--text-tertiary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--text-disabled)}.breadcrumb-here{color:var(--text-secondary)}.hit{background:var(--status-beware-bg);color:var(--text-primary);border-radius:3px;padding:0 2px;box-shadow:inset 0 -2px 0 var(--status-beware-def)}.book-note{margin-top:var(--sp-2xs);font-size:12px;line-height:1.5;color:var(--text-tertiary)}.search-legend{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.book-detail-grid{display:grid;gap:var(--sp-xl);align-items:start}@media (min-width: 1024px){.book-detail-grid{grid-template-columns:minmax(0,1fr) 360px}}.book-detail-col{display:flex;flex-direction:column;gap:var(--sp-xl);min-width:0}@media (min-width: 1024px){.book-detail-col.is-side{position:sticky;top:var(--sp-4xl)}}.book-summary-body{display:flex;flex-direction:column;gap:var(--sp-xl)}@media (min-width: 640px){.book-summary-body{flex-direction:row;gap:var(--sp-2xl)}}.book-summary.is-overdue{background:var(--status-error-bg);border-color:var(--status-error-def)}.book-cover{flex:none;width:120px;height:168px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:var(--r-btn);background:var(--bg-subtle);border:1px solid var(--border-default);color:var(--text-disabled)}@media (min-width: 640px){.book-cover{margin:0}}.detail-title{margin-top:var(--sp-sm);font-size:24px;font-weight:500;line-height:1.35;color:var(--text-primary)}.detail-author{margin-top:6px;font-size:15px;line-height:1.6;color:var(--text-secondary)}.dl-row{display:flex;flex-wrap:wrap;gap:var(--sp-2xs) var(--sp-md);padding:var(--sp-sm) 0}.dl-row dt{flex:none;min-width:104px;font-size:13px;line-height:1.5;color:var(--text-tertiary)}.dl-row dd{min-width:0;flex:1 1 220px;margin:0;font-size:14px;line-height:1.6;color:var(--text-primary)}.book-actions-stack{display:flex;flex-direction:column;gap:var(--sp-xs);margin-top:var(--sp-md)}.book-actions-row{display:flex;flex-wrap:wrap;gap:var(--sp-xs)}.book-actions-row>*{flex:1 1 8rem}.book-edit-form{display:flex;flex-direction:column;gap:var(--sp-sm);margin-top:var(--sp-md)}.row-soon{box-shadow:inset 3px 0 0 var(--status-beware-def)}.my-loans-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-xs) var(--sp-sm)}.book-new-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-xl);align-items:start}@media (min-width: 68rem){.book-new-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.book-new-col{display:flex;flex-direction:column;gap:var(--sp-xl);min-width:0}.book-new-back{display:inline-flex;align-items:center;gap:var(--sp-2xs);min-height:var(--tap);font-size:13px;font-weight:500;color:var(--text-tertiary);text-decoration:none}.book-new-back:hover{color:var(--text-primary)}.book-new-form-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background:var(--bg-muted);border-bottom:1px solid var(--border-default)}.book-new-form-body{display:flex;flex-direction:column;gap:var(--sp-xl);padding:var(--sp-md)}.book-new-form-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:var(--sp-md);background:var(--bg-muted);border-top:1px solid var(--border-default)}@media (min-width: 40rem){.book-new-form-head,.book-new-form-body,.book-new-form-foot{padding-inline:var(--sp-xl)}}.book-new-help-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-2xs) var(--sp-sm)}.book-new-help-row>span:first-child{min-width:0;flex:1 1 14rem}.book-new-counter{font-size:12px;color:var(--text-tertiary)}.book-new-counter.is-full{color:var(--status-warning-text)}.book-new-after{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--sp-sm) var(--sp-xl)}.row-just-added{box-shadow:inset 3px 0 0 var(--status-success-def)}.overdue-notice{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border-radius:var(--r-card);background:var(--bg-muted);border:1px solid var(--border-default);color:var(--text-tertiary)}.overdue-notice-body{flex:1;min-width:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.overdue-notice-body strong{font-weight:500;color:var(--text-primary)}.overdue-toolbar{display:flex;flex-direction:column;gap:var(--sp-md)}@media (min-width: 1024px){.overdue-toolbar{flex-direction:row;align-items:flex-start}}.overdue-search-col{flex:1;min-width:0}.overdue-filter-col{flex:none;min-width:0;max-width:100%}.overdue-stats{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-sm) var(--sp-2xl)}.overdue-bar{display:flex;align-items:center;gap:4px;width:8rem;max-width:100%}.overdue-bar-seg{flex:1 1 0;height:8px;border-radius:var(--r-full);background:var(--bg-track)}.overdue-bar-seg.is-late{background:var(--status-warning-def)}.overdue-bar-seg.is-very-late{background:var(--status-error-def)}.row-overdue-soft{box-shadow:inset 3px 0 0 var(--status-warning-def)}.overdue-columns{display:none}@media (min-width: 768px){.overdue-columns{display:flex;align-items:center;gap:var(--sp-2xl);padding:var(--sp-2xs) var(--sp-xl);background:var(--surface-default);border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:500;color:var(--text-tertiary)}}.overdue-col-book{flex:1;min-width:0}.overdue-col-borrower,.overdue-col-due,.overdue-col-late{display:none}@media (min-width: 768px){.overdue-col-borrower{display:block;flex:none;width:11rem;min-width:0}.overdue-col-due{display:block;flex:none;width:8.5rem;min-width:0}.overdue-col-late{display:flex;justify-content:flex-end;flex:none;width:7rem}}.overdue-inline{display:flex;flex-wrap:wrap;gap:var(--sp-2xs) var(--sp-sm);margin-top:var(--sp-xs);font-size:13px;line-height:1.6;color:var(--text-secondary)}.overdue-inline strong{font-weight:500;color:var(--text-primary)}@media (min-width: 768px){.overdue-inline{display:none}}.overdue-late-inline{display:inline-flex}@media (min-width: 768px){.overdue-late-inline{display:none}}.overdue-borrower-name{font-size:14px;font-weight:500;line-height:1.35;color:var(--text-primary)}.roles-columns{display:none}@media (min-width: 768px){.roles-columns{display:flex;align-items:center;gap:var(--sp-2xl);padding:var(--sp-2xs) var(--sp-xl);background:var(--surface-default);border-bottom:1px solid var(--border-subtle);font-size:12px;font-weight:500;color:var(--text-tertiary)}}.roles-col-person{flex:1;min-width:0}.roles-col-role{display:none}@media (min-width: 768px){.roles-col-role{display:block;flex:none;width:7rem;min-width:0}}.roles-col-action{flex:none;min-width:0}@media (min-width: 768px){.roles-col-action{width:15rem}}.roles-role-inline{display:inline-flex}@media (min-width: 768px){.roles-role-inline{display:none}}.roles-name{font-size:16px;font-weight:500;line-height:1.35;color:var(--text-primary)}