*{margin:0;padding:0;box-sizing:border-box;font-family:Urbanist,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light}:root{--bg-color: #5479f7;--btn-color: #00d64f;--dark-color: #242424;--helper-color: #99b9ff}html{font-size:60%}body{margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1;margin-bottom:10rem}h1{font-size:5.4rem;line-height:1.1;font-weight:700;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-align:center}.flex{display:flex;justify-content:center;align-items:center;margin:0 auto}p,li,label,input,textarea,a{font-size:1.8rem;line-height:1.56;letter-spacing:.1rem;word-spacing:.06rem}a{font-weight:500;color:var(--bg-color);text-decoration:inherit}footer a{color:#fff}li{list-style:none}.active{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--helper-color);-moz-text-decoration-color:var(--helper-color)}.flex{display:flex;gap:.5rem;justify-content:center;align-items:center}.container{max-width:900px;margin:0 auto;padding:20px}button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}button:hover{background-color:#0056b3}input,textarea{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px;font-size:14px}#error-page{display:flex;align-items:center;justify-content:center}#error-page .content{max-width:70rem;text-align:center}.content h2.header{font-size:18vw;line-height:1em;animation:animate 10s ease-in-out infinite;background:-webkit-repeating-linear-gradient(-60deg,#71b7e6,var(--btn-color),#b98acc,#ee8176,#b98acc,var(--btn-color),#9b59b6);background-size:500%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 2px rgba(255,255,255,.25)}@keyframes animate{0%,to{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0% 100%}}.section-hero .hero-image img{border-radius:2rem}.btn{padding:10px 20px;font-size:1rem;border:none;cursor:pointer;transition:background .3s ease-in-out}.primary-btn{background-color:#007bff;color:#fff;border-radius:5px}.primary-btn:hover{background-color:#0056b3}.secondary-btn{background-color:#6c757d;color:#fff;border-radius:5px}.secondary-btn:hover{background-color:#545b62}.btn-group{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:20px}.search-box{max-width:25rem}.search-box input{margin:.5rem 0}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:2rem;max-width:120rem;margin:0 auto}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out}.card:hover{transform:translateY(-5px)}.card-img{display:flex;justify-content:center;align-items:center;padding:10px}.card-img img{width:90%;height:150px;object-fit:cover;border-radius:1rem}.card-details{flex-grow:1;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.book-title{font-size:16px;font-weight:700;color:#333;text-align:center;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:14px;color:#555;text-align:center;font-style:italic}.book-summary{font-size:13px;color:#666;line-height:1.4;text-align:justify;max-height:60px;overflow:hidden;text-overflow:ellipsis}.ticket__buy-btn{display:block;width:100%;text-align:center;margin-top:10px;padding:8px;font-size:14px;font-weight:700;border-radius:5px;background-color:var(--bg-color);color:#fff;border:none;cursor:pointer}.ticket__buy-btn:hover{background-color:var(--helper-color)}.bookCardContainer{padding:8px 0;display:flex;justify-content:center;align-items:center}.bookCard{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:350px;width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease-in-out}.bookCard:hover{transform:translateY(-5px)}.book-img img{width:100%;height:auto;border-radius:10px}.book-details{padding-top:15px}.book-title{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}.book-author{font-size:16px;color:#555}.book-summary{font-size:14px;color:#666;line-height:1.5}.contact-container,#login,#register{background-color:#f9f9f9;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.contact-grid,.login-grid,.register-grid{display:flex;gap:20px;align-items:center}.contact-left-img,.login-left-img,.register-left-img{flex:1}.contact-left-img img,.login-left-img img,.register-left-img img{max-width:100%;height:auto;border-radius:10px}@media (max-width: 768px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-columns:repeat(2,1fr)}.contact-grid,.login-grid,.register-grid{flex-direction:column}.contact-left-img,.login-left-img,.register-left-img{order:-1}}@media (max-width: 480px){.book-grid{grid-template-columns:1fr}}.table-responsive{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.admin-table th,.admin-table td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.admin-table th{background:var(--bg-color);color:#fff;font-size:1.8rem}.admin-table td{font-size:1.6rem;color:#333}.admin-table tbody tr:nth-child(2n){background-color:#f2f2f2}.edit-btn,.delete-btn{padding:8px 15px;font-size:1.6rem;border:none;cursor:pointer;border-radius:5px;transition:background .3s ease-in-out}.edit-btn{background-color:var(--btn-color);color:#fff}.edit-btn:hover{background-color:#00b040}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#b71c26}.no-data{text-align:center;padding:20px;font-size:1.6rem;color:#666}.adming-common--form{position:fixed;top:50%;left:70%;transform:translate(-50%,-50%);width:400px;padding:20px;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:8px;z-index:1000;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.container{max-width:140rem;padding:2.4rem 1.2rem;display:flex;justify-content:space-between}ul{display:flex;gap:3.2rem}footer{padding:1.8rem;text-align:center;background-color:var(--bg-color);position:fixed;bottom:0;width:100%}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}