.App{min-height:100vh;background-color:#e1efee}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#555}.header{background-color:#008577;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-title{font-size:2rem;font-weight:600;margin:0}.header-buttons{display:flex;gap:1rem}.header-button{background-color:#fff;color:#008577;border:none;padding:.5rem 1.5rem;border-radius:20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.header-button:hover{background-color:#0056b3}.login-button{background-color:#28a745;color:#fff}.login-button:hover{background-color:#218838}.danger-button{background-color:#dc3545;color:#fff}.danger-button:hover{background-color:#c82333}.book-grid-container{padding:2rem;width:100%;height:calc(100vh - 80px);margin:0 auto;overflow-y:auto}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:1rem;width:100%;height:100%;align-content:start}@media (min-width: 1920px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}.book-grid-container{padding:3rem}}@media (max-width: 1366px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.book-grid-container{padding:1.5rem}}@media (max-width: 768px){.book-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.book-grid-container{padding:1rem}}.book-tile{border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem;min-height:270px;position:relative}.book-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.book-title{font-size:1.25rem;font-weight:600;color:#333;margin:0;line-height:1.4}.book-status{font-size:1rem;color:#555;margin:0;font-weight:700}.book-time{font-size:.9rem;color:#666;margin:0;font-weight:700}.book-time.overdue{color:#d9534f;font-weight:700}.book-stats p{margin:.25rem 0;font-size:.85rem}.book-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;width:100%;align-items:center;padding:.5rem}.action-button{flex:1 1 auto;min-width:70px;padding:.3rem .8rem;font-size:.85rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;box-sizing:border-box;text-align:center}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.action-button.borrow{background-color:#5cb85c;color:#fff}.action-button.borrow:hover{background-color:#4cae4c}.action-button.pause{background-color:#f0ad4e;color:#fff}.action-button.pause:hover{background-color:#ec971f}.action-button.return{background-color:#d9534f;color:#fff}.action-button.return:hover{background-color:#c9302c}.action-button.edit{flex:0 1 auto;min-width:35px;padding:.3rem .6rem;background-color:#5bc0de;color:#fff}.action-button.edit:hover{background-color:#46b8da}@keyframes blink-bg{50%{background-color:#c9302c}}.book-tile.blinking{animation:blink-bg 1.5s infinite}.book-tile-content-wrapper{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px #00000026}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#666;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background-color:#f0f0f0;color:#333}.modal-title{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#008577}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}.modal-button.primary{background-color:#008577;color:#fff}.modal-button.primary:hover{background-color:#006b5f}.modal-button.secondary{background-color:#e0e0e0;color:#333}.modal-button.secondary:hover{background-color:#d0d0d0}.modal-button.danger{background-color:#d9534f;color:#fff}.modal-button.danger:hover{background-color:#c9302c}.duration-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.duration-button{padding:1rem;border:2px solid #008577;background-color:#fff;color:#008577;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.duration-button:hover{background-color:#008577;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#e1efee}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}