@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;600;700;800&display=swap');
:root{--blue:#078bd0;--deep:#075b91;--cyan:#6ee7f9;--foam:#e9fbff;--ink:#16324b;--muted:#6b8799;--line:#d9edf5;--white:#fff;--shadow:0 16px 45px rgba(3,91,143,.12)}*{box-sizing:border-box}body{margin:0;background:#effaff;color:var(--ink);font-family:Nunito,Arial,sans-serif}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:linear-gradient(180deg,#067fc1,#07578e);color:#fff;padding:22px 16px;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 25px}.logo{width:48px;height:48px;border-radius:16px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:27px;box-shadow:0 8px 22px #034b7733}.brand b{display:block;font:800 22px 'Baloo 2';line-height:1}.brand small{opacity:.8}.sidebar nav{display:grid;gap:6px}.sidebar nav a{color:#eafaff;text-decoration:none;padding:12px 13px;border-radius:13px;font-weight:800;transition:.2s}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff22;box-shadow:inset 3px 0 #8ff2ff}.side-note{position:absolute;bottom:24px;left:22px;right:22px;font-size:13px;opacity:.8}.main{margin-left:250px;padding:28px 34px;min-height:100vh;background:radial-gradient(circle at 80% 10%,#c9f7ff 0 2%,transparent 20%),linear-gradient(#f7fdff,#edfaff)}.top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.eyebrow{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:2px}.top h1{font:800 32px 'Baloo 2';margin:0}.date{background:#fff;padding:10px 15px;border-radius:999px;box-shadow:var(--shadow);font-weight:800}.hero,.opac{background:linear-gradient(120deg,#087fc0,#16b8df);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);overflow:hidden}.hero h2,.opac h2{font:800 38px 'Baloo 2';margin:10px 0 4px}.hero p,.opac p{max-width:650px;opacity:.9}.pill{display:inline-block;padding:6px 12px;background:#ffffff22;border:1px solid #ffffff55;border-radius:999px;font-size:12px;font-weight:900}.hero-art{width:280px;height:170px;position:relative;font-size:75px;text-align:center}.hero-art span{position:absolute;right:15px;top:0;font-size:38px}.hero-art strong{position:absolute;bottom:20px;left:70px}.hero-art i{position:absolute;bottom:0;left:0;right:0;font-style:normal;font-size:38px;letter-spacing:2px}.hero-art em{position:absolute;bottom:28px;right:55px;font-style:normal;font-size:45px}.btn{border:0;background:#fff;color:var(--deep);padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:900;cursor:pointer;display:inline-block}.btn.primary{background:#fff;color:var(--deep)}.btn.small{padding:7px 10px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:var(--shadow)}.stats span{font-size:27px;display:block}.stats b{font:800 28px 'Baloo 2';display:block}.stats small{color:var(--muted);font-weight:800}.grid2,.print-tools{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.card h3{font:800 22px 'Baloo 2';margin:0 0 15px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{background:var(--foam);padding:13px;border-radius:12px;color:var(--deep);text-decoration:none;font-weight:800}.card ul{margin:0;padding-left:20px;line-height:2}.opac{margin-bottom:22px}.search{display:flex;gap:8px;align-items:center}.search input,.search select{min-width:240px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.book{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;gap:15px;box-shadow:var(--shadow)}.cover{width:82px;height:110px;flex:0 0 auto;border-radius:13px;background:linear-gradient(150deg,#4ad9ef,#0579ba);display:grid;place-items:center;color:#fff;font-size:30px}.cover b{font:800 32px 'Baloo 2'}.book h3{font:800 20px 'Baloo 2';margin:6px 0 0}.book p{margin:0 0 5px;color:var(--deep);font-weight:800}.book small{color:var(--muted)}.tag,.status{display:inline-block;background:#dff8ff;color:#0572a8;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:900}.stock{margin-top:10px;font-size:12px;font-weight:900}.stock.yes,.good{color:#078b62}.stock.no{color:#e05262}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.muted{color:var(--muted)}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head a{color:var(--deep);font-weight:800}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label,.stack label{display:grid;gap:6px;font-weight:800;font-size:13px}.form .wide{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cfe6ef;background:#fbfeff;border-radius:11px;padding:11px 12px;font:inherit;color:var(--ink)}textarea{min-height:90px;resize:vertical}.stack{display:grid;gap:14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}th,td{padding:12px;border-bottom:1px solid #e5f2f6}td{font-size:14px}.actions{display:flex;gap:8px;align-items:center}.actions a,.actions button{border:0;background:none;color:#067ab4;font-weight:900;cursor:pointer;text-decoration:none}.alert{padding:13px 17px;border-radius:13px;margin-bottom:16px;font-weight:800}.alert.success{background:#dcfff1;color:#087b5a}.alert.error{background:#fff0f2;color:#b83950}.visitor-big{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#dffaff,#fff);min-height:230px}.visitor-big span{font-size:50px}.visitor-big b{font:800 48px 'Baloo 2';color:var(--deep)}.empty{grid-column:1/-1;background:#fff;padding:40px;text-align:center;border-radius:20px}.print-area{background:#dff7fc;padding:25px;border-radius:22px}.print-head{display:flex;justify-content:space-between;margin-bottom:20px}.label-print{background:#fff;width:430px;padding:18px;border-radius:14px;display:flex;gap:16px;border:1px dashed #7ebccc}.mini-cover{width:75px;height:100px;background:#0a82bd;color:#fff;border-radius:10px;display:grid;place-items:center;font-size:34px}.label-print h2{font:800 22px 'Baloo 2';margin:3px 0}.label-print p{margin:0}.barcode{height:50px;margin:10px 0 2px;display:flex;align-items:stretch;gap:2px;overflow:hidden;background:#fff}.barcode i{display:block;background:#111;height:100%}.member-card{margin-top:22px;width:520px;background:linear-gradient(135deg,#087fbd,#18bfdc);color:#fff;border-radius:22px;padding:20px;box-shadow:0 15px 35px #0b7fa544}.mc-top,.mc-foot{display:flex;justify-content:space-between;font-weight:900}.mc-body{display:flex;gap:18px;align-items:center;padding:24px 0}.avatar{width:70px;height:70px;border-radius:22px;background:#ffffff33;display:grid;place-items:center;font-size:38px}.mc-body h2{font:800 25px 'Baloo 2';margin:0}.mc-body p{margin:0}.mc-body .barcode{background:#fff;width:230px;height:44px}.mc-foot{font-size:11px;opacity:.85}footer{padding:28px 0 5px;color:#7c9aa9;font-size:12px;text-align:center}@media(max-width:1000px){.sidebar{width:210px}.main{margin-left:210px;padding:20px}.stats,.book-grid{grid-template-columns:1fr 1fr}.grid2,.print-tools{grid-template-columns:1fr}.hero-art{display:none}}@media(max-width:700px){.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:1fr 1fr}.side-note{display:none}.main{margin-left:0}.stats,.book-grid,.form{grid-template-columns:1fr}.top{gap:10px;flex-direction:column}.hero,.opac{display:block}.search{margin-top:20px;flex-wrap:wrap}.search input,.search select{min-width:0;flex:1}.member-card,.label-print{width:100%}}@media print{.sidebar,.top,.print-tools,.print-head,footer{display:none!important}.main{margin:0;padding:0;background:#fff}.print-area{background:#fff;padding:0}.label-print,.member-card{break-inside:avoid}}