body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body:before{background-image:url(/static/media/background-all.925efd41545e50104184.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";filter:blur(4px);inset:0;opacity:.9;position:fixed;transform:scale(1.05);z-index:-1}body{background-color:#292d30;color:#f5f5f5;margin:0;min-height:100vh}.App{display:flex;flex-direction:column;min-height:calc(100vh - 80px);padding-left:16px;padding-right:16px;padding-top:80px}.books{grid-gap:24px;align-content:start;align-items:stretch;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center}.book{background:#396b6e;border-radius:6px;box-shadow:0 12px 32px #00000059,0 4px 12px #00000040;color:#f6c091;height:100%;max-width:280px;transition:box-shadow .15s ease,transform .12s ease;width:100%}.book,.book-content{align-items:center;display:flex;flex-direction:column;gap:10px}.book-content{padding:12px;text-align:center}.book:hover{box-shadow:0 12px 32px rgba(252,40,47,.606),0 4px 12px #00000040}.book img{border-radius:4px;display:block;height:300px;object-fit:cover;width:100%}.book p{flex-grow:1}.book .delete,.book .update{background:#f6c0912e;border:none;border-radius:999px;color:#f6c091;cursor:pointer;font-weight:600;padding:6px 12px;transition:background .15s ease,transform .1s ease}.book .actions{display:flex;gap:8px;margin-top:auto}.book .delete:hover{background:#fc282ed9}.book .update:hover{background:#0047ab}.book .delete:hover,.book .update:hover{transform:translateY(-1px)}.book .update a{font-weight:inherit}.book .update a,.book .update a:active,.book .update a:hover,.book .update a:visited{color:inherit;text-decoration:none}.book h2{text-align:center;width:100%}.book .meta,.book .meta strong,.book h2,.book p{color:#f6c091}.delete{border:1px solid #f5bfbf;color:#f26464}.delete,.update{background-color:#fff;cursor:pointer;padding:3px 6px}.update{border:1px solid #ccccf3;color:#8b8bea}.form{display:flex;flex-direction:column;gap:20px}.form h1{text-align:center}input{border:1px solid gray;padding:10px;width:250px}.formButton{background:#f6c0912e;border:none;border-radius:8px;color:#f6c091;cursor:pointer;font-weight:600;padding:10px;transition:background .15s ease}.formButton:hover{background:#fc282ed9}.formButton:disabled{cursor:not-allowed;opacity:.6}.form-card{background:#396b6e;border-radius:12px;box-shadow:0 12px 32px #00000059,0 4px 12px #00000040;color:#f6c091;margin:0 auto;max-width:clamp(360px,60vw,640px);padding:24px;width:100%}.form input,.form select{background:#292d30;border:1px solid #f6c09140;border-radius:8px;color:#f6c091;font-size:14px;padding:10px 12px;width:100%}.form input::placeholder{color:#f6c09199}.form input:focus,.form select:focus{border-color:#fc282e;box-shadow:0 0 0 2px #fc282e73;outline:none}.upload-btn{align-items:center;cursor:pointer;display:inline-flex;justify-content:center}.upload-btn img{height:24px;opacity:.85;transition:opacity .15s ease,transform .1s ease;width:24px}.upload-btn:hover img{opacity:1;transform:translateY(-1px)}.navbar{align-items:center;background:#292d30;color:#fff;display:flex;justify-content:space-between;padding:10px 16px;position:fixed;top:0;width:100%;z-index:1000}.nav-left .logo{color:#fff;font-size:18px;font-weight:700;text-decoration:none}.nav-left{align-items:center;display:flex;gap:12px}.hamburger img,.home-icon img{height:22px;width:22px}.nav-right{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:12px;justify-content:flex-end}.nav-right a{color:#fff;font-weight:500;text-decoration:none}.nav-right a:hover{text-decoration:underline}.sidebar-backdrop{background:#0006;inset:0;position:fixed;z-index:1500}.sidebar{background:#2f2f2f;background:#396b6e;color:#fff;color:#f6c091;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:1600}.sidebar.open{transform:translateX(0)}.sidebar-nav{display:flex;flex-direction:column;gap:12px;height:100%;padding:24px 24px 32px}.sidebar-account{align-items:center;display:flex;gap:10px;margin-bottom:8px;margin-top:auto}.sidebar-account,.sidebar-logout,.sidebar-nav a{background:#f6c0912e;border:none;border-radius:999px;color:#f6c091;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:10px 14px;text-decoration:none;transition:background .15s ease,transform .1s ease}.sidebar-account:hover,.sidebar-logout:hover,.sidebar-nav a:hover{background:#fc282ed9;transform:translateY(-1px)}.sidebar-logout{text-align:left}.sidebar-account{align-self:flex-start}.sidebar-account img{display:block;height:22px;width:22px}.sidebar-nav a.active{background:#fc282ed9;font-weight:700}.sidebar-nav a{align-self:stretch}.logout-btn{background-color:crimson;color:#fff;font-weight:700;padding:6px 12px}.cta-btn,.logout-btn{border:none;cursor:pointer}.cta-btn{background:#f6c0912e;border-radius:8px;color:#f6c091;font-size:14px;font-weight:600;margin-top:16px;padding:10px 18px;text-decoration:none;transition:background .15s ease,transform .1s ease}.cta-btn:hover{background:#fc282ed9;transform:translateY(-1px)}mark{background-color:#ffe58a;border-radius:2px;padding:0 2px}.search-input{background-color:#292d30;border:1px solid #f6c09140;border-radius:10px;color:#f6c091;flex:1 1;font-size:14px;height:36px;max-width:160px;min-width:0;outline:none;padding:0 10px}.search-input::placeholder{color:#f6c09199}.search-input:focus{border-color:#fc282e;box-shadow:0 0 0 2px #fc282e80}.search-and-filter-container{align-items:center;display:flex;gap:12px;max-width:100%}.active-filters-wrapper{display:flex;justify-content:center;overflow-x:auto;white-space:nowrap;width:100%}.navbar-spacer{height:70px}.active-filters-wrapper::-webkit-scrollbar{display:none}.active-filters{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.active-filters .filter-chip{padding:6px 12px}.active-filters .clear-chip,.active-filters .filter-chip{background:#f6c0912e;border:none;border-radius:999px;color:#f6c091;font-weight:600}.active-filters .clear-chip{cursor:pointer;padding:8px 14px;transition:background .15s ease}.active-filters .clear-chip:hover,.active-filters .filter-chip:hover{background:#fc282ed9}.search-form{align-items:center;display:flex;gap:6px}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:block;font-size:22px}.logout-btn{align-items:center;display:inline-flex;height:36px}.pagination{align-items:center;background:#292d30;border-top:1px solid #f6c09126;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-left:calc(50% - 50vw);margin-top:auto;padding:10px 0;position:-webkit-sticky;position:sticky;width:100vw;z-index:10}.pagination-info{color:#f6c091;font-size:13px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-controls button{background:#f6c0911f;border:none;color:#f6c091;cursor:pointer;transition:background .15s ease,transform .1s ease}.pagination-controls button:first-child,.pagination-controls button:last-child{border-radius:999px;padding:6px 14px}.pagination-controls button:not(:first-child):not(:last-child){align-items:center;border-radius:50%;display:flex;height:34px;justify-content:center;padding:0;width:34px}.pagination-controls button.active{background:#fc282e;color:#f6c091;font-weight:600}.pagination-controls button:hover:not(:disabled){background:#fc282ed9;transform:translateY(-1px)}.pagination-controls button:disabled{cursor:not-allowed;opacity:.35;transform:none}.page{display:flex;flex-direction:column;min-height:calc(100vh - 80px)}.page-content{display:flex;flex:1 1;flex-direction:column;padding-bottom:80px}.page-content:has(.book-detail){align-items:center;justify-content:center}.page-content:has(.form-card){align-items:center;display:flex;justify-content:center}.page-content>h1{align-self:center;color:#f6c091;margin-bottom:24px;padding:10px 20px;text-align:center;width:-webkit-fit-content;width:fit-content}.empty-state{align-items:center;color:#555;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:50vh;text-align:center}.empty-state h2{font-size:22px}.empty-state p{font-size:14px;max-width:300px}.book-detail{grid-gap:2rem;align-items:start;display:grid;gap:2rem;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:auto 1fr;justify-content:center}.book-detail .card{background:#396b6e;color:#f6c091}.book-detail .card .authors,.book-detail .card .description,.book-detail .card .genre,.book-detail .card .meta,.book-detail .card h1,.book-detail .card p,.book-detail .card strong{color:#f6c091}.book-detail .card .authors,.book-detail .card .meta{opacity:.85}.book-detail .cover-card img{border-radius:8px}.book-detail img{max-width:300px;width:100%}.book-info .authors{font-style:italic;opacity:.8}.book-info .genre{font-weight:600;margin-top:.25rem}.book-info .description{line-height:1.6;margin-top:1.5rem}.book-info .meta{font-size:.9rem;margin-top:2rem;opacity:.6}.book.reading{background:linear-gradient(180deg,#4caf5014,#0000);border:5px solid #4caf50}.book.reading:before{color:#4caf50;content:"Currently Reading";display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.book.reading{background:#396b6e}.filter-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:6px}.filter-icon{display:block;height:18px;width:18px}.filter-btn.active .filter-icon{opacity:.9}.filter-wrapper{position:relative}.filter-dropdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#292d30;border:1px solid #f6c09126;border-radius:8px;box-shadow:0 12px 30px #00000059;color:#f6c091;min-width:220px;padding:10px;position:absolute;right:0;top:calc(100% + 8px);z-index:2000}.filter-dropdown .dropdown-section{display:flex;flex-direction:column;gap:6px}.filter-dropdown button{background:#f6c0911f;border:none;border-radius:6px;color:#f6c091;cursor:pointer;padding:6px 10px;text-align:left;transition:background .15s ease}.filter-dropdown button.active,.filter-dropdown button:hover{background:#fc282ed9;color:#f6c091}.account-card{background:#396b6e;border-radius:12px;box-shadow:0 14px 36px #0006,0 6px 16px #00000047;color:#f6c091;max-width:clamp(360px,40vw,640px);padding:clamp(20px,3vw,28px);width:100%}.page-content:has(.account-card){align-items:center;display:flex;justify-content:center}.account-card p,.account-card strong,.action-btn{color:#f6c091}.action-btn{background:#f6c0912e;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 14px;transition:background .15s ease,transform .1s ease}.auth-card{background:#396b6e;border-radius:12px;box-shadow:0 12px 32px #00000059,0 4px 12px #00000040;color:#f6c091;max-width:clamp(360px,70vw,640px);padding:clamp(24px,3vw,32px);width:100%}.auth-card input{background:#292d30;border:1px solid #f6c09140;border-radius:8px;color:#f6c091;font-size:14px;padding:10px 12px;width:100%}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:active,.auth-card input:-webkit-autofill:focus,.auth-card input:-webkit-autofill:hover{-webkit-text-fill-color:#f6c091!important;-webkit-box-shadow:inset 0 0 0 1000px #292d30!important;caret-color:#f6c091;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.auth-card input::placeholder{color:#f6c09199}.auth-card input:focus{border-color:#fc282e;box-shadow:0 0 0 2px #fc282e73;outline:none}.auth-switch{color:#f6c091;font-size:14px;margin-top:12px}.auth-switch a{color:#f6c091;font-weight:600;text-decoration:none}.auth-switch a:hover{color:#fc282e}.action-btn:hover:not(:disabled){background:#fc282ed9;transform:translateY(-1px)}.action-btn.active{background:#fc282e;color:#f6c091}.action-btn.active.currently-reading,.action-btn.active:disabled{background:#4caf50;color:#fff;cursor:default}.action-btn:disabled{cursor:not-allowed;opacity:.8;transform:none}.action-btn,.delete,.update{border-radius:999px}.book-info{display:flex;flex-direction:column;gap:10px}.book-info .action-btn{align-self:flex-start;min-width:220px}.reading-actions{align-items:center;display:flex;flex-direction:column;gap:8px}.card{background:#fff;border-radius:12px;box-shadow:0 14px 36px #0006,0 6px 16px #00000047;padding:16px}.cover-card img{height:auto}.book-image-wrapper,.cover-card img{max-width:clamp(220px,30vw,340px);width:100%}.book-image-wrapper{display:inline-block;position:relative}.book-image{border-radius:8px;display:block;height:auto;opacity:0;transition:opacity .25s ease;width:100%}.book-image.loaded{opacity:1}.image-skeleton{background:#fc282e1f;border-radius:8px;inset:0;position:absolute}.info-card{max-width:clamp(320px,60vw,700px);width:100%}.book-info .description{font-size:clamp(.95rem,1.1vw,1.05rem)}.filter-chip{background:#ffffff26;border-radius:999px;display:inline-flex;font-weight:500;gap:6px;letter-spacing:.2px;padding:4px 10px}.filter-chip,.filter-chip button{align-items:center;color:#fff;font-size:12px}.filter-chip button{background:#00000040;border:none;border-radius:50%;cursor:pointer;display:flex;height:18px;justify-content:center;margin-left:2px;padding:0;width:18px}.clear-chip,.filter-chip:hover{background:#ffffff40}.clear-chip{border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.form-error{background:#f6c09159;border-radius:6px;color:#f6c091;font-size:.9rem;margin-bottom:12px;padding:8px 12px;text-align:center}.page-loader{align-items:center;display:flex;justify-content:center;min-height:60vh}.loader-spinner{animation:spin .6s linear infinite;border:3px solid #fc282e33;border-radius:50%;border-top-color:#fc282e;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:1200px){.App{padding-left:100px;padding-right:100px}}@media (max-width:900px){.active-filters{max-width:280px}}@media (max-width:1024px){.book-detail{grid-template-columns:1fr;justify-items:center;text-align:center}.book-info{margin:0 auto;max-width:500px;text-align:center;width:100%}.book-info h1{font-size:1.4rem;margin-top:1rem}.book-info .authors,.book-info .genre,.book-info .meta{text-align:center}.book-info .description{font-size:.95rem;line-height:1.6;margin-top:1rem;text-align:center}.book-info button{width:100%}.book-info .action-btn{align-self:center;display:block;margin:.5rem auto;min-width:200px;width:auto}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#f6c091!important;border:1px solid #f6c09140!important;box-shadow:inset 0 0 0 1000px #292d30!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}input:-webkit-autofill:focus{border-color:#fc282e!important;box-shadow:inset 0 0 0 1000px #292d30,0 0 0 2px #fc282e73!important}
/*# sourceMappingURL=main.61214024.css.map*/