:root{--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--faint: #94a3b8;--paper: #f8fafc;--paper-2: #eef2f7;--surface: #ffffff;--surface-soft: #f8fafc;--surface-hover: #f1f5f9;--line: #e2e8f0;--line-strong: #cbd5e1;--sidebar: #111827;--sidebar-2: #0b1220;--sidebar-line: rgba(148, 163, 184, .22);--cloudflare: #f6821f;--cloudflare-dark: #c95f0a;--cloudflare-soft: #fff4e8;--blue: #2563eb;--blue-dark: #1d4ed8;--blue-soft: #eff6ff;--danger: #dc2626;--danger-soft: #fef2f2;--success: #15803d;--success-soft: #f0fdf4;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .06), 0 10px 26px rgba(15, 23, 42, .06);--shadow-lift: 0 1px 2px rgba(15, 23, 42, .08), 0 16px 36px rgba(15, 23, 42, .11);color:var(--ink);background:var(--paper);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}#app{max-width:100%;overflow-x:hidden}::selection{background:#f6821f3d;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,select{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease,opacity .16s ease}a{color:inherit;text-decoration:none}.login-page{align-items:center;background:radial-gradient(circle at 18% 18%,rgba(246,130,31,.18),transparent 28%),linear-gradient(135deg,#0f172af2,#111827e6 54%,#1e293be0),var(--sidebar);display:flex;min-height:100vh;padding:48px}.login-panel{background:var(--surface);border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 30px 80px #02061752;display:grid;gap:28px;max-width:430px;overflow:hidden;padding:34px;position:relative;width:100%}.login-panel:before,.panel:before,.metric-card:before{background:linear-gradient(90deg,var(--cloudflare),#fbbf24);content:"";display:block;height:3px;left:0;position:absolute;top:0;width:100%}.login-panel h1,.topbar h1{color:var(--ink);font-size:30px;font-weight:760;letter-spacing:0;line-height:1.18;margin:0}.eyebrow{color:var(--cloudflare-dark);font-size:12px;font-weight:760;letter-spacing:.02em;margin:0 0 6px}.muted{color:var(--muted);margin:0}.form,.stack{display:grid;gap:12px}.form label,.form-grid label,.quick-edit label{color:var(--ink-2);display:grid;gap:7px;font-weight:680}.quick-edit label{min-width:150px}input,select,textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);min-height:34px;outline:none;padding:7px 9px;width:100%}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb24}textarea{min-height:92px;resize:vertical}.primary-btn,.ghost-btn,.danger-btn{align-items:center;border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:32px;padding:6px 11px;white-space:nowrap}.primary-btn{background:var(--blue);border-color:var(--blue);box-shadow:0 1px 2px #2563eb38;color:#fff}.primary-btn:hover{background:var(--blue-dark);border-color:var(--blue-dark);transform:translateY(-1px)}.ghost-btn{background:var(--surface);border-color:var(--line-strong);color:var(--ink-2)}.ghost-btn:hover{background:var(--surface-hover);border-color:#94a3b8;color:var(--ink)}.danger-btn{background:var(--danger-soft);border-color:#fecaca;color:var(--danger)}.danger-btn:hover{background:#fee2e2}button:disabled{cursor:not-allowed;opacity:.55;transform:none}.error,.success{border-radius:6px;margin:0;padding:10px 12px}.error{background:var(--danger-soft);border:1px solid #fecaca;color:var(--danger)}.success{background:var(--success-soft);border:1px solid #bbf7d0;color:var(--success)}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,rgba(246,130,31,.1),transparent 22%),linear-gradient(180deg,var(--sidebar),var(--sidebar-2));border-right:1px solid #020617;color:#e5e7eb;height:100vh;padding:14px 10px;position:sticky;top:0;z-index:4}.brand{align-items:center;border-bottom:1px solid var(--sidebar-line);display:flex;gap:9px;margin-bottom:12px;padding:6px 7px 13px}.brand-mark{align-items:center;background:linear-gradient(135deg,#fbbf24,var(--cloudflare));border-radius:8px;box-shadow:0 12px 28px #f6821f38;color:#111827;display:inline-flex;font-size:16px;font-weight:800;height:32px;justify-content:center;width:32px}.brand strong{color:#fff;display:block;font-size:16px;font-weight:780}.brand small{color:#94a3b8;display:block;font-size:12px;margin-top:1px}.side-nav{display:grid;gap:4px}.side-nav a{align-items:center;border:1px solid transparent;border-radius:6px;color:#cbd5e1;display:flex;font-weight:680;min-height:34px;padding:7px 10px 7px 14px;position:relative}.side-nav a:before{background:transparent;border-radius:999px;content:"";height:18px;left:6px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.side-nav a.active,.side-nav a:hover{background:#ffffff13;border-color:#ffffff1a;color:#fff}.side-nav a.active{background:#f6821f24;border-color:#f6821f4d;padding-left:20px}.side-nav a.active:before{background:var(--cloudflare);opacity:1}.main-area{min-width:0;position:relative}.main-area:before{background:linear-gradient(180deg,#f8fafcf5,#f8fafce0),radial-gradient(circle at 96% 0%,rgba(246,130,31,.1),transparent 24%);bottom:0;content:"";left:220px;pointer-events:none;position:fixed;right:0;top:0}.topbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:66px;padding:12px 24px;position:sticky;top:0;z-index:3}.topbar-title{align-items:center;display:flex;gap:16px;min-width:0}.topbar-heading{min-width:0}.mobile-brand,.mobile-nav,.mobile-menu-btn{display:none}.topbar-actions,.toolbar,.inline-form,.actions,.header-actions,.quick-edit{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.topbar-actions>span{color:var(--ink-2);font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-filter{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:7px;display:flex;gap:8px;padding:4px 6px 4px 9px}.user-filter span{color:var(--muted);font-weight:700}.user-filter select{background:transparent;border:0;box-shadow:none;min-width:138px;width:auto}.mobile-drawer-backdrop{background:#0f172a6b;bottom:0;left:0;position:fixed;right:0;top:0;z-index:30}.mobile-drawer{background:#fffffff7;border-left:1px solid var(--line);bottom:0;box-shadow:-22px 0 70px #0f172a33;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-width:360px;padding:14px;position:fixed;right:0;top:0;width:min(88vw,360px);z-index:31}.drawer-account{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;padding-bottom:13px}.drawer-account strong{color:var(--ink);display:block;font-size:15px;font-weight:780;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-account small{color:var(--muted);display:block;font-weight:700;margin-top:2px}.drawer-close{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-2);cursor:pointer;display:inline-flex;font-size:20px;font-weight:760;height:38px;justify-content:center;line-height:1;width:38px}.mobile-menu-btn{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-2);cursor:pointer;font-size:20px;font-weight:760;height:38px;justify-content:center;line-height:1;width:38px}.drawer-close:hover,.mobile-menu-btn:hover{background:var(--surface-hover);color:var(--ink)}.drawer-user-switch{border-bottom:1px solid var(--line);display:grid;gap:8px;padding:14px 0}.drawer-user-switch span{color:var(--muted);font-size:12px;font-weight:760}.drawer-user-switch select{background:var(--surface-soft)}.drawer-nav{display:grid;gap:18px;overflow-y:auto;padding:16px 0;scrollbar-width:none}.drawer-nav::-webkit-scrollbar{display:none}.drawer-nav section{display:grid;gap:5px}.drawer-nav h2{color:var(--muted);font-size:13px;font-weight:760;margin:0 0 3px;padding:0 2px}.drawer-nav a{align-items:center;border:1px solid transparent;border-radius:8px;color:var(--ink-2);display:grid;font-weight:760;gap:10px;grid-template-columns:26px minmax(0,1fr) auto;min-height:42px;padding:8px 10px}.drawer-nav a.active,.drawer-nav a:hover{background:var(--surface-hover);border-color:var(--line);color:var(--ink)}.drawer-nav a.active{background:var(--cloudflare-soft);border-color:#fed7aa;color:var(--cloudflare-dark)}.drawer-nav-icon{color:var(--faint);font-size:17px;text-align:center}.drawer-nav-arrow{color:var(--faint);font-size:22px;line-height:1}.drawer-logout{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;color:var(--ink-2);cursor:pointer;font-weight:760;min-height:40px;width:100%}.content{margin:0 auto;max-width:1440px;padding:18px 24px 24px;position:relative;z-index:1;width:100%}.panel,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-soft);overflow:hidden;position:relative}.panel{padding:16px}.list-panel>h2{margin-bottom:12px}.panel:hover,.metric-card:hover{box-shadow:var(--shadow-lift)}.panel h2,.section-header h2{color:var(--ink);font-size:20px;font-weight:780;margin:0}.two-column{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);min-width:0}.two-column>*,.dashboard-page,.list-panel{min-width:0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.header-actions{justify-content:flex-end}.metric-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:grid;gap:6px;min-height:88px;padding:14px}.metric-card span{color:var(--muted);font-size:12px;font-weight:760;letter-spacing:.01em}.metric-card strong{color:var(--ink);font-size:32px;font-weight:800;line-height:1}.toolbar{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:8px}.toolbar input{flex:1 1 260px}.toolbar select,.inline-form select,.inline-form input{width:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table tbody tr{transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:8px 9px;text-align:left;vertical-align:middle}.data-table th{background:#f1f5f9;color:#475569;font-size:12px;font-weight:760}.data-table tbody tr:hover{background:#f8fafc}.data-table small,.book-tile small{color:var(--muted);display:block;margin-top:2px}.cover-cell{width:58px}.cover-cell img,.book-tile img{background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 18px #0f172a1a;display:block;height:60px;object-fit:cover;width:43px}.cover-placeholder{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:5px;color:var(--muted);display:inline-flex;font-weight:700;height:60px;justify-content:center;width:43px}.dashboard-book-strip{display:flex;gap:12px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;padding:2px 2px 8px;scroll-padding-left:2px;scroll-snap-type:x proximity;width:100%;-webkit-overflow-scrolling:touch}.dashboard-book-strip::-webkit-scrollbar{display:none}.dashboard-book-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 18px #0f172a0f;display:grid;flex:0 0 152px;gap:5px;min-width:0;overflow:hidden;padding-bottom:9px;scroll-snap-align:start}.dashboard-book-card:hover{border-color:var(--line-strong);box-shadow:0 12px 26px #0f172a1a;transform:translateY(-1px)}.dashboard-book-card img{aspect-ratio:3 / 4;background:var(--surface-soft);display:block;object-fit:cover;width:100%}.dashboard-book-title,.dashboard-book-author,.dashboard-book-meta{margin:0 9px;min-width:0}.dashboard-book-title{color:var(--ink);display:-webkit-box;font-size:13px;font-weight:760;line-height:1.35;min-height:35px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dashboard-book-author,.dashboard-book-meta{color:var(--muted);font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-book-meta{align-items:center;display:flex;gap:6px;justify-content:space-between}.strong-link{color:#1d4ed8;font-weight:760;text-decoration-color:#2563eb00;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px}.strong-link:hover{color:#1e40af;text-decoration-color:#2563eb73}.tag{background:var(--cloudflare-soft);border:1px solid #fed7aa;border-radius:999px;color:var(--cloudflare-dark);display:inline-block;font-size:12px;font-weight:760;padding:2px 8px}.stars{color:var(--cloudflare-dark);font-weight:760;white-space:nowrap}.empty{color:var(--muted);padding:20px 16px;text-align:center}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:10px}.pagination span{color:var(--muted);font-weight:700}.narrow{max-width:760px}.detail-list{display:grid;gap:8px 14px;grid-template-columns:104px minmax(0,1fr);margin:12px 0 0}.detail-list dt{color:var(--muted);font-weight:760}.detail-list dd{margin:0;overflow-wrap:anywhere}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:1 / -1}.detail-layout{align-items:start;display:grid;gap:18px;grid-template-columns:176px minmax(0,1fr)}.book-detail-layout,.editor-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 320px}.book-detail-layout{grid-template-columns:196px minmax(0,1fr)}.book-detail-media,.editor-main,.editor-aside{min-width:0}.detail-actions{display:grid;gap:8px;margin-top:10px}.detail-card-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-group,.detail-card-grid .detail-list{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;margin:0;padding:12px}.detail-group h3,.detail-review h3{color:var(--ink);font-size:15px;font-weight:780;margin:0 0 10px}.detail-group .detail-list{background:transparent;border:0;border-radius:0;padding:0}.detail-group-wide{grid-column:1 / -1}.detail-list-compact{grid-template-columns:92px minmax(0,1fr)}.url-value a{color:var(--blue);overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#2563eb47;text-underline-offset:3px}.detail-review{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:12px}.detail-review p{color:var(--ink-2);margin:0;white-space:pre-wrap}.form-grid.compact{gap:10px}.book-cover-large{align-items:center;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;box-shadow:inset 10px 0 #f6821f1a,var(--shadow-soft);color:var(--muted);display:flex;justify-content:center;min-height:226px;overflow:hidden}.book-cover-large img{height:100%;object-fit:cover;width:100%}.book-detail-panel .section-header{margin-bottom:8px}.book-detail-panel .quick-edit{margin-bottom:2px}.shelf-list{display:grid;gap:6px}.shelf-row,.book-tile,.layer-row,.slot-cell{background:var(--surface);border:1px solid var(--line);border-radius:8px}.shelf-row{align-items:center;display:flex;justify-content:space-between;padding:9px 10px}.shelf-row:hover,.book-tile:hover,.slot-cell:hover{background:var(--surface-soft);border-color:var(--line-strong);transform:translateY(-1px)}.layers{display:grid;gap:10px}.layer-row{padding:12px}.layer-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.layer-meta span{color:var(--muted)}.slot-grid{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.slot-cell{color:var(--ink-2);cursor:pointer;display:grid;gap:4px;min-height:62px;padding:8px;text-align:left}.slot-cell.occupied{background:#fff7ed;border-color:#fed7aa}.slot-cell.selected{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb24}.bookshelf-display{background:linear-gradient(90deg,rgba(120,53,15,.12),transparent 12%,transparent 88%,rgba(120,53,15,.12)),#7c4a2d;border:1px solid #6b3f25;border-radius:10px;box-shadow:inset 0 0 0 6px #92532c8c,0 16px 34px #78350f2e;gap:0;overflow:hidden;padding:10px 12px 14px}.bookshelf-layer{background:linear-gradient(180deg,#fff7edbf,#fed7aa38),#f8fafc;border:0;border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 1px #78350f1f,inset 0 -12px #78350f29;margin-bottom:12px;padding:10px 10px 16px;position:relative}.bookshelf-layer:after{background:linear-gradient(180deg,#9a5c33,#6f3f23);border-radius:0 0 6px 6px;bottom:-12px;box-shadow:0 4px 10px #78350f42;content:"";height:14px;left:-8px;position:absolute;right:-8px}.bookshelf-layer:last-child{margin-bottom:0}.bookshelf-slot-grid{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(68px,1fr))}.bookshelf-slot{align-items:stretch;background:linear-gradient(180deg,#ffffffb8,#f8fafcd1),var(--surface);border:1px solid rgba(120,53,15,.18);border-radius:0;box-shadow:inset 0 0 18px #0f172a0a;display:grid;gap:5px;grid-template-rows:auto minmax(66px,1fr) auto;min-height:108px;padding:7px 5px 6px;text-align:center}.bookshelf-slot:hover{background:#fff7ed;transform:none}.bookshelf-slot.occupied{background:linear-gradient(180deg,#fffaf4,#fff7ed);border-color:#92400e47}.bookshelf-slot.selected{border-color:var(--blue);box-shadow:inset 0 0 0 2px #2563eb2e,0 0 0 3px #2563eb1a}.slot-code,.slot-count{color:var(--muted);font-size:11px;font-weight:760}.spine-row{align-items:end;display:flex;gap:3px;justify-content:center}.spine-row i{border-radius:2px 2px 0 0;box-shadow:inset 2px 0 #fff3,inset -2px 0 #0f172a24;display:block;width:10px}.empty-slot-line{align-self:end;background:repeating-linear-gradient(90deg,rgba(148,163,184,.2) 0,rgba(148,163,184,.2) 8px,transparent 8px,transparent 16px);border-radius:999px;height:6px;margin:0 8px 14px}.book-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(164px,1fr))}.book-tile{display:grid;gap:6px;padding:10px}.bar-list{display:grid;gap:9px}.bar-row{align-items:center;display:grid;gap:8px;grid-template-columns:104px minmax(0,1fr) 38px}.bar-row span{color:var(--ink-2);font-weight:760}.bar-track{background:#e2e8f0;border:1px solid #dbe3ef;border-radius:999px;height:10px;overflow:hidden}.bar-track i{background:linear-gradient(90deg,var(--blue),var(--cloudflare));border-radius:inherit;display:block;height:100%}.color-dot{border:1px solid rgba(15,23,42,.14);border-radius:999px;display:inline-block;height:12px;margin-right:8px;vertical-align:middle;width:12px}.scanner-backdrop{align-items:center;background:#0f172aad;bottom:0;display:flex;justify-content:center;left:0;padding:18px;position:fixed;right:0;top:0;z-index:20}.scanner-panel{background:var(--surface);border:1px solid rgba(255,255,255,.18);border-radius:10px;box-shadow:0 28px 90px #02061757;display:grid;gap:14px;max-width:560px;overflow:hidden;padding:16px;width:min(100%,560px)}.scanner-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.scanner-header h2{color:var(--ink);font-size:20px;font-weight:780;margin:0}.scanner-stage{aspect-ratio:4 / 3;background:#020617;border-radius:8px;overflow:hidden;position:relative}.scanner-stage video{height:100%;object-fit:cover;width:100%}.scanner-reader,.scanner-reader>div{height:100%;width:100%}.scanner-frame{border:2px solid rgba(255,255,255,.92);border-radius:8px;box-shadow:0 0 0 999px #02061742,inset 0 0 0 1px #0f172a3d;height:34%;left:12%;position:absolute;right:12%;top:50%;transform:translateY(-50%)}.scanner-frame:before{background:linear-gradient(90deg,transparent,var(--cloudflare),transparent);content:"";height:2px;left:10px;position:absolute;right:10px;top:50%}.scanner-busy{align-items:center;background:#0f172ab8;color:#fff;display:flex;font-weight:760;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.scanner-status{color:var(--muted);font-weight:700;margin:0}.modal-backdrop{align-items:center;background:#0f172a85;bottom:0;display:flex;justify-content:center;left:0;padding:18px;position:fixed;right:0;top:0;z-index:40}.modal-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 28px 90px #02061747;display:grid;gap:16px;left:50%;max-width:420px;padding:18px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(calc(100vw - 32px),420px);z-index:41}.modal-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.modal-header h2{color:var(--ink);font-size:20px;font-weight:780;margin:0}@media(max-width:960px){.admin-shell,.two-column,.detail-layout,.book-detail-layout,.editor-layout,.form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{display:none}.main-area:before{left:0}.topbar{align-items:center;flex-direction:row;gap:10px;min-height:0;padding:10px 14px}.topbar-title{display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;width:100%}.topbar-heading{justify-self:center;min-width:0;text-align:center}.topbar-heading .eyebrow{display:none}.topbar h1{font-size:19px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-btn{display:inline-flex;flex:0 0 auto}.mobile-brand{align-items:center;color:var(--ink);display:inline-flex;flex:0 0 auto;gap:7px;min-width:0}.mobile-brand .brand-mark{box-shadow:0 8px 18px #0f172a1f;height:30px;width:30px}.mobile-brand strong{color:var(--ink);font-size:14px;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav{display:none;gap:8px;margin:0 -18px;overflow-x:auto;padding:2px 18px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav a{background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--ink-2);flex:0 0 auto;font-weight:760;padding:8px 13px}.mobile-nav a.active{background:var(--cloudflare-soft);border-color:#fed7aa;color:var(--cloudflare-dark)}.content{padding:18px}.topbar-actions,.toolbar,.inline-form,.header-actions,.actions{align-items:stretch;width:100%}.topbar-actions>*,.toolbar>*,.header-actions>*,.inline-form>*{flex:1 1 180px}.detail-card-grid{grid-template-columns:1fr}}@media(max-width:720px){:root{font-size:13px}.login-page{padding:18px}.login-panel{padding:26px}.topbar-actions{display:none}.content{padding:14px}.panel{padding:16px}.list-panel{background:transparent;border:0;box-shadow:none;overflow:visible;padding:0}.list-panel:before{display:none}.list-panel:hover{box-shadow:none}.list-panel>h2,.list-panel .section-header{margin-bottom:12px;padding:0 2px}.panel h2,.section-header h2{font-size:19px}.metric-grid{gap:10px}.metric-card{min-height:96px;padding:15px}.metric-card strong{font-size:32px}.statistics-overview-panel{padding:12px}.statistics-overview-panel .section-header{display:grid;gap:8px;grid-template-columns:1fr;margin-bottom:10px;padding:0}.statistics-filter{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px;width:100%}.statistics-filter input,.statistics-filter button{flex:none;min-height:32px;padding:5px 8px;width:100%}.statistics-filter input,.statistics-filter button{font-size:12px}.statistics-metrics{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-metrics .metric-card{gap:4px;min-height:68px;padding:11px 12px}.statistics-metrics .metric-card:before{height:2px}.statistics-metrics .metric-card span{font-size:11px}.statistics-metrics .metric-card strong{font-size:26px}.dashboard-page{gap:10px}.dashboard-metrics{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .metric-card{gap:4px;min-height:66px;padding:10px 12px}.dashboard-metrics .metric-card:before{height:2px}.dashboard-metrics .metric-card span{font-size:11px}.dashboard-metrics .metric-card strong{font-size:25px}.toolbar,.inline-form,.actions,.header-actions,.quick-edit{align-items:stretch}.toolbar input,.toolbar select,.header-actions .ghost-btn,.header-actions .primary-btn,.inline-form input,.inline-form select,.inline-form button,.actions .ghost-btn,.actions .danger-btn,.actions .primary-btn,.detail-actions .ghost-btn,.detail-actions .danger-btn{flex:1 1 100%;width:100%}.statistics-filter>*{flex:none;min-width:0}.scanner-backdrop{align-items:stretch;padding:0}.scanner-panel{border:0;border-radius:0;max-width:none;min-height:100%;padding:14px;width:100%}.scanner-header{align-items:flex-start}.scanner-stage{aspect-ratio:3 / 4}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tbody{display:grid;gap:12px}.data-table tbody tr{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #0f172a14;padding:14px}.data-table tbody tr:hover{background:var(--surface);transform:none}.data-table td{border:0;padding:7px 0}.data-table td[data-label]{display:grid;gap:10px;grid-template-columns:76px minmax(0,1fr)}.data-table td[data-label]:before{color:var(--muted);content:attr(data-label);font-size:12px;font-weight:760}.data-table .cover-cell{padding-bottom:8px;width:100%}.data-table .cover-cell img,.data-table .cover-placeholder{height:78px;width:56px}.data-table .book-row{align-items:start;column-gap:14px;display:grid;grid-template-columns:64px minmax(0,1fr)}.data-table .book-row .cover-cell{grid-column:1;grid-row:1 / span 4;padding:0}.data-table .book-row .cover-cell img,.data-table .book-row .cover-placeholder{height:92px;width:64px}.data-table .book-row td[data-label]{grid-column:2;grid-template-columns:54px minmax(0,1fr);min-width:0;padding:4px 0}.data-table .book-row td[data-label=书名]{align-items:start;padding-top:0}.data-table .book-row td[data-label=书名]:before{padding-top:2px}.data-table .book-row td[data-label=操作]{grid-column:1 / -1;grid-template-columns:1fr;padding-top:10px}.data-table .book-row td[data-label=操作]:before{display:none}.data-table td.actions[data-label]{align-items:stretch;display:flex;gap:10px;grid-template-columns:none}.data-table td.actions[data-label]:before{display:none}.data-table td.actions .ghost-btn,.data-table td.actions .danger-btn{flex:1 1 0;min-width:0;width:auto}.data-table td.empty{padding:18px 10px}.book-table tbody{column-count:2;column-gap:10px;display:block}.book-table tbody tr.book-row{break-inside:avoid;display:inline-block;margin:0 0 10px;overflow:hidden;padding:0;width:100%}.book-table tbody tr.loading-row,.book-table tbody tr.empty-row{column-span:all;display:block;margin-bottom:0;padding:0;width:100%}.book-table .book-row .cover-cell{display:block;grid-column:auto;grid-row:auto;padding:0}.book-table .book-row .cover-cell img,.book-table .book-row .cover-placeholder{border:0;border-radius:0;box-shadow:none;display:block;height:auto;object-fit:cover;width:100%}.book-table .book-row .cover-placeholder{min-height:156px}.book-table .book-row td[data-label]{display:block;grid-column:auto;padding:0 10px}.book-table .book-row td[data-label]:before{display:none}.book-table .book-row td[data-label=书名]{padding-top:10px}.book-table .book-row td[data-label=书名] .strong-link{color:var(--ink);display:-webkit-box;font-size:14px;line-height:1.35;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-decoration:none}.book-table .book-row td[data-label=书名] small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-table .book-row td[data-label=作者],.book-table .book-row td[data-label=分类],.book-table .book-row td[data-label=状态],.book-table .book-row td[data-label=评分],.book-table .book-row td[data-label=位置]{color:var(--muted);font-size:12px;line-height:1.4;overflow:hidden;padding-top:5px;text-overflow:ellipsis;white-space:nowrap}.book-table .book-row td[data-label=分类],.book-table .book-row td[data-label=评分],.book-table .book-row td[data-label=位置]{display:none}.book-table .book-row .tag{border-radius:6px;font-size:11px;padding:1px 6px}.book-table .book-row td.actions[data-label]{display:grid;gap:6px;grid-column:auto;grid-template-columns:1fr 1fr;padding:10px}.book-table .book-row td.actions .ghost-btn,.book-table .book-row td.actions .danger-btn{border-radius:6px;font-size:12px;min-height:30px;padding:4px 6px;width:100%}.dashboard-book-strip{gap:9px;padding:0 2px 6px;scrollbar-width:none}.dashboard-book-card{flex-basis:clamp(118px,38vw,136px);gap:4px;padding-bottom:8px}.dashboard-book-title,.dashboard-book-author,.dashboard-book-meta{margin:0 8px}.dashboard-book-title{font-size:12px;min-height:32px}.dashboard-page .shelf-list{gap:6px}.dashboard-page .shelf-row{border-radius:8px;min-height:38px;padding:8px 10px}.book-list-panel .section-header{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px}.book-list-panel .header-actions{display:grid;flex:none;gap:6px;grid-template-columns:repeat(2,minmax(72px,auto));width:auto}.book-list-panel .header-actions .ghost-btn,.book-list-panel .header-actions .primary-btn{flex:none;font-size:12px;min-height:32px;padding:5px 9px;width:auto}.book-toolbar{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px;margin-bottom:8px;padding:6px}.book-toolbar input{grid-column:1 / 3}.book-toolbar input,.book-toolbar select,.book-toolbar .ghost-btn,.isbn-import-form input,.isbn-import-form button{flex:none;min-height:34px;padding:6px 8px;width:100%}.book-toolbar select,.isbn-import-form input,.isbn-import-form button{font-size:12px}.book-toolbar .ghost-btn{grid-column:3;grid-row:1;padding-left:6px;padding-right:6px}.book-toolbar select{min-width:0}.book-toolbar select:nth-of-type(1){grid-column:1 / 2}.book-toolbar select:nth-of-type(2){grid-column:2 / 4}.isbn-import-form{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 76px;margin-bottom:8px}.category-table tbody{gap:8px}.category-layout .section-header{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px;padding:0 2px}.category-layout .section-header .primary-btn{flex:none;font-size:12px;min-height:32px;padding:5px 10px;width:auto}.category-form-panel{margin-top:0}.category-table tbody tr{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(84px,1fr) 72px 38px 92px;min-height:50px;padding:10px}.category-table td{min-width:0;padding:0}.category-table td[data-label]{display:block}.category-table td[data-label]:before,.category-table td.actions[data-label]:before{display:none}.category-table td[data-label=名称]{color:var(--ink);font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-table td[data-label=颜色]{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-table td[data-label=排序]{color:var(--muted);font-weight:760;text-align:center}.category-table td.actions[data-label]{display:grid;gap:6px;grid-template-columns:1fr 1fr}.category-table td.actions .ghost-btn,.category-table td.actions .danger-btn{border-radius:6px;flex:none;font-size:12px;min-height:32px;padding:5px 6px;width:100%}.category-table tr.empty-row{display:block}.pagination{justify-content:stretch}.pagination span,.pagination button{flex:1 1 100%}.book-cover-large{min-height:220px}.book-detail-panel{padding:12px}.book-detail-panel .book-detail-layout{align-items:start;display:grid;gap:12px;grid-template-columns:96px minmax(0,1fr)}.book-detail-panel .book-detail-media{position:sticky;top:70px}.book-detail-panel .book-cover-large{border-radius:8px;min-height:132px}.book-detail-panel .detail-actions{gap:6px;margin-top:8px}.book-detail-panel .detail-actions .ghost-btn,.book-detail-panel .detail-actions .danger-btn{font-size:12px;min-height:30px;padding:4px 6px;width:100%}.book-detail-panel .stack{gap:10px}.book-detail-panel .section-header{margin-bottom:0;padding:0}.book-detail-panel .section-header h2{display:-webkit-box;font-size:18px;line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.book-detail-panel .section-header .muted{font-size:12px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-detail-panel .quick-edit{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.book-detail-panel .quick-edit label{min-width:0}.book-detail-panel .quick-edit label span{font-size:11px}.book-detail-panel .quick-edit select,.book-detail-panel .quick-edit .ghost-btn{min-height:32px;padding:5px 8px}.book-detail-panel .quick-edit .ghost-btn{grid-column:1 / -1}.book-detail-panel .detail-card-grid{gap:8px;grid-column:1 / -1;grid-template-columns:1fr}.book-detail-panel .detail-card-grid .detail-list{border-radius:8px;display:grid;gap:7px 10px;grid-template-columns:72px minmax(0,1fr);padding:10px}.book-detail-panel .detail-list dt{font-size:12px;margin-top:0}.book-detail-panel .detail-list dd{font-size:12px}.detail-list{grid-template-columns:1fr}.detail-list dt{margin-top:6px}.book-detail-panel .detail-card-grid .detail-list{grid-template-columns:72px minmax(0,1fr)}.book-detail-panel .detail-list dt{margin-top:0}.bar-row{grid-template-columns:86px minmax(0,1fr) 34px}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.bookshelf-display{border-radius:8px;padding:9px 10px 13px}.bookshelf-layer{padding:10px 8px 16px}.bookshelf-slot-grid{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.bookshelf-slot{min-height:108px;padding:6px 4px}.spine-row i{width:8px}}@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.topbar-title{align-items:flex-start}.mobile-brand strong{display:block;max-width:58px}.data-table td[data-label]{grid-template-columns:64px minmax(0,1fr)}}