:root{--navy:#142b43;--navy2:#203b55;--cream:#f5f0e5;--paper:#fffdf8;--sand:#e6dcc8;--muted:#78818a;--line:#e9e4da;--gold:#c19a62;--green:#54745b;--shadow:0 16px 45px #142b4312}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:76px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1160px)/2),24px);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-mark{width:39px;height:39px;border:1px solid #ffffff65;border-radius:12px;display:grid;place-items:center;font-size:21px;color:#e8d4b2}.brand-name{font:700 17px 'Playfair Display',serif;letter-spacing:.2px}.brand small{display:block;font:500 10px 'DM Sans',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#c5cbd0;margin-top:3px}.nav-right{display:flex;align-items:center;gap:12px}.nav-label{font-size:13px;color:#e4e7e9}.nav-btn{background:transparent;color:white;border:1px solid #ffffff52;border-radius:8px;padding:9px 14px;font-size:13px}.nav-btn:hover{background:#ffffff13}.hero{background:var(--navy);color:white;padding:66px 24px 52px}.hero-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#d4bb98;font-weight:700}.hero h1{font:600 clamp(35px,5vw,57px)/1.1 'Playfair Display',serif;max-width:620px;margin:17px 0}.hero p{max-width:520px;color:#c7d0d8;line-height:1.7;margin:0 0 26px}.search{background:white;padding:7px;border-radius:10px;display:flex;max-width:600px;box-shadow:0 12px 34px #07152345}.search input{flex:1;min-width:0;border:0;outline:0;padding:12px;color:var(--navy);background:transparent}.search button,.primary{border:0;background:var(--gold);color:#15283a;border-radius:7px;padding:12px 18px;font-weight:700}.search button:hover,.primary:hover{background:#d0ad79}.hero-art{justify-self:end;width:280px;height:205px;position:relative;display:grid;place-items:center}.book-stack{font-size:107px;filter:drop-shadow(0 12px 18px #08162670)}.art-note{position:absolute;right:0;bottom:7px;background:#fffdf3;color:var(--navy);padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font:600 13px 'Playfair Display',serif;transform:rotate(-3deg)}main{max-width:1160px;margin:0 auto;padding:38px 24px 80px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2{font:600 28px 'Playfair Display',serif;margin:0}.section-head p{color:var(--muted);margin:7px 0 0;font-size:13px}.filters{display:flex;gap:8px;overflow:auto;margin:0 0 24px;padding-bottom:4px}.filter{white-space:nowrap;background:transparent;border:1px solid #d9d2c5;color:#53606a;padding:8px 14px;border-radius:99px;font-size:12px}.filter.active,.filter:hover{background:var(--navy);border-color:var(--navy);color:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.book-card{background:var(--paper);border-radius:12px;padding:13px;box-shadow:0 4px 16px #142b4308;transition:transform .2s,box-shadow .2s}.book-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cover-wrap{height:220px;background:#eee7da;border-radius:8px;overflow:hidden;display:grid;place-items:center;position:relative}.cover-wrap img{width:100%;height:100%;object-fit:cover}.cover-placeholder{font-size:64px;color:#b3a78f}.genre-tag{position:absolute;top:10px;left:10px;background:#fffdf0e8;padding:5px 8px;border-radius:5px;font-size:10px;color:var(--navy);font-weight:700}.book-info{padding:14px 3px 4px}.book-info h3{font:600 17px/1.3 'Playfair Display',serif;margin:0 0 5px}.author{color:#68737c;font-size:12px;margin:0 0 11px}.synopsis{color:#747b7e;font-size:12px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:13px;padding-top:11px;font-size:11px;color:#757e81}.availability{color:var(--green);font-weight:700}.availability.out{color:#aa6656}.empty{grid-column:1/-1;text-align:center;padding:54px 20px;background:#ffffff80;border-radius:12px;color:var(--muted)}.empty span{font-size:40px}.empty h3{font:600 22px 'Playfair Display',serif;color:var(--navy);margin:12px 0 5px}.admin-tools{display:flex;gap:9px}.outline{border:1px solid #d8d0c2;background:transparent;color:var(--navy);border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}.outline:hover{background:#fff}.primary{padding:11px 15px}.modal{border:0;border-radius:14px;padding:0;width:min(460px,calc(100% - 32px));box-shadow:0 25px 90px #07152350;color:var(--navy);background:var(--paper)}.modal::backdrop{background:#091827a6;backdrop-filter:blur(3px)}.modal-inner{padding:28px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{font:600 25px 'Playfair Display',serif;margin:0}.modal-head p{font-size:13px;color:var(--muted);margin:6px 0 0}.close{border:0;background:#f0ece3;width:32px;height:32px;border-radius:50%;font-size:18px;color:var(--navy)}.field{margin-bottom:15px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #ddd7cb;background:white;border-radius:7px;outline:none;color:var(--navy)}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c19a6225}.field-hint{font-size:11px;color:var(--muted);margin-top:6px}.role-switch{display:flex;background:#f1ede5;padding:4px;border-radius:8px;margin-bottom:18px}.role-switch button{flex:1;border:0;background:transparent;padding:9px;border-radius:6px;font-size:12px;color:#64717b}.role-switch button.active{background:white;color:var(--navy);font-weight:700;box-shadow:0 2px 8px #142b4312}.full{width:100%}.auth-foot{text-align:center;font-size:11px;color:var(--muted);line-height:1.5;margin:16px 0 0}.google-search{display:flex;gap:8px}.google-search input{flex:1;min-width:0}.google-results{margin-top:14px;max-height:300px;overflow:auto}.result{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.result img{width:48px;height:66px;object-fit:cover;border-radius:4px;background:#eee}.result-copy{flex:1;min-width:0}.result-copy strong{font:600 14px 'Playfair Display',serif;display:block}.result-copy small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.result button{border:1px solid #d8d0c2;background:transparent;border-radius:6px;padding:7px 10px;color:var(--navy);font-size:11px}.result button:hover{background:var(--navy);color:white}.selected-preview{display:flex;gap:12px;padding:12px;background:#f5f0e5;border-radius:8px;margin-bottom:15px}.selected-preview img{width:52px;height:72px;object-fit:cover;border-radius:4px}.selected-preview strong{font:600 14px 'Playfair Display',serif}.selected-preview small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:var(--navy);color:white;border-radius:8px;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:5;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.footer{text-align:center;padding:22px;color:#858980;font-size:11px;border-top:1px solid #e6dfd2}.footer strong{color:var(--navy)}@media(max-width:850px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr .5fr}.hero-art{width:200px}.book-stack{font-size:85px}}@media(max-width:620px){.topbar{height:66px;padding:0 18px}.nav-label{display:none}.hero{padding:48px 18px 35px}.hero-inner{display:block}.hero-art{display:none}.hero p{font-size:14px}.search{padding:5px}.search input{padding:10px 8px;font-size:13px}.search button{padding:10px 12px;font-size:12px}main{padding:30px 18px 60px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:24px}.section-head p{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover-wrap{height:190px}.book-card{padding:9px}.book-info h3{font-size:15px}.admin-tools{flex-direction:column}.admin-tools button{padding:8px 10px}.brand-name{font-size:15px}}@media(max-width:370px){.grid{grid-template-columns:1fr}.cover-wrap{height:260px}}

.book-card{cursor:pointer}.detail-modal{width:min(980px,calc(100% - 28px));max-width:none;max-height:min(92vh,900px);padding:0;border:0;border-radius:16px;background:var(--paper);color:var(--navy);box-shadow:0 25px 90px #07152370;overflow:hidden}.detail-modal::backdrop{background:#091827bd;backdrop-filter:blur(4px)}.detail-shell{display:grid;grid-template-columns:minmax(250px,.8fr) 1.2fr;min-height:620px;max-height:min(92vh,900px);overflow:auto;position:relative}.detail-cover{background:#ece5d8;display:flex;align-items:center;justify-content:center;padding:42px;min-height:500px}.detail-cover img{max-width:100%;max-height:590px;object-fit:contain;box-shadow:0 18px 38px #142b4333;border-radius:4px}.detail-content{padding:45px 46px 40px;overflow:auto}.detail-content h2,.loan-form-shell h2{font:600 34px/1.15 'Playfair Display',serif;margin:12px 0}.detail-content>.author{font-size:14px}.detail-section{border-top:1px solid var(--line);padding:20px 0}.detail-section h3{font:600 17px 'Playfair Display',serif;margin:0 0 10px}.detail-section p{font-size:13px;color:#65717a;line-height:1.75;margin:0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding:6px 0 20px}.detail-actions button{font-size:12px}.danger{color:#9a4d45;border-color:#dec7c1}.danger:hover{background:#f7eae7}.loan-list{margin-top:12px}.loan-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.loan-row small{display:block;color:var(--muted);margin-top:4px}.loan-row button{font-size:11px;padding:7px 9px}.muted,.detail-signin{color:var(--muted);font-size:12px}.loan-form-shell{max-width:560px;margin:auto;padding:42px 36px;position:relative}.loan-form-shell>.close{position:absolute;right:20px;top:20px}.field textarea{width:100%;padding:11px 12px;border:1px solid #ddd7cb;background:white;border-radius:7px;outline:none;color:var(--navy);resize:vertical}.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c19a6225}.primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:680px){.detail-modal{width:calc(100% - 18px);max-height:94vh}.detail-shell{grid-template-columns:1fr;max-height:94vh}.detail-cover{min-height:280px;height:34vh;padding:24px}.detail-cover img{max-height:100%;max-width:75%}.detail-content{padding:28px 23px}.detail-content h2{font-size:28px}.detail-close{position:fixed;right:26px;top:24px}.loan-form-shell{padding:38px 24px}.detail-actions{display:grid;grid-template-columns:1fr}}
.setup-copy{background:#f5f0e5;border-radius:8px;padding:12px 14px;color:#65717a;font-size:13px;line-height:1.6;margin-bottom:20px}.setup-copy strong{color:var(--navy)}