.page-container{margin:0;width:100%}.page-container,body{box-sizing:border-box;padding:0}body{font-family:Product,sans-serif;font-weight:200}header{align-items:center;background-color:#4a1e52;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-direction:column;padding:10px;text-align:center}h1{color:#e9cdec;margin:0 0 5px}.container{align-items:center;justify-content:space-between}.title-container h1{font-size:1.5rem;margin:0}.add-button,.auth-button,.delete-button,.delete-button-book-modal,.login-button,.logout-button,.modal-button-add,.nav-button,.other-button,.profile-button,.scan-button,.search-button{background:none;border:2px solid #0000;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-left:1rem;padding:.5rem 1rem;transition:background-color .3s,border-color .3s}.auth-button,.logout-button,.nav-button,.profile-button{align-items:center;display:flex;justify-content:space-between;margin-top:10px;text-align:left}.add-button:hover,.auth-button:hover,.delete-button-book-modal:hover,.delete-button:hover,.login-button:hover,.logout-button:hover,.modal-button-add:hover,.nav-button:hover,.other-button:hover,.profile-button:hover,.scan-button:hover,.search-button-3:hover,.search-button-6:hover,.search-button:hover,.sidebar-toggle-button:hover{background-color:#ffffff1a;border-color:#fff}.nav-button:disabled{cursor:not-allowed;opacity:.5}.profile-container{align-items:center;display:flex}.navigation-buttons{flex-direction:row;justify-content:center;margin-top:5px}.navigation-buttons button{margin-right:5px}.navigation-buttons button:last-child{margin-right:0}button:hover{background-color:#2c3e50}.navigation-buttons p{background-color:#2471a3;color:#fff;margin-left:10px}@media only screen and (max-width:600px){header{flex-direction:column;overflow-x:auto}h1{margin-bottom:10px}.navigation-buttons{display:inline-block;padding-left:20px;white-space:nowrap}}.header{align-items:center;background-color:#4a1e52;display:flex;height:70px;justify-content:center;padding:1rem;position:relative;z-index:3}.title-container{flex-grow:1;left:50%;overflow:hidden;position:absolute;text-overflow:ellipsis;transform:translateX(-50%);white-space:nowrap}.sidebar-toggle-button{background:none;border:2px solid #0000;color:#fff;cursor:pointer;font-size:1.5rem;left:1rem;position:absolute;z-index:4}.sidebar{background-color:#4a1e52;padding:1rem;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:3}.sidebar,.sidebar-overlay{height:calc(100% - 70px);left:0;position:fixed;top:70px}.sidebar-overlay{background:#00000080;display:none;width:100%;z-index:2}.sidebar-overlay.open{display:block}.sidebar.open{transform:translateX(0)}.auth-button i,.logout-button i,.nav-button i,.profile-button i{margin-right:.5rem}.page-container{margin:0 auto}.navigation-buttons{display:flex;justify-content:space-between}.login-button{background-color:#2471a3;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:36px;margin-left:0;padding:8px 15px;width:auto}.login-form{background-color:#4a1e52;border-radius:10px;box-shadow:0 0 10px #0000004d;color:#e9cdec;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.login-form h2{margin-bottom:20px}.login-form label{display:block;margin-bottom:10px}.login-form input{border:1px solid #ccc;border-radius:5px;padding:8px;width:100%}.button-group{display:flex;justify-content:space-between;justify-content:center;margin-top:20px;text-align:center}.button-group button:last-child{margin-left:10px}.search-table td{background-color:#bc76c5;border:1px solid #000;border-radius:10px;height:100%;justify-content:center;margin:5px;transition:background-color .3s ease;width:200px}.search-table td:hover{background-color:#a361a4}.search-table img{display:block;height:auto;margin:0 auto;max-width:100%;padding-top:5px}.add-button{display:block;margin-top:10px}.search-table p{margin:5px 0;text-align:center}@media screen and (min-width:768px){.search-table tr{display:flex;flex-wrap:wrap;justify-content:flex-start}.search-table td{margin-bottom:10px;margin-left:30px;margin-right:30px;width:100%}}@media screen and (max-width:767px){.search-table tr{display:flex;flex-wrap:wrap;justify-content:space-between}.search-table td{margin-bottom:10px;margin-left:30px;margin-right:30px;width:100%}}.search-item{display:flex;margin-bottom:10px;margin-left:10px}.search-item-left{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding-right:5px;text-align:center}.search-item-left img{height:auto;width:100px}.search-item-right{flex-grow:1;padding-left:5px;text-align:left}.search-item-right div{border-bottom:1px solid #712a80;padding:5px 0}.search-item-right div:last-child{border-bottom:none}.green-background{background-color:green!important}.book-description{height:160px;overflow-y:auto;padding:10px}.app{background-color:#712a80}button{background-color:#2471a3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.red-button{background-color:red;color:#fff}.custom-table{border-collapse:collapse;margin:0 auto;padding-top:20px;width:calc(100% - 20px)}.custom-table,.lib-page{background-color:#712a80}.custom-table td{background-color:#bc76c5;border:1px solid #000;border-radius:10px;margin:5px;transition:background-color .3s ease;width:200px}.custom-table td:hover{background-color:#a361a4}.custom-table img{display:block;height:auto;margin:0 auto;max-width:100%;padding-top:5px}.custom-table p{margin:5px 0;text-align:center}@media screen and (min-width:768px){.custom-table tr{display:flex;flex-wrap:wrap;justify-content:flex-start}.custom-table td{margin-bottom:10px;width:calc(16.666% - 10px)}.custom-table tr:nth-last-child(-n+6) td:last-child{flex-grow:0}}@media screen and (max-width:767px){.custom-table tr{display:flex;flex-wrap:wrap;justify-content:space-between}.custom-table td{margin-bottom:10px;width:calc(50% - 10px)}}.book-details-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#bc76c5;border-radius:8px;max-width:750px;padding:20px;width:100%}.modal-content,.modal-content-scroll{display:flex;flex-direction:column;max-height:80%;overflow-y:auto;text-align:center}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.book-description-container{align-items:center;display:flex}.book-thumbnail{max-width:150px}.added-book-thumbnail{display:block;margin:0 auto;max-width:150px;padding-bottom:20px}.search-button-6{background:#2471a3;border:2px solid #0000;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-left:5px;padding:.5rem 1rem;transition:background-color .3s,border-color .3s;white-space:nowrap;width:auto}.book-description,.book-details{margin-top:10px}.search-box,.sort-by{margin-left:0}.search-box,.sort-by,.sort-by-2{background-color:#f0f0f0;border-radius:10px;font-size:16px;margin-bottom:10px;margin-right:0;padding:8px}.sort-by-2{margin-left:5px}.select-container{display:inline-block;margin:0;text-align:center}.select-label{color:#000;display:block;font-size:16px;margin-bottom:2px}.select-box-modal{border-radius:10px;margin-left:3px;margin-right:3px;padding:8px}.search-button{background-color:#2471a3;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:36px;margin-left:10px;padding:8px 15px;width:auto}.search-button-3{background:none;border:2px solid #0000;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;margin-left:5px;padding:.5rem 1rem;transition:background-color .3s,border-color .3s}.scan-button{background-color:#4024a3;border-radius:10px;margin-left:10px}.scan-button,.search-button-2{color:#fff;cursor:pointer;font-size:16px;height:36px;padding:8px 15px;width:auto}.search-button-2{background-color:#2471a3;border:none;border-radius:10px}.edit-modal-buttons{margin-top:5px}.edit-modal-buttons button:first{margin-left:0}.label{color:#000;font-size:22px;margin-right:5px}@media only screen and (max-width:600px){.search-box,.select-box-modal,.sort-by{display:inline-block;margin-bottom:10px;margin-right:0;width:calc(50% - 5px)}.search-button{height:36px}}.input-group{align-items:center;display:flex;margin-bottom:10px}.input-group label{margin-right:10px;text-align:right;width:150px}.input-group input{flex:1 1;width:calc(100% - 160px)}.pagination{display:flex;justify-content:center;margin-top:10px}.pagination button{background-color:#60176e;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 4px 10px;padding:8px 12px}.pagination button.active{background-color:#bc76c5;color:#fff}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.loading-spinner{height:50px;width:50px}.special-book-item{outline:2px solid gold}.delete-button-book-modal{background-color:crimson;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:36px;margin-left:10px;padding:8px 15px;width:auto}.black{color:#000}.model-h2{align-items:center;display:flex;gap:10px;justify-content:center}*,:after,:before{box-sizing:border-box}#app,body,html{height:100%}body{background-color:#fff;line-height:1.5;margin:0}.main{align-items:center;display:flex;font-family:monospace;height:100%;justify-content:center}.scan{margin:15px auto;text-align:center}.scanCanvas{border-radius:6px;box-shadow:inset 0 0 0 1px #e6e6e6}.scanBtn{align-items:center;display:flex;height:100%;justify-content:center}.myHref{border-radius:6px;cursor:pointer;margin-bottom:10px;padding:10px}.myHref,.myHref:hover{background-color:#2c1f9e;color:#fff;outline:none;text-decoration:none}.myHref:active{background-color:#3223b3;outline:none;text-decoration:none}.resultModal{background-color:#fff;height:520px;position:absolute;text-align:center;transform:translateY(-100%);width:320px}.result{align-items:center;background-color:#e6e6e6;border-radius:6px;display:flex;justify-content:center;padding:20px;white-space:pre-wrap;word-break:break-word}.ok_btn{color:#f6f6f6;font-family:monospace;font-size:15px;margin:10px 0;outline:none;width:100px}.select-box,.select-box-modal{background-color:#f0f0f0;border:none;border-radius:5px;font-size:16px;margin-bottom:10px;margin-right:10px;padding:10px}.select-box-modal{text-align:center}.switch-button{margin-top:20px}.other-button{background-color:#2471a3;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:36px;margin-left:0;padding:8px 15px;width:auto}.book-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:20px 0;padding:1rem}.book-detail-item{align-items:center;display:flex;gap:.5rem;min-height:40px;padding:.5rem}.detail-label{font-weight:700;min-width:120px}.detail-label,.detail-value{align-items:center;display:flex}.detail-value{flex:1 1}.book-detail-item .search-button{align-items:center;display:flex;height:32px;justify-content:center;margin:0;min-width:80px;padding:0 1rem}@media (max-width:768px){.book-details-grid{grid-template-columns:1fr}}.add-button{background-color:#2471a3;color:#fff;margin-left:15px}.add-button,.delete-button{border-radius:10px;cursor:pointer;font-size:16px;height:36px;padding:8px 15px;text-align:center;width:auto}.delete-button{color:#000;margin-bottom:15px}.name{font-size:16px}.modal-button-add{background-color:#2471a3;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:36px;margin-bottom:15px;margin-left:0;padding:8px 15px;text-align:center;width:auto}.search-box-add{background-color:#f0f0f0;border-radius:10px;font-size:16px;margin-bottom:10px;padding:8px}@media only screen and (max-width:600px){.search-box-add{display:inline-block;justify-content:center;margin-bottom:10px;margin-right:15px;width:calc(100% - 10px)}.search-button{height:36px}.margin_45_left_right{margin-left:5px;margin-right:5px}}.book-item-collection{align-items:center;display:flex;margin-bottom:5px}.book-thumbnail-collection{height:50px;width:50px}.book-title-collection{flex:1 1;text-align:center}.delete-button{background-color:crimson;margin-left:auto}.books-container{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:auto}.margin_45_left_right{margin-left:45px;margin-right:45px}@media only screen and (max-width:600px){.margin_45_left_right{justify-content:space-between;margin-left:5px;margin-right:5px}}.container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.column{margin:20px;width:100%}.column h1{font-size:20px;margin-bottom:10px}.column p{margin:5px 0}.canvas-container{max-height:400px;max-width:100%}@media (min-width:768px){.container{flex-wrap:nowrap;text-align:center}.column{align-items:center;display:flex;flex-direction:column;width:50%}.column,.column h1{text-align:center}}body{background-color:#712a80}
/*# sourceMappingURL=main.ed075441.css.map*/