@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--ink:#1c2633;--muted:#697487;--blue:#3157a8;--cream:#f8f7f2;--line:#e7e9ee;--card:#fff;--red:#a52c34}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}h1,h2{line-height:1.15}h1{font-size:clamp(2rem,5vw,3.35rem);margin:0 0 12px}h1 em{color:var(--blue);font-family:'Playfair Display',serif}.topbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:17px max(22px,calc((100% - 1120px)/2));flex-wrap:wrap}.brand{align-items:center;color:var(--ink);display:flex;font-size:1.25rem;font-weight:700;gap:9px;text-decoration:none}.brand-icon,.logo-mark{align-items:center;background:var(--blue);color:#fff;display:inline-flex;font-weight:700;justify-content:center}.brand-icon{border-radius:8px;font-size:.72rem;height:30px;width:30px}.topbar nav{color:var(--muted);font-size:.9rem}.nav-link{color:var(--blue);font-weight:600;margin-left:18px;text-decoration:none}.role,.category,.count-badge{background:#e9effc;border-radius:99px;color:var(--blue);font-size:.72rem;font-weight:700;padding:5px 9px;text-transform:uppercase}.role{margin-left:8px}.container{margin:38px auto 68px;max-width:1120px;width:calc(100% - 38px)}.hero{align-items:end;background:#e8edf9;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:25px;min-height:230px;overflow:hidden;padding:35px 42px;position:relative}.hero:after{background:#d5def4;border-radius:50%;content:'';height:290px;position:absolute;right:8%;top:-160px;width:290px}.hero>div{position:relative;z-index:1}.hero p{color:#596a87;margin:0}.eyebrow{color:var(--blue)!important;font-size:.72rem;font-weight:700;letter-spacing:.15em;margin-bottom:13px!important}.hero-stat{align-items:center;background:#fff;border-radius:14px;display:flex;flex-direction:column;min-width:105px;padding:16px;z-index:1}.hero-stat strong{color:var(--blue);font-size:2rem}.hero-stat span{color:var(--muted);font-size:.75rem}.search{align-items:center;display:flex;gap:10px;margin:0 0 14px}.search input,.search select,input,textarea{background:#fff;border:1px solid #d7dce6;border-radius:9px;color:var(--ink);font:inherit;padding:11px 13px}.search input{flex:1}.search select{min-width:160px}.search a{color:var(--blue);font-size:.9rem}.catalogue-meta{color:var(--muted);display:flex;font-size:.84rem;justify-content:space-between;margin:0 0 18px}.book-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.book-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #26385d08;padding:21px}.book-card{display:flex;flex-direction:column;min-height:245px}.card-top,.book-bottom,.section-heading,.page-heading,.form-actions,.actions{align-items:center;display:flex;justify-content:space-between}.category{background:#eef2fa;color:#536584;border-radius:6px;font-size:.7rem;padding:4px 8px}.out-stock{color:var(--red);font-size:.72rem;font-weight:700}.book-card h2{font-size:1.12rem;margin-top:17px}.author{color:var(--blue);font-size:.88rem;margin:0}.description{color:#687487;font-size:.9rem;flex:1;margin:16px 0}.book-bottom{border-top:1px solid #edf0f4;padding-top:13px}.book-bottom strong{color:var(--blue);font-size:1.12rem}.book-bottom span{color:var(--muted);font-size:.8rem}.login-page{align-items:center;background:linear-gradient(135deg,#e9effc,#fbfaf6);display:grid;min-height:100vh;padding:24px;place-items:center}.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px #20335b18;padding:36px;width:min(100%,410px)}.logo-mark{border-radius:12px;font-size:.9rem;height:44px;margin:0 auto 16px;width:44px}.login-card h1{text-align:center;font-size:2rem}.center{text-align:center}.muted,.small{color:var(--muted)}.small{font-size:.82rem;margin-top:20px}label{display:block;font-size:.9rem;font-weight:600;margin:15px 0 6px}label input,label textarea{display:block;margin-top:6px;width:100%}input:focus,textarea:focus,select:focus{border-color:#718ddd;outline:3px solid #bfcdf5}button,.button{background:var(--blue);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font:600 .9rem 'DM Sans',sans-serif;padding:11px 16px;text-decoration:none}button:hover,.button:hover{background:#25458b}.login-card button{margin-top:20px;width:100%}.alert,.success{border-radius:9px;margin:18px 0;padding:11px 14px}.alert{background:#fff0f0;color:var(--red)}.success{background:#eaf7ed;color:#216b37}.book-form{display:grid;gap:0 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.full{grid-column:1/-1}.panel{margin:22px 0}.panel h2{font-size:1.25rem}.secondary{background:#eef2fa;color:var(--blue)}.secondary:hover{background:#dce5fa}.page-heading{margin-bottom:20px}.page-heading h1{font-size:2.1rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:.86rem;width:100%}th,td{border-bottom:1px solid var(--line);padding:12px;text-align:left;white-space:nowrap}th{color:var(--muted);font-size:.75rem;text-transform:uppercase}td form{display:inline}.small-button{font-size:.78rem;padding:7px 10px}.danger{background:#b33d45}.danger:hover{background:#8f2932}.count-badge{font-size:.7rem;padding:4px 8px}.empty{text-align:center;padding:50px}footer{color:#8590a2;font-size:.8rem;padding:24px;text-align:center}footer span{padding:0 5px}.sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}@media(max-width:650px){.hero{align-items:flex-start;flex-direction:column;gap:22px;padding:28px}.hero-stat{align-items:flex-start;padding:10px 14px}.search{align-items:stretch;flex-wrap:wrap}.search input{flex-basis:100%}.search select{flex:1}.book-form{grid-template-columns:1fr}.full{grid-column:auto}.topbar{align-items:flex-start}.topbar nav{line-height:2.4}.nav-link{margin-left:9px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}}