*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#17324d;background:linear-gradient(#67c8ff 0,#aee6ff 45%,#f4fbff 100%);min-height:100vh;position:relative}body:before,body:after{content:"";position:fixed;background:rgba(255,255,255,.82);border-radius:999px;filter:blur(1px);z-index:-1}body:before{width:330px;height:100px;top:70px;left:-70px;box-shadow:80px -25px 0 15px rgba(255,255,255,.82),190px 5px 0 10px rgba(255,255,255,.72)}body:after{width:360px;height:110px;right:-80px;top:190px;box-shadow:-100px -30px 0 10px rgba(255,255,255,.75),-210px 5px 0 20px rgba(255,255,255,.7)}a{color:inherit;text-decoration:none}.topbar{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,50,77,.12);position:sticky;top:0;z-index:10}.nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{font-weight:900;font-size:22px;color:#0b5fa5}.brand span{color:#48a9e8}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.navlinks a{padding:9px 12px;border-radius:12px;font-weight:700;font-size:14px}.navlinks a:hover{background:#dff4ff;color:#075b93}.container{max-width:1200px;margin:28px auto;padding:0 20px}.hero{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px rgba(22,89,130,.16);border-radius:28px;padding:34px}.hero h1{font-size:42px;margin:0 0 8px}.hero p{font-size:17px;color:#45627a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:rgba(255,255,255,.9);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(20,91,132,.12);border:1px solid #d8f0fb}.card h3{margin-top:0}.stat{font-size:32px;font-weight:900;color:#0876bd}.btn{display:inline-block;border:0;border-radius:12px;padding:10px 15px;background:#087ec1;color:#fff;font-weight:800;cursor:pointer}.btn.secondary{background:#e4f5ff;color:#075b93}.btn.danger{background:#dc5c68}.btn.small{padding:7px 10px;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tablewrap{overflow:auto;background:rgba(255,255,255,.92);border-radius:18px;box-shadow:0 10px 30px rgba(20,91,132,.1)}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e1edf3;text-align:left;vertical-align:top}th{background:#e9f7ff;color:#0b5b8e}form.card label{display:block;font-weight:800;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px;border:1px solid #b9dbea;border-radius:10px;background:#fff;font:inherit}textarea{min-height:100px}.notice{padding:12px 15px;border-radius:12px;background:#e6f7ea;color:#176b31;margin-bottom:15px}.error{background:#ffe9eb;color:#9d2530}.loginbox{max-width:430px;margin:70px auto}.cover{height:240px;border-radius:15px;background:linear-gradient(160deg,#0b78b9,#8bdcff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:900;text-align:center;padding:20px;box-shadow:inset 0 -50px 100px rgba(0,0,0,.12)}.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:#e1f5ff;color:#0b6395;font-size:12px;font-weight:800}.footer{text-align:center;padding:35px;color:#42677e}.searchbar{display:flex;gap:10px}.searchbar input{flex:1}.opacgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.bookcard{background:#fff;border-radius:20px;padding:16px;box-shadow:0 8px 24px rgba(22,89,130,.12)}.bookcard h3{margin:12px 0 6px}.bookmeta{font-size:14px;color:#5d7588;line-height:1.7}.muted{color:#6a8396}.right{text-align:right}.printonly{display:none}@media print{.topbar,.actions,.no-print{display:none!important}.printonly{display:block}.container{margin:0}.card,.tablewrap{box-shadow:none;border:1px solid #ddd}}@media(max-width:700px){.nav{align-items:flex-start;gap:10px;flex-direction:column}.hero h1{font-size:31px}.searchbar{flex-direction:column}}