html,body{font-family:Arial,Helvetica,sans-serif;background-color:#fff7ed;margin:0}.header{position:sticky;top:0;z-index:50;background-color:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 6px #0000001a;padding:.5rem 1rem;color:#713f12;font-weight:600}.header .header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header .header-container .logo{display:flex;align-items:center;gap:.5rem}.header .header-container .logo .logo-icon{width:2.5rem;height:2.5rem;background-color:#fde047;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #00000026}.header .header-container .logo .logo-icon svg{width:1.25rem;height:1.25rem;color:#713f12}@media(max-width:768px){.header .header-container .logo .logo-icon{width:2.5rem;height:2.5rem}}.header .header-container .logo .logo-text{font-size:1rem}@media(max-width:768px){.header .header-container .logo .logo-text{display:none}}.header .nav-desktop{display:flex}.header .nav-desktop .nav-ul{display:inherit;gap:.5rem;padding:0;margin:0;list-style-type:none}.header .nav-desktop .nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;background:transparent;border:none;cursor:pointer;transition:all .2s;color:#713f12}.header .nav-desktop .nav-button:hover{background-color:#fef3c7}.header .nav-desktop .nav-button.active{background-color:#fde047;box-shadow:0 2px 6px #00000026}.header .nav-desktop .nav-button .nav-icon{width:1rem;height:1rem}.header .nav-desktop .nav-button .nav-label{display:inline-block}.header .nav-mobile{display:none;gap:.5rem}.header .nav-mobile .nav-button-mobile{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.75rem;font-size:.75rem;background:transparent;border:none;cursor:pointer;transition:all .2s;min-width:3rem}.header .nav-mobile .nav-button-mobile:hover{background-color:#fef3c7}.header .nav-mobile .nav-button-mobile.active{background-color:#fde047;box-shadow:0 2px 6px #00000026}.header .nav-mobile .nav-button-mobile .nav-icon-mobile{width:1.5rem;height:1.5rem;color:#713f12}@media(max-width:768px){.header .nav-desktop{display:none}.header .nav-mobile{display:flex}.header .logo-text{display:none}}@media(min-width:769px){.header .nav-mobile{display:none}}.header .logout-button{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-radius:.75rem;background:none;border:none;cursor:pointer;font-size:.875rem;color:#713f12}.header .logout-button svg{width:1.1rem;height:1.1rem}.header .logout-button:hover{background-color:#fee2e2}@media(max-width:768px){.header .logout-text{display:none}}.page-container{width:90%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.page-container h1{margin:1rem;font-size:2rem;color:#713f12}.book-card{width:100%;max-width:1000px;background-color:#fff;border-radius:2rem;box-shadow:0 8px 24px #0000001a;padding:2rem;display:flex;gap:1rem;margin:0;margin-bottom:1rem;color:#713f12}.book-card .column-a{flex-shrink:0;width:200px;height:300px;display:flex;align-items:center;justify-content:center}.book-card .column-a img{width:100%;height:100%;border-radius:1.5rem;box-shadow:0 4px 16px #0000001a;object-fit:cover}.book-card .column-b{flex:1;display:flex;flex-direction:column;gap:1rem}.book-card .column-b h2{margin:0;font-size:2rem;word-break:break-word}.book-card .column-b span{font-size:1rem;margin-top:.2rem}.book-card .column-b .pages-year{display:flex;gap:.5rem;flex-wrap:wrap}.book-card .column-b .pages-year .chip{background-color:#fff3b0;padding:.25rem .75rem;border-radius:9999px;font-size:.85rem;font-weight:500}.book-card .column-b .progress-update{background-color:#fff9db;border-radius:1.5rem;padding:1rem 1.5rem;box-shadow:0 4px 10px #0000000d;width:100%;display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.book-card .column-b .progress-update .progress-update-row{display:flex;gap:.5rem}.book-card .column-b .progress-update .progress-update-row input{min-width:100px}.book-card .column-b .progress-update .progress-update-row button{margin:0;color:#713f12}.book-card .column-b .progress-wrapper{width:100%;height:14px;background-color:#fff3b0;border-radius:999px;overflow:hidden;margin-top:.5rem}.book-card .column-b .progress-wrapper .progress-fill{height:100%;width:75%;background:linear-gradient(to right,#fff3b0,#fbbf24);border-radius:999px;display:flex;align-items:center;justify-content:flex-end;padding-right:.25rem;font-size:.75rem}.book-card .column-b .progress-wrapper .progress-fill span{font-weight:600;color:#713f12}@media(max-width:768px){.book-card{flex-direction:column;align-items:center}.book-card .column-a{width:160px;height:240px}.book-card .column-a img{width:100%;height:100%}.book-card .column-b{width:100%;align-items:center;text-align:center}.book-card .column-b .progress-wrapper{height:12px}}.progress-container{position:relative;width:100%;margin-top:.5rem;color:#713f12}.progress-container .pages-text{position:absolute;top:-1.2rem;right:0;font-size:.75rem;font-weight:600}.progress-container .progress-wrapper{width:100%;height:12px;background-color:#fff3b0;border-radius:999px;overflow:hidden;margin-top:.5rem}.progress-container .progress-fill{height:100%;background:linear-gradient(to right,#fff7b1,orange);border-radius:999px;display:flex;align-items:center;justify-content:flex-end;padding-right:.25rem;font-size:.7rem;font-weight:600;color:#000;transition:width .3s ease}.book-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:2rem;overflow:hidden;object-fit:cover;background-color:#fff3b0}.book-cover-placeholder .book-icon{color:orange;width:50%;height:50%}@media(max-width:768px){.book-cover-placeholder{height:180px}.book-cover-placeholder .book-icon{width:60%;height:60%}}@media(max-width:480px){.book-cover-placeholder{height:135px}.book-cover-placeholder .book-icon{width:70%;height:70%}}.reflection-card{width:100%;max-width:1000px;margin:0 auto;display:flex;align-items:flex-start;gap:1rem;background:linear-gradient(to right,#e0c3fc,#fbc2eb);border-radius:2rem;padding:2rem;box-shadow:0 10px 15px #0000001a;margin-bottom:1rem}.reflection-card__icon{width:3rem;height:3rem;background-color:#c084fc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reflection-card__icon svg{width:1.5rem;height:1.5rem;color:#6b21a8}.reflection-card__content{flex:1}.reflection-card__title{color:#5b21b6;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.reflection-card__question{color:#5b21b6;font-size:1.2rem;font-weight:400}.admin-panel{max-width:800px;margin:0 auto;padding:2rem;color:#713f12}.admin-panel .admin-header{margin-bottom:2rem}.admin-panel .admin-header h1{font-size:2rem;margin-bottom:.25rem}.admin-panel .current-book{background:#fff;border-radius:2rem;padding:1.5rem;box-shadow:0 4px 10px #0000001a;margin-bottom:1.5rem}.admin-panel .current-book h2{margin-top:0}.admin-panel .current-book .book-details{display:flex;gap:1.5rem}.admin-panel .current-book .book-details img{width:128px;height:192px;object-fit:cover;border-radius:1rem;box-shadow:0 2px 6px #0000001a}.admin-panel .current-book .book-details .book-info h3{margin-bottom:.25rem}.admin-panel .current-book .book-details .book-info p{margin:.25rem 0}.admin-panel .current-book .no-book{text-align:center;padding:2rem}.admin-panel .current-book .no-book .icon{width:64px;height:64px;margin-bottom:.5rem;color:#fbbf24}.admin-panel .add-book-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(to right,#fff3b0,#fbbf24);border-radius:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:1rem;color:#713f12}.admin-panel .add-book-btn .icon{width:20px;height:20px}.admin-panel .add-book-btn:hover{filter:brightness(1.05)}.admin-active-book-card{display:flex;gap:1.5rem;align-items:center;color:#713f12}.admin-active-book-card h2{margin-top:0}.admin-active-book-card .cover{flex-shrink:0;width:120px;height:180px;overflow:hidden;border-radius:1rem;box-shadow:0 4px 16px #0000001a}.admin-active-book-card .cover img{width:100%;height:100%;object-fit:cover}.admin-active-book-card .cover .book-cover-placeholder{width:100%;height:100%;border-radius:1rem}.admin-active-book-card .book-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.admin-active-book-card .book-info h3{margin:0;font-size:1.25rem}.admin-active-book-card .book-info p{margin:0;font-size:1rem}.admin-active-book-card .book-info .pages-year{display:flex;gap:.5rem;flex-wrap:wrap}.admin-active-book-card .book-info .pages-year .chip{background-color:#fff3b0;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.admin-active-book-card .book-info .mark-finished-btn{margin-top:.75rem;align-self:flex-start;padding:.5rem 1rem;border-radius:1rem;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;color:#713f12}.admin-active-book-card .book-info .mark-finished-btn:hover{background-color:#bbf7d0}@media(max-width:768px){.admin-active-book-card{flex-direction:column;text-align:center}.admin-active-book-card .cover{width:140px;height:210px}.admin-active-book-card .book-info{align-items:center}.admin-active-book-card .book-info .mark-finished-btn{align-self:center}}.admin-book-list{display:flex;flex-direction:column;gap:1rem;list-style-type:none;padding:0}.admin-book-card{display:flex;gap:1.5rem;background-color:#fff;border-radius:2rem;box-shadow:0 8px 24px #0000001a;padding:1.5rem;align-items:center;transition:transform .2s ease,box-shadow .2s ease;color:#713f12}.admin-book-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.admin-book-card .column-a{flex-shrink:0;width:100px;height:150px;overflow:hidden;box-shadow:0 4px 16px #0000001a;border-radius:1rem}.admin-book-card .column-a img{width:100%;height:100%;object-fit:cover}.admin-book-card .column-a .book-cover-placeholder{width:100%;height:100%;border-radius:1rem}.admin-book-card .column-b{flex:1;display:flex;flex-direction:column;gap:.5rem}.admin-book-card .column-b h3{margin:0;font-size:1.25rem}.admin-book-card .column-b span{font-size:.9rem}.admin-book-card .column-b .pages-year{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.admin-book-card .column-b .pages-year .chip{background-color:#fff3b0;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.admin-book-card .column-b .status-chip{display:inline-flex;align-self:flex-start;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.admin-book-card .column-b .status-chip.active{background-color:#fff3b0}.admin-book-card .column-b .status-chip.inactive{background-color:#dcfce7;color:#166534}.admin-book-card .column-b .actions{display:flex;gap:.5rem;margin-top:.5rem}.admin-book-card .column-b .actions button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:1rem;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#713f12}.admin-book-card .column-b .actions button svg{width:16px;height:16px}.admin-book-card .column-b .actions button.delete-btn svg{position:relative;bottom:1.7px}@media(max-width:768px){.admin-book-card{flex-direction:column;align-items:center}.admin-book-card .column-a{width:80px;height:120px}.admin-book-card .column-b{width:100%;align-items:center;text-align:center}.admin-book-card .column-b .status-chip{align-self:center}.admin-book-card .column-b .actions{justify-content:center}}.book-form-wrapper{background:#fff;border-radius:2rem;padding:1.5rem;box-shadow:0 4px 10px #0000001a;color:#713f12}.book-form-wrapper h2{margin-bottom:.25rem}.book-form-wrapper span{display:block;font-size:.9rem;margin-bottom:1.5rem}.book-form-wrapper .form{display:flex;flex-direction:column;gap:1rem}.book-form-wrapper .form .form-group{display:flex;flex-direction:column}.book-form-wrapper .form .form-group label{margin-bottom:.25rem}.book-form-wrapper .form .form-group input[type=text],.book-form-wrapper .form .form-group input[type=number],.book-form-wrapper .form .form-group input[type=url]{border:2px solid #FCD34D;border-radius:1rem;outline:none;transition:all .2s ease}.book-form-wrapper .form .form-group input[type=text]:focus,.book-form-wrapper .form .form-group input[type=number]:focus,.book-form-wrapper .form .form-group input[type=url]:focus{border-color:#fbbf24}.book-form-wrapper .form .form-row{display:flex;gap:1rem}.book-form-wrapper .form .cover-input{position:relative}.book-form-wrapper .form .cover-input .icon{position:absolute;left:.75rem;top:65%;transform:translateY(-50%);color:#d97706;width:20px;height:20px}.book-form-wrapper .form .cover-input input{padding-left:2.5rem}.book-form-wrapper .form .checkbox-group{display:flex;align-items:center;gap:.5rem;background:#fef3c7;padding:.75rem;border-radius:1rem}.book-form-wrapper .form .checkbox-group input{width:20px;height:20px}.book-form-wrapper .form .checkbox-group input:focus{outline:3px solid black;outline-offset:2px}.book-form-wrapper .form .checkbox-group .info-text{font-size:.85rem;margin-left:1.5rem}.book-form-wrapper .form .form-actions{display:flex;gap:1rem}.book-form-wrapper .form .form-actions .cancel-btn{flex:1;border:2px solid #FCD34D;background:none;color:#713f12;border-radius:1rem;padding:.75rem;cursor:pointer}.book-form-wrapper .form .form-actions .cancel-btn:hover{background:#fef3c7}.book-form-wrapper .form .form-actions .save-btn{flex:1;background:linear-gradient(to right,#fff3b0,#fbbf24);color:#713f12;border-radius:1rem;padding:.75rem;cursor:pointer;font-weight:700}.book-form-wrapper .form .form-actions .save-btn:hover{filter:brightness(1.05)}.inactive-book-card{flex:0 0 250px;background-color:#fff;border-radius:2rem;box-shadow:0 8px 24px #0000001a;overflow:hidden;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease;color:#713f12}.inactive-book-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.inactive-book-card .cover{width:200px;height:300px;object-fit:cover;border-radius:2rem;margin-top:.5rem}.inactive-book-card .info{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem;width:100%;text-align:center}.inactive-book-card .info h3{font-size:1.1rem;font-weight:600;margin:0}.inactive-book-card .info span.author{font-size:.9rem;margin-bottom:.5rem}.inactive-book-card .info .pages-year{display:flex;justify-content:center;gap:.5rem}.inactive-book-card .info .pages-year .chip{background-color:#fff3b0;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500}.finished-books-container{max-width:1200px;margin:0 auto;padding:2rem;color:#713f12}.finished-books-container h1{margin:0}.finished-books-container .books-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;list-style-type:none;padding:0}.finished-books-container .empty-state{background-color:#fff;border-radius:2rem;box-shadow:0 8px 24px #0000001a;padding:3rem;text-align:center}.finished-books-container .empty-state p:first-child{font-weight:700;margin-bottom:1rem;color:#b06c00}.finished-books-container .empty-state p:last-child{color:#8c5a00}*,*:before,*:after{box-sizing:border-box}.login-page{min-height:100vh;background:linear-gradient(135deg,#fefce8,#fff7ed,#fdf2f8);display:flex;align-items:center;justify-content:center;padding:1rem;color:#713f12}.login-container{width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{margin-bottom:.5rem}.login-logo{width:5rem;height:5rem;margin:0 auto 1rem;background-color:#fde047;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px #00000026}.login-logo svg{width:2.5rem;height:2.5rem;color:#713f12}.login-card{background:#fff;border-radius:2rem;padding:2rem;box-shadow:0 20px 25px #00000026}.login-card h2{text-align:center;margin-bottom:1.5rem}form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#713f12}.input-with-icon input{width:100%;padding-left:2.75rem}input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:2px solid #fde68a;font-size:1rem}input:focus{outline:none;border-color:#000}button{margin-top:.5rem;padding:.75rem;border-radius:.75rem;border:none;font-size:1rem;font-weight:600;background:linear-gradient(to right,#fff3b0,#fbbf24);cursor:pointer;box-shadow:0 4px 6px #00000026;transition:all .2s ease;color:#713f12}button:hover{background:linear-gradient(to right,#eab308,#f97316);box-shadow:0 8px 10px #0003}.login-tip,.login-footer{margin-top:1.5rem;text-align:center;font-size:.875rem}.login-footer .sparkle-icon{color:#fbbf24;vertical-align:bottom}.top-reader-highlight{background:linear-gradient(to right,#fff3b0,#fbbf24);border-radius:1.5rem;padding:1rem;margin-bottom:1.5rem;box-shadow:0 4px 8px #0000001a;color:#713f12}.top-reader-highlight p{font-size:.9rem}.top-reader-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.top-reader-title h3{margin:0;font-size:1rem;font-weight:600}.top-reader-title svg{width:1.25rem;height:1.25rem}.members-progress-container{max-width:1200px;margin:0 auto;padding:1rem;color:#713f12}.members-progress-header{margin-bottom:1.5rem}.members-progress-header h1{margin-bottom:.25rem}.empty-state{text-align:center;padding:3rem}.empty-state svg{width:4rem;height:4rem;color:#facc15;margin-bottom:.5rem}.empty-state p{font-size:1rem;margin:0}.members-list{display:flex;flex-direction:column;gap:1rem;padding:0;margin:0;list-style-type:none}.member-card{background:#fff;border-radius:1.5rem;padding:1rem;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:.75rem}.member-info{display:flex;gap:.75rem;align-items:center}.member-info .member-icon{width:2.5rem;height:2.5rem;border-radius:50%;background-color:#fde047;display:flex;justify-content:center;align-items:center;font-weight:700}.member-info .member-name h3{font-weight:600;font-size:1rem;margin:0;display:flex;align-items:center;gap:.25rem}.member-info .member-name p{font-size:.875rem;margin:0}.progress-section{display:flex;justify-content:space-between;align-items:flex-start}.progress-section .progress-bar-wrapper{position:relative;flex:1;display:flex;flex-direction:column-reverse;margin-right:2rem}.progress-section .progress-bar-wrapper .progress-bar{height:.5rem;border-radius:.5rem;background:linear-gradient(to right,#fff3b0,#fbbf24);transition:width .5s ease}.progress-section .progress-bar-wrapper .progress-percentage{margin-top:.25rem;font-size:.75rem;text-align:right}.progress-section .medal-container{width:2rem;display:flex;align-items:flex-start;justify-content:flex-end}.progress-section .medal-container svg{width:2rem;height:2rem}.progress-section .medal-container .gold{color:#facc15}.progress-section .medal-container .silver{color:#cbd5e1}.progress-section .medal-container .bronze{color:#f97316}