@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background-color:#0c0f14}.navbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-20);background-color:var(--primary-black);font-family:var(--main-font);position:relative}.navbar-logo .navbar-title{color:var(--primary-white);font-size:var(--font-size-24);text-decoration:none;font-weight:var(--poppins-bold)}.navbar-links{display:flex;gap:var(--spacing-24)}.navbar-link{color:var(--secondary-light-grey);font-size:var(--font-size-18);text-decoration:none;font-weight:var(--poppins-medium);transition:color .3s ease}.navbar-link:hover{color:var(--primary-red)}.navbar-link:active{color:var(--primary-orange)}.navbar-toggle{display:none;flex-direction:column;cursor:pointer}.navbar-toggle .bar{width:25px;height:3px;background-color:var(--primary-white);margin:4px 0;transition:.4s}@media (max-width: 768px){.navbar-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--primary-black);gap:var(--spacing-20);padding:var(--spacing-20)}.navbar-links.open,.navbar-toggle{display:flex}.navbar-link{font-size:var(--font-size-16);text-align:center;width:100%}}.modal-overlay{position:fixed;inset:0;background-color:var(--secondary-black-rgba);display:flex;align-items:center;justify-content:center;z-index:1000;font-family:var(--main-font)}.modal-content{background-color:var(--primary-dark-grey);color:var(--primary-white);padding:var(--spacing-24) var(--spacing-30);border-radius:var(--radius-15);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 15px #0006}.modal-content h2{margin-top:0;margin-bottom:var(--spacing-15);color:var(--primary-white);text-align:center;font-size:var(--font-size-24);font-weight:600}.modal-content p{margin-bottom:var(--spacing-20);color:var(--secondary-light-grey);font-size:var(--font-size-14);text-align:center}.modal-form .form-group{margin-bottom:var(--spacing-16)}.modal-form label{display:block;margin-bottom:var(--spacing-8);font-weight:500;color:var(--primary-white);font-size:var(--font-size-14)}.modal-form input[type=text],.modal-form input[type=number],.modal-form input[type=url],.modal-form textarea{width:100%;padding:var(--spacing-12);border:1px solid var(--secondary-grey);border-radius:var(--radius-8);background-color:var(--secondary-dark-grey);color:var(--primary-white);box-sizing:border-box;font-size:var(--font-size-14);transition:border-color .2s ease}.modal-form input:focus,.modal-form textarea:focus{outline:none;border-color:var(--primary-orange)}.modal-form textarea{resize:vertical;min-height:100px}.form-group-inline{display:flex;gap:var(--spacing-20)}.form-group-inline>div{flex:1}.modal-image-preview{max-width:80px;max-height:120px;margin-top:var(--spacing-10);border:1px solid var(--secondary-grey);border-radius:var(--radius-4);display:block}.availability-toggle{margin-top:var(--spacing-20);padding:var(--spacing-12);background-color:var(--secondary-dark-grey);border-radius:var(--radius-8);border:1px solid var(--secondary-grey)}.checkbox-label{display:flex;align-items:center;cursor:pointer;margin-bottom:var(--spacing-4)}.checkbox-label input[type=checkbox]{width:auto;margin-right:var(--spacing-10);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--secondary-light-grey);border-radius:var(--radius-4);background-color:var(--secondary-dark-grey);position:relative;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked{background-color:var(--primary-orange);border-color:var(--primary-orange)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.toggle-label{font-weight:500;font-size:var(--font-size-14)}.modal-actions{margin-top:var(--spacing-28);display:flex;justify-content:flex-end;gap:var(--spacing-12)}.modal-button{padding:var(--spacing-10) var(--spacing-20);border:none;border-radius:var(--radius-8);cursor:pointer;font-size:var(--font-size-14);font-weight:600;transition:background-color .2s ease,transform .1s ease}.modal-button:active{transform:scale(.98)}.modal-button.save{background-color:var(--primary-orange);color:var(--primary-white)}.modal-button.save:hover{background-color:#c06935}.modal-button.cancel{background-color:var(--primary-light-grey);color:var(--primary-white)}.modal-button.cancel:hover{background-color:#464a50}.modal-button:disabled{background-color:var(--secondary-grey);color:var(--secondary-light-grey);cursor:not-allowed;transform:none}.modal-error{color:var(--primary-red);background-color:#dc35351a;border:1px solid rgba(220,53,53,.3);padding:var(--spacing-10);border-radius:var(--radius-8);margin-bottom:var(--spacing-16);font-size:var(--font-size-14);text-align:center}.modal-form small{display:block;margin-top:var(--spacing-4);font-size:var(--font-size-12);color:var(--secondary-light-grey)}@media (max-width: 640px){.modal-content{padding:var(--spacing-20) var(--spacing-16);width:95%}.form-group-inline{flex-direction:column;gap:var(--spacing-12)}.modal-actions{flex-direction:column-reverse;gap:var(--spacing-10)}.modal-button{width:100%;padding:var(--spacing-12)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--secondary-dark-grey)}.modal-content::-webkit-scrollbar-thumb{background-color:var(--primary-light-grey);border-radius:20px}.books-dashboard{padding:var(--spacing-24);color:var(--primary-white);font-family:var(--main-font)}.dashboard-title{font-size:var(--font-size-28);font-weight:var(--poppins-semibold);text-align:center;margin-bottom:var(--spacing-24)}.search-bar{margin-bottom:var(--spacing-24);display:flex;justify-content:center;align-items:center}.search-bar input{width:100%;max-width:500px;padding:var(--spacing-12);font-size:var(--font-size-16);border:1px solid var(--primary-light-grey);border-radius:var(--radius-8);background-color:var(--primary-black);color:var(--primary-white);transition:border-color .3s ease}.search-bar input:focus{outline:none;border-color:var(--primary-orange)}.scan-btn{padding:var(--spacing-12);border:none;border-radius:var(--radius-8);cursor:pointer;margin-left:var(--spacing-16);font-size:var(--font-size-16);transition:background-color .3s ease}.scan-btn:hover{background-color:var(--secondary-orange)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-24);justify-items:center}.book-card{background-color:var(--secondary-dark-grey);border-radius:var(--radius-10);overflow:hidden;box-shadow:0 4px 8px var(--primary-black-rgba);width:100%;max-width:320px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.book-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px var(--secondary-black-rgba)}.book-image-wrapper{background-color:var(--primary-black);padding:var(--spacing-12)}.book-photo{width:100%;height:300px;object-fit:cover;border-radius:var(--radius-8)}.book-info{padding:var(--spacing-20);height:100%}.book-title{font-size:var(--font-size-20);font-weight:var(--poppins-semibold);margin-bottom:var(--spacing-12)}.book-isbn,.book-availability,.book-price{font-size:var(--font-size-16);margin-bottom:var(--spacing-8)}.book-availability.available{color:var(--primary-orange)}.book-availability.unavailable{color:var(--primary-red)}.book-price{font-weight:var(--poppins-semibold)}@media (max-width: 768px){.books-grid{grid-template-columns:1fr;gap:var(--spacing-20)}.dashboard-title{font-size:var(--font-size-24)}.book-info{padding:var(--spacing-16)}.book-title{font-size:var(--font-size-18)}.book-isbn,.book-availability,.book-price{font-size:var(--font-size-14)}}.scanner-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:var(--spacing-24);position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000}.qr-reader{width:320px;height:320px;max-width:100%;border:5px solid var(--primary-orange);border-radius:var(--radius-8);overflow:hidden}.qr-reader #qr-shaded-region{display:none}.qr-reader button,.qr-reader select{color:var(--primary-white)}.stop-scan-btn{padding:var(--spacing-12);background-color:var(--primary-red);color:var(--primary-white);border:none;border-radius:var(--radius-8);cursor:pointer;margin-top:var(--spacing-16);box-shadow:0 2px 5px #0003;font-size:var(--font-size-16);transition:background-color .3s ease}.stop-scan-btn:hover{background-color:var(--secondary-red)}@media (max-width: 768px){.qr-reader{width:90%;height:auto}.stop-scan-btn{padding:10px 20px;font-size:16px}}.add-book-btn{padding:var(--spacing-12);background-color:var(--primary-orange);color:var(--primary-white);border:none;border-radius:var(--radius-8);cursor:pointer;margin-top:var(--spacing-16);box-shadow:0 2px 5px #0003;font-size:var(--font-size-16);transition:background-color .3s ease}.add-book-btn:hover{background-color:var(--primary-light-grey)}.table-container{overflow-x:auto;margin-top:1rem}.books-table{width:100%;border-collapse:collapse}.books-table th,.books-table td{padding:10px;border:1px solid #ddd;text-align:left}.books-table .available{color:green;font-weight:700}.books-table .unavailable{color:red;font-weight:700}.order-dashboard-container{background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);padding:var(--spacing-16);max-width:100%;overflow-y:auto;border-radius:var(--radius-8)}h2{color:var(--primary-white);margin-bottom:var(--spacing-20)}.filter-section{display:flex;gap:var(--spacing-16);margin-bottom:var(--spacing-20);align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-8)}.filter-section label{color:var(--primary-white);font-size:var(--font-size-14);margin-bottom:var(--spacing-4)}.filter-section select{padding:var(--spacing-8);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);width:150px}.orders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-16)}.order-item{background-color:var(--primary-grey);padding:var(--spacing-16);border-radius:var(--radius-8);box-shadow:0 2px 4px #0000001a;position:relative}.order-item p{margin-bottom:var(--spacing-8);font-size:var(--font-size-14)}.order-item strong{font-weight:var(--poppins-semibold)}.loading,.error,.no-more,.no-orders{text-align:center;margin-top:var(--spacing-20);font-size:var(--font-size-16);color:var(--secondary-light-grey)}.order-item button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-8);border-radius:var(--radius-8);border:none;cursor:pointer;margin-top:var(--spacing-8);margin-right:var(--spacing-8)}.edit-order-form{display:flex;flex-direction:column;gap:var(--spacing-8);padding-bottom:var(--spacing-16)}.edit-order-form label{color:var(--primary-white);font-size:var(--font-size-14)}.edit-order-form select,.edit-order-form input[type=date]{padding:var(--spacing-8);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white)}.edit-actions{display:flex;gap:var(--spacing-8);margin-top:var(--spacing-16)}.order-details{margin-top:var(--spacing-10);padding:var(--spacing-10);border-top:1px solid var(--primary-dark-grey)}.order-details p{margin-bottom:var(--spacing-6);font-size:var(--font-size-12)}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:flex-start}}.book-details-container{display:flex;max-width:1200px;margin:0 auto;padding:var(--spacing-24);background-color:var(--primary-black);border-radius:var(--radius-8);box-shadow:0 4px 8px #0000001a;flex-wrap:wrap}.book-image{flex:0 0 300px;max-height:500px;margin-right:var(--spacing-24);margin-bottom:var(--spacing-24);display:flex;justify-content:center}.book-image img{max-width:100%;height:auto;border-radius:var(--radius-8)}.book-details-container .book-info{flex:1;padding-left:var(--spacing-24);background-color:var(--primary-dark-grey)}.edit-icon{color:var(--primary-orange)}.edit-icon-button{background:none;border:none;cursor:pointer;padding:0;margin-left:var(--spacing-8)}.edit-icon-button.small{margin-left:var(--spacing-4)}.edit-icon.small{font-size:.8em}.book-title-container{display:flex;justify-content:space-between;align-items:center}.book-title{font-size:var(--font-size-28);font-weight:var(--poppins-bold);color:var(--primary-orange)}.book-description-container{display:flex;justify-content:space-between;align-items:flex-start}.book-description-container .edit-icon-button{margin-top:.5em}.book-authors,.book-genres,.book-description{font-size:var(--font-size-18);margin:var(--spacing-8) 0;color:var(--primary-white)}.book-city-prices{margin-top:var(--spacing-24)}.book-city-prices h2{padding:var(--spacing-12);font-size:var(--font-size-20);font-weight:var(--poppins-semibold);color:var(--primary-light-grey)}.city-info{padding:var(--spacing-12);margin:var(--spacing-8) 0;border-radius:var(--radius-8);color:var(--primary-white)}.city-info .city-name{color:var(--primary-orange)}.city-info p{font-size:var(--font-size-16);margin:var(--spacing-4) 0}.loading{text-align:center;font-size:var(--font-size-20);color:var(--primary-dark-grey)}.error{text-align:center;font-size:var(--font-size-18);color:var(--primary-red)}.toggle-availability{margin-top:var(--spacing-24);color:var(--primary-white)}.availability-btn{padding:var(--spacing-12) var(--spacing-24);font-size:var(--font-size-16);font-weight:var(--poppins-semibold);border:none;border-radius:var(--radius-8);cursor:pointer;transition:background-color .3s ease}.availability-btn.available{background-color:var(--primary-orange);color:#fff}.availability-btn.unavailable{background-color:var(--primary-red);color:#fff}.availability-btn:hover{opacity:.8}.book-price-info{margin-top:var(--spacing-16);color:var(--primary-white)}.book-price-info p{font-size:var(--font-size-16);margin:var(--spacing-4) 0}.book-price-info strong{color:var(--primary-orange)}@media (max-width: 1024px){.book-details-container{flex-direction:column;padding:var(--spacing-16)}.book-image{flex:1 1 100%;margin-right:0}.book-info{padding-left:var(--spacing-16);padding-top:var(--spacing-16)}.book-title{font-size:var(--font-size-24)}.book-authors,.book-genres{font-size:var(--font-size-16)}.book-city-prices h2{font-size:var(--font-size-18)}.city-info p{font-size:var(--font-size-14)}}@media (max-width: 768px){.book-details-container{flex-direction:column;padding:var(--spacing-12)}.book-image{flex:1 1 100%;margin-bottom:var(--spacing-12)}.book-info{padding-left:var(--spacing-12)}.book-title{font-size:var(--font-size-20)}.book-authors,.book-genres{font-size:var(--font-size-14)}.book-city-prices h2{font-size:var(--font-size-16)}.city-info p{font-size:var(--font-size-12)}}@media (max-width: 480px){.book-details-container{padding:var(--spacing-8)}.book-image{flex:1 1 100%;margin-bottom:var(--spacing-8)}.book-info{padding-left:var(--spacing-8)}.book-title{font-size:var(--font-size-18)}.book-authors,.book-genres{font-size:var(--font-size-12)}.book-city-prices h2{font-size:var(--font-size-14)}.city-info p{font-size:var(--font-size-10)}}.modal-content{background-color:var(--primary-dark-grey);border-radius:var(--radius-8);box-shadow:0 2px 10px #0003;padding:var(--spacing-20);width:80%;max-width:500px}.modal-body{margin-bottom:var(--spacing-20)}.form-group input{width:calc(100% - 12px);padding:var(--spacing-10);border:1px solid var(--primary-light-grey);border-radius:var(--radius-4);font-size:var(--font-size-16);font-family:var(--main-font);color:var(--primary-white)}.form-group textarea{width:calc(100% - 12px);padding:var(--spacing-10);border:1px solid var(--primary-light-grey);border-radius:var(--radius-4);font-size:var(--font-size-16);font-family:var(--main-font);color:var(--primary-white);min-height:100px}@media (max-width: 768px){.modal-content{width:95%;margin:var(--spacing-10)}.modal-header h2{font-size:var(--font-size-20)}.form-group input[type=text],.form-group textarea{font-size:var(--font-size-14)}.save-button,.cancel-button{font-size:var(--font-size-14);padding:var(--spacing-8) var(--spacing-12)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--secondary-black-rgba);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--primary-dark-grey);border-radius:var(--radius-8);box-shadow:0 2px 10px #0003;padding:var(--spacing-20);width:80%;max-width:500px;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-15);padding-bottom:var(--spacing-10);border-bottom:1px solid var(--primary-light-grey)}.modal-header h2{margin:0;font-size:var(--font-size-24);font-family:var(--main-font);font-weight:var(--poppins-semibold);color:var(--primary-white)}.close-button{background:none;border:none;color:var(--primary-light-grey);font-size:var(--font-size-30);cursor:pointer;padding:0}.close-button:hover{color:var(--primary-orange)}.modal-body{flex-grow:1;margin-bottom:var(--spacing-20);display:flex;flex-direction:column}.form-group{margin-bottom:var(--spacing-15)}.form-group label{display:block;margin-bottom:var(--spacing-4);font-weight:700;color:var(--secondary-light-grey)}.form-group input[type=text]{width:calc(100% - 12px);padding:var(--spacing-10);border:1px solid var(--primary-light-grey);border-radius:var(--radius-4);font-size:var(--font-size-16);font-family:var(--main-font);color:var(--primary-white)}.selection-list{list-style:none;padding:0;margin:0;border:1px solid var(--primary-light-grey);border-radius:var(--radius-4);overflow-y:auto;max-height:200px}.selection-item{padding:var(--spacing-10);cursor:pointer;color:var(--primary-white);transition:background-color .2s ease}.selection-item:hover{background-color:var(--primary-grey)}.selection-item.selected{background-color:var(--primary-orange);color:var(--secondary-color)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-10)}.save-button,.cancel-button{padding:var(--spacing-10) var(--spacing-15);border:none;border-radius:var(--radius-4);cursor:pointer;font-size:var(--font-size-16);font-family:var(--main-font)}.save-button{background-color:var(--primary-orange);color:var(--secondary-color)}.save-button:hover{background-color:var(--primary-dark-grey)}.cancel-button{background-color:var(--primary-grey);color:var(--secondary-color)}.cancel-button:hover{background-color:var(--primary-light-grey)}@media (max-width: 768px){.modal-content{width:95%;margin:var(--spacing-10)}.modal-header h2{font-size:var(--font-size-20)}.form-group input[type=text]{font-size:var(--font-size-14)}.save-button,.cancel-button{font-size:var(--font-size-14);padding:var(--spacing-8) var(--spacing-12)}}.genres-container{background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);padding:var(--spacing-16);max-width:100%;overflow-y:auto;border-radius:var(--radius-8)}.genres-list{display:flex;flex-wrap:wrap;gap:var(--spacing-16);justify-content:space-between}.genre-item{background-color:var(--primary-grey);padding:var(--spacing-16);border-radius:var(--radius-8);box-shadow:0 4px 6px #0000001a;flex:1 1 calc(33% - var(--spacing-16));text-align:center;transition:transform .2s ease-in-out}.genre-item:hover{transform:translateY(-5px)}.genre-item p{font-size:var(--font-size-16);font-weight:var(--poppins-semibold);color:var(--primary-white)}.add-genre-form{margin-bottom:var(--spacing-24);display:flex;justify-content:space-between;gap:var(--spacing-8)}.add-genre-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);flex-grow:1}.add-genre-form button{background-color:var(--primary-red);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.add-genre-form button:hover{background-color:var(--primary-dark-grey)}.edit-genre-form{display:flex;gap:var(--spacing-8)}.edit-genre-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white)}.edit-genre-form button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.edit-genre-form button:hover{background-color:var(--primary-dark-grey)}.genre-item button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-8);border-radius:var(--radius-8);border:none;cursor:pointer;margin-top:var(--spacing-8);margin-right:var(--spacing-8)}.genre-item button:hover{background-color:var(--primary-dark-grey)}@media (max-width: 768px){.genre-item{flex:1 1 calc(50% - var(--spacing-16))}}@media (max-width: 480px){.genre-item{flex:1 1 100%}.genres-container{padding:var(--spacing-12)}.loading,.error,.no-more{font-size:var(--font-size-14)}}.authors-container{background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);padding:var(--spacing-16);max-width:100%;overflow-y:auto;border-radius:var(--radius-8)}.authors-list{display:flex;flex-wrap:wrap;gap:var(--spacing-16);justify-content:space-between}.author-item{background-color:var(--primary-grey);padding:var(--spacing-16);border-radius:var(--radius-8);box-shadow:0 4px 6px #0000001a;flex:1 1 calc(33% - var(--spacing-16));text-align:center;transition:transform .2s ease-in-out}.author-item:hover{transform:translateY(-5px)}.author-item p{font-size:var(--font-size-16);font-weight:var(--poppins-semibold);color:var(--primary-white)}.add-author-form{margin-bottom:var(--spacing-24);display:flex;justify-content:space-between;gap:var(--spacing-8)}.add-author-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);flex-grow:1}.add-author-form button{background-color:var(--primary-red);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.add-author-form button:hover{background-color:var(--primary-dark-grey)}.edit-author-form{display:flex;gap:var(--spacing-8)}.edit-author-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white)}.edit-author-form button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.edit-author-form button:hover{background-color:var(--primary-dark-grey)}.author-item button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-8);border-radius:var(--radius-8);border:none;cursor:pointer;margin-top:var(--spacing-8);margin-right:var(--spacing-8)}.author-item button:hover{background-color:var(--primary-dark-grey)}@media (max-width: 768px){.author-item{flex:1 1 calc(50% - var(--spacing-16))}}@media (max-width: 480px){.author-item{flex:1 1 100%}.authors-container{padding:var(--spacing-12)}.loading,.error,.no-more{font-size:var(--font-size-14)}}.cities-container{background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);padding:var(--spacing-16);max-width:100%;overflow-y:auto;border-radius:var(--radius-8)}.cities-list{display:flex;flex-wrap:wrap;gap:var(--spacing-16);justify-content:space-between}.city-item{background-color:var(--primary-grey);padding:var(--spacing-16);border-radius:var(--radius-8);box-shadow:0 4px 6px #0000001a;flex:1 1 calc(33% - var(--spacing-16));text-align:center;transition:transform .2s ease-in-out}.city-item:hover{transform:translateY(-5px)}.city-item p{font-size:var(--font-size-16);font-weight:var(--poppins-semibold);color:var(--primary-white)}.add-city-form{margin-bottom:var(--spacing-24);display:flex;justify-content:space-between;gap:var(--spacing-8)}.add-city-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);flex-grow:1}.add-city-form button{background-color:var(--primary-red);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.add-city-form button:hover{background-color:var(--primary-dark-grey)}.edit-city-form{display:flex;gap:var(--spacing-8)}.edit-city-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white)}.edit-city-form button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.edit-city-form button:hover{background-color:var(--primary-dark-grey)}.city-item button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-8);border-radius:var(--radius-8);border:none;cursor:pointer;margin-top:var(--spacing-8);margin-right:var(--spacing-8)}.city-item button:hover{background-color:var(--primary-dark-grey)}@media (max-width: 768px){.city-item{flex:1 1 calc(50% - var(--spacing-16))}}@media (max-width: 480px){.city-item{flex:1 1 100%}.cities-container{padding:var(--spacing-12)}.loading,.error,.no-more{font-size:var(--font-size-14)}}.emotions-container{background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);padding:var(--spacing-16);max-width:100%;overflow-y:auto;border-radius:var(--radius-8)}.emotions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-16);justify-content:space-between}.emotion-item{background-color:var(--primary-grey);padding:var(--spacing-16);border-radius:var(--radius-8);box-shadow:0 4px 6px #0000001a;flex:1 1 calc(33% - var(--spacing-16));text-align:center;transition:transform .2s ease-in-out}.emotion-item:hover{transform:translateY(-5px)}.emotion-item p{font-size:var(--font-size-16);font-weight:var(--poppins-semibold);color:var(--primary-white)}.loading,.error{text-align:center;margin-top:var(--spacing-20);font-size:var(--font-size-18)}.no-more{text-align:center;margin-top:var(--spacing-20);font-size:var(--font-size-18);color:var(--secondary-light-grey)}.add-emotion-form{margin-bottom:var(--spacing-24);display:flex;justify-content:space-between;gap:var(--spacing-8)}.add-emotion-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);flex-grow:1}.add-emotion-form button{background-color:var(--primary-red);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.add-emotion-form button:hover{background-color:var(--primary-dark-grey)}.edit-emotion-form{display:flex;gap:var(--spacing-8)}.edit-emotion-form input{padding:var(--spacing-12);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white)}.edit-emotion-form button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-12);border-radius:var(--radius-8);border:none;cursor:pointer}.edit-emotion-form button:hover{background-color:var(--primary-dark-grey)}.emotion-item button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-8);border-radius:var(--radius-8);border:none;cursor:pointer;margin-top:var(--spacing-8);margin-right:var(--spacing-8)}.emotion-item button:hover{background-color:var(--primary-dark-grey)}@media (max-width: 768px){.emotion-item{flex:1 1 calc(50% - var(--spacing-16))}}@media (max-width: 480px){.emotion-item{flex:1 1 100%}.emotions-container{padding:var(--spacing-12)}.loading,.error,.no-more{font-size:var(--font-size-14)}}.table-container{padding:1rem;background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);border-radius:var(--radius-8);overflow-x:auto}.books-table{width:100%;border-collapse:collapse;margin-top:1rem}.books-table th,.books-table td{padding:12px;border:1px solid var(--secondary-light-grey);text-align:left}.books-table th{background-color:var(--primary-grey);color:var(--primary-white)}.book-link{color:var(--primary-orange);text-decoration:none}.book-link:hover{text-decoration:underline}.delete-btn{background-color:var(--primary-orange);color:var(--primary-white);padding:6px 12px;border:none;border-radius:var(--radius-8);cursor:pointer}.delete-btn:hover{background-color:var(--primary-dark-grey)}.loading,.error,.no-more{text-align:center;margin-top:1rem;font-size:var(--font-size-16)}.order-dashboard-container{background-color:var(--primary-dark-grey);color:var(--primary-white);font-family:var(--main-font);padding:var(--spacing-16);max-width:100%;overflow-y:auto;border-radius:var(--radius-10)}h2{color:var(--primary-white);margin-bottom:var(--spacing-30)}.filter-section{display:flex;gap:var(--spacing-20);margin-bottom:var(--spacing-30);align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-10)}.filter-section label{color:var(--secondary-light-grey);font-size:var(--font-size-14);margin-bottom:var(--spacing-6)}.filter-section select{padding:var(--spacing-10);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);width:200px;font-size:var(--font-size-14)}.orders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-20)}.order-item{background-color:var(--primary-grey);padding:var(--spacing-20);border-radius:var(--radius-10);box-shadow:0 4px 8px #00000026;position:relative}.order-item p{margin-bottom:var(--spacing-10);font-size:var(--font-size-14);line-height:1.5}.order-item strong{font-weight:var(--poppins-semibold);color:var(--secondary-light-grey)}.loading,.error,.no-more,.no-orders{text-align:center;margin-top:var(--spacing-30);font-size:var(--font-size-18);color:var(--secondary-light-grey)}.error{color:var(--primary-red)}.order-item button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-10) var(--spacing-16);border-radius:var(--radius-8);border:none;cursor:pointer;margin-top:var(--spacing-12);margin-right:var(--spacing-10);font-size:var(--font-size-14);transition:background-color .3s ease}.order-item button:hover{background-color:var(--primary-dark-grey)}.edit-order-form{display:flex;flex-direction:column;gap:var(--spacing-12);padding-bottom:var(--spacing-20)}.edit-order-form label{color:var(--secondary-light-grey);font-size:var(--font-size-14);margin-bottom:var(--spacing-6)}.edit-order-form select,.edit-order-form input[type=date]{padding:var(--spacing-10);border-radius:var(--radius-8);border:1px solid var(--primary-grey);background-color:var(--secondary-dark-grey);color:var(--primary-white);font-size:var(--font-size-14)}.edit-actions{display:flex;gap:var(--spacing-10);margin-top:var(--spacing-20);justify-content:flex-end}.order-details{margin-top:var(--spacing-15);padding:var(--spacing-15);border-top:1px solid var(--primary-dark-grey)}.order-details p{margin-bottom:var(--spacing-8);font-size:var(--font-size-14);color:var(--secondary-light-grey)}.order-details strong{color:var(--primary-white)}.ordered-items{margin-top:var(--spacing-20);padding:var(--spacing-15);background-color:var(--secondary-dark-grey);border-radius:var(--radius-8)}.ordered-items h3{color:var(--primary-white);font-size:var(--font-size-16);margin-bottom:var(--spacing-10);border-bottom:1px solid var(--primary-grey);padding-bottom:var(--spacing-8)}.ordered-items ul{list-style:none;padding:0}.ordered-items li{padding:var(--spacing-10) 0;border-bottom:1px solid var(--primary-grey)}.ordered-items li:last-child{border-bottom:none}.ordered-items li strong{color:var(--primary-orange)}.ordered-items li p{font-size:var(--font-size-12);color:var(--secondary-light-grey);margin-top:var(--spacing-4)}@media (max-width: 992px){.orders-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.filter-section{flex-direction:column;align-items:stretch}.filter-group,.filter-section select{width:100%}.orders-list{grid-template-columns:1fr}.order-item button{font-size:var(--font-size-12);padding:var(--spacing-8) var(--spacing-12);margin-right:var(--spacing-6)}.edit-actions{flex-direction:column;align-items:stretch}.edit-actions button{width:100%;margin-bottom:var(--spacing-8)}}@media (max-width: 576px){.order-dashboard-container{padding:var(--spacing-16)}h2{font-size:var(--font-size-24);margin-bottom:var(--spacing-20)}.order-item p{font-size:var(--font-size-14)}.loading,.error,.no-more,.no-orders{font-size:var(--font-size-16)}}:root{--primary-color: #000;--secondary-color: #fff;--primary-grey: #252A32;--secondary-grey: #353c47;--primary-white: #FFFFFF;--primary-black: #0C0F14;--primary-red: #DC3535;--primary-orange: #D17842;--success-green: #2ecc71;--error-red: #e74c3c;--main-font: "Poppins", sans-serif;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--radius-4: 4px;--radius-8: 8px}.notification-container{font-family:var(--main-font);background-color:var(--primary-grey);color:var(--primary-white);padding:var(--spacing-20);min-height:100vh}h1{text-align:center;margin-bottom:var(--spacing-24);font-size:var(--font-size-24)}h2{font-size:var(--font-size-20);margin-bottom:var(--spacing-16);border-bottom:1px solid var(--secondary-grey);padding-bottom:var(--spacing-8)}h3{font-size:var(--font-size-18);margin-top:var(--spacing-16);margin-bottom:var(--spacing-12)}.notification-form{background-color:var(--primary-black);border-radius:var(--radius-8);padding:var(--spacing-24);max-width:800px;margin:0 auto;box-shadow:0 4px 8px #0003}.form-section{margin-bottom:var(--spacing-24)}.form-group{margin-bottom:var(--spacing-16)}label{display:block;margin-bottom:var(--spacing-8);font-size:var(--font-size-16)}input[type=text],textarea,select{width:100%;padding:var(--spacing-12);border-radius:var(--radius-4);border:1px solid var(--secondary-grey);background-color:var(--primary-grey);color:var(--primary-white);font-size:var(--font-size-16);box-sizing:border-box}textarea{min-height:100px;resize:vertical}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-16);margin-top:var(--spacing-8)}.checkbox-group label{display:flex;align-items:center;cursor:pointer}.checkbox-group input[type=checkbox]{margin-right:var(--spacing-8)}.cities-grid{max-height:200px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-12)}.form-actions{margin-top:var(--spacing-24);text-align:center}button{background-color:var(--primary-orange);color:var(--primary-white);padding:var(--spacing-12) var(--spacing-24);border:none;border-radius:var(--radius-8);cursor:pointer;font-size:var(--font-size-16);font-weight:600;transition:background-color .3s ease}button:hover{background-color:#b26835}button:disabled{background-color:var(--secondary-grey);cursor:not-allowed}.success-message,.error-message{padding:var(--spacing-12);border-radius:var(--radius-4);margin-bottom:var(--spacing-20);text-align:center}.success-message{background-color:var(--success-green);color:#fff}.error-message{background-color:var(--error-red);color:#fff}@media (max-width: 768px){.notification-form{padding:var(--spacing-16)}.cities-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 480px){h1{font-size:var(--font-size-20)}h2{font-size:var(--font-size-18)}.checkbox-group{flex-direction:column;gap:var(--spacing-8)}.cities-grid{grid-template-columns:1fr 1fr}}:root{--primary-color: #000;--secondary-color: #fff;--primary-red: #DC3535;--primary-orange: #D17842;--primary-black: #0C0F14;--primary-dark-grey: #141921;--secondary-dark-grey: #21262E;--primary-grey: #252A32;--secondary-grey: #252A32;--primary-light-grey: #52555A;--secondary-light-grey: #AEAEAE;--primary-white: #FFFFFF;--primary-black-rgba: rgba(12, 15, 20, .5);--secondary-black-rgba: rgba(0, 0, 0, .7);--main-font: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;--poppins-black: "Poppins-Black";--poppins-bold: "Poppins-Bold";--poppins-extrabold: "Poppins-ExtraBold";--poppins-extralight: "Poppins-ExtraLight";--poppins-light: "Poppins-Light";--poppins-medium: "Poppins-Medium";--poppins-regular: "Poppins-Regular";--poppins-semibold: "Poppins-SemiBold";--poppins-thin: "Poppins-Thin";--font-size-8: 8px;--font-size-10: 10px;--font-size-12: 12px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-24: 24px;--font-size-28: 28px;--font-size-30: 30px;--spacing-2: 2px;--spacing-4: 4px;--spacing-8: 8px;--spacing-10: 10px;--spacing-12: 12px;--spacing-15: 15px;--spacing-16: 16px;--spacing-18: 18px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-30: 30px;--spacing-32: 32px;--spacing-36: 36px;--radius-4: 4px;--radius-8: 8px;--radius-10: 10px;--radius-15: 15px;--radius-20: 20px;--radius-25: 25px}.dashboard-container{padding:var(--spacing-32);font-family:var(--main-font)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-32);border-bottom:2px solid #e0e0e0;padding-bottom:var(--spacing-16)}.dashboard-title{display:flex;align-items:center;gap:var(--spacing-8);margin:0;color:var(--primary-orange);font-size:var(--font-size-24);font-weight:600}.header-buttons{display:flex;gap:var(--spacing-16)}.btn{display:flex;align-items:center;gap:var(--spacing-8);color:var(--primary-white);border:none;padding:.75rem 1.5rem;border-radius:var(--radius-8);cursor:pointer;font-family:var(--main-font);font-size:var(--font-size-14);font-weight:500;transition:opacity .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background-color:#28a745}.btn-primary{background-color:#007bff}.btn-danger{background-color:var(--primary-red)}.btn-secondary{background-color:#6c757d}.btn-green{background-color:#28a745}.alert{padding:var(--spacing-16);border-radius:var(--radius-8);margin-bottom:var(--spacing-16);border:1px solid}.alert-error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.loading-container,.error-container{text-align:center;padding:var(--spacing-32)}.error-container{color:var(--primary-red)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-16);margin-bottom:var(--spacing-32)}.stat-card{padding:1.5rem;border-radius:var(--radius-10);text-align:center;color:var(--primary-white)}.stat-card.blue{background-color:#007bff}.stat-card.green{background-color:#28a745}.stat-card.cyan{background-color:#17a2b8}.stat-card.yellow{background-color:#ffc107}.stat-value{font-size:var(--font-size-30);font-weight:700;margin-bottom:var(--spacing-8)}.bulk-panel{background-color:var(--primary-dark-grey);border:2px solid var(--primary-grey);border-radius:var(--radius-10);padding:var(--spacing-32);margin-bottom:var(--spacing-32)}.bulk-panel h3{margin-top:0;color:#007bff;font-size:var(--font-size-20);font-weight:600}.bulk-selection{margin-bottom:1.5rem}.bulk-selection span{color:#6c757d;margin-left:var(--spacing-16)}.bulk-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-16);margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:var(--spacing-8);font-weight:600;font-size:var(--font-size-14)}.form-input{width:100%;padding:var(--spacing-8);border:1px solid #ddd;border-radius:var(--radius-8);font-family:var(--main-font);font-size:var(--font-size-14)}.checkbox-group{display:flex;gap:var(--spacing-32);margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-8);font-size:var(--font-size-14);font-weight:500;color:var(--primary-white)}.table-container{background-color:var(--primary-dark-grey);border-radius:var(--radius-10);overflow:hidden;box-shadow:0 2px 4px #0000001a}.table-header{background-color:var(--primary-black);padding:var(--spacing-16);border-bottom:1px solid var(--primary-grey);font-weight:600;display:grid;gap:var(--spacing-16);align-items:center;font-size:var(--font-size-14)}.table-header.bulk-mode{grid-template-columns:50px 2fr 1fr 1fr 100px 100px 80px}.table-header.normal-mode{grid-template-columns:2fr 1fr 1fr 100px 100px 80px}.table-row{padding:var(--spacing-16);border-bottom:1px solid var(--primary-grey);display:grid;gap:var(--spacing-16);align-items:center;font-size:var(--font-size-14)}.table-row.bulk-mode{grid-template-columns:50px 2fr 1fr 1fr 100px 100px 80px}.table-row.normal-mode{grid-template-columns:2fr 1fr 1fr 100px 100px 80px}.table-row.selected{background-color:var(--primary-dark-grey)}.table-row.normal{background-color:var(--primary-black)}.city-name{font-weight:600}.price-set{color:#28a745}.price-not-set{color:#6c757d;font-style:italic}.status-available{display:flex;align-items:center;gap:.25rem;color:#28a745}.status-unavailable{display:flex;align-items:center;gap:.25rem;color:var(--primary-red)}.stock-count{text-align:center}.checkbox-scaled{transform:scale(1.2)}.coverage-analysis{margin-top:var(--spacing-32);padding:1.5rem;background-color:var(--primary-dark-grey);border-radius:var(--radius-10);border:1px solid var(--primary-grey)}.coverage-title{display:flex;align-items:center;gap:var(--spacing-8);margin-top:0;color:var(--primary-orange);font-size:var(--font-size-18);font-weight:600}.coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-16)}.coverage-item h4{margin-bottom:var(--spacing-8);font-size:var(--font-size-16);font-weight:600}.coverage-item.blue h4{color:#007bff}.coverage-item.green h4{color:#28a745}.coverage-item.yellow h4{color:#ffc107}.coverage-item p{margin:0;color:var(--secondary-light-grey);font-size:var(--font-size-14)}.recommendation{margin-top:var(--spacing-16);padding:var(--spacing-16);background-color:var(--primary-black);border:1px solid var(--primary-grey);border-radius:var(--radius-8);color:var(--primary-white);font-size:var(--font-size-14)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--primary-dark-grey);padding:2rem;border-radius:8px;max-width:400px;width:90%}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.warning-text{color:#dc3545;font-style:italic}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-danger-icon{background:#dc3545;color:#fff}.btn-danger-icon:hover{background:#c82333}.bulk-action-buttons{display:flex;gap:1rem;margin-top:1rem}.table-header.normal-mode,.table-row.normal-mode{grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 80px}