.book-controls{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:12px 15px;display:flex;flex-direction:column;gap:12px}.page-navigation{justify-content:space-evenly;width:100%}.nav-button,.page-navigation{display:flex;align-items:center}.nav-button{background-color:#f0f0f0;border:none;border-radius:8px;width:32px;height:32px;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666}.nav-button:hover{background-color:#8b5cf6;color:#fff}.page-indicator{font-size:13px;min-width:80px;max-width:200px;width:100%;text-align:center;font-weight:500;color:#4b5563;margin:0 12px;padding:6px 10px;background-color:#f3f4f6;border-radius:6px;flex:1 1}.page-actions{display:flex;justify-content:space-evenly;width:100%;gap:8px}.action-button{padding:6px 8px;border:none;border-radius:6px;font-size:12px;font-weight:400;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;min-width:70px;flex:1 1}.action-button svg{margin-right:8px}.action-button.add,.action-button.reset{background-color:#8b5cf6;color:#fff}.action-button.add:hover,.action-button.reset:hover{background-color:#6d28d9}.action-button.delete{background-color:#f44336;color:#fff}.action-button.delete:hover{background-color:#d32f2f}@media (max-width:768px){.book-controls{flex-direction:column;justify-content:space-evenly}.page-actions,.page-navigation{flex:0 1 auto}}