:root{--red:#b31324;--dark:#0b0b0d;--ink:#17171a;--muted:#777;--light:#f5f5f7}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--light);color:var(--ink)}a{text-decoration:none;color:inherit}.topbar{height:72px;background:linear-gradient(90deg,#080808,#17171a);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 3px 20px #0004}.brand{font-weight:900;letter-spacing:2px}.brand span{color:#e11d35}.topbar nav{display:flex;gap:22px}.topbar nav a:hover{color:#ef334b}.hero{min-height:470px;padding:100px 10%;display:flex;align-items:center;color:white;background:radial-gradient(circle at 75% 35%,#8d1224 0,#2a0b10 35%,#09090a 75%)}.hero h1{font-size:clamp(42px,7vw,80px);margin:8px 0}.hero p{max-width:620px;line-height:1.7;color:#ddd}.eyebrow{color:#f0445b!important;letter-spacing:3px;font-weight:800}.btn{display:inline-block;background:var(--red);color:white;border:0;padding:12px 20px;border-radius:8px;font-weight:800;cursor:pointer}.cards,.stats,.menu-grid,.book-grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));padding:45px 8%}.card,.panel,.stats>div,.menu-card,.book{background:white;border-radius:14px;padding:22px;box-shadow:0 8px 30px #0000000c}.container{max-width:1200px;margin:40px auto;padding:0 20px}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:25px 0}.stats small{color:var(--muted)}.stats strong{display:block;font-size:34px;margin-top:7px}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:25px}.menu-card{font-weight:800;border-left:4px solid var(--red)}.search{display:flex;gap:10px;margin:25px 0}.search input,.panel input,.panel select,.login-box input{padding:13px;border:1px solid #ddd;border-radius:8px;width:100%}.book-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cover{height:250px;background:#17171a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:65px;border-radius:10px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.book h3{margin-bottom:5px}.book p{color:#666}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:25px}.table-wrap{overflow:auto;background:white;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:13px;text-align:left;border-bottom:1px solid #eee}th{background:#17171a;color:white}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#721326,#080809 65%)}.login-box{width:min(420px,90%);background:white;padding:35px;border-radius:18px;display:grid;gap:14px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.muted{color:#777;font-size:13px}.member-card{background:linear-gradient(135deg,#0b0b0d,#5d101d);color:white;border-radius:16px;padding:24px;min-height:210px;box-shadow:0 10px 30px #0003}.member-card h2{margin:35px 0 5px}.barcode{margin-top:25px;background:white;color:#111;padding:8px;letter-spacing:4px;text-align:center;font-family:monospace}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}footer{text-align:center;padding:35px;color:#777}@media(max-width:600px){.topbar{padding:0 20px}.topbar nav{gap:10px;font-size:13px}.hero{padding:70px 7%}}