nav{background-color:#1e3a8a;color:#fff;padding:1rem}ul{list-style:none;padding:0}li{display:inline;margin-right:1rem}.navbar a{text-decoration:none;color:#fff}.navbar a:hover{color:#93c5fd}.active{font-weight:700}.page-content{padding:2rem}.page-content h1{font-size:2rem;color:#1e3a8a}.page-content p{font-size:1rem;color:#333}.page-content div{margin-top:1rem;padding:1rem;background-color:#f0f4f8}.books-section{border-top:2px solid #ecf0f1;padding-top:20px}.books-section h2{color:#2c3e50;font-size:20px;margin-bottom:15px}.books-list{list-style:none;display:flex;flex-direction:column;gap:10px}.book-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#ecf0f1;border-radius:6px;transition:background-color .2s ease}.book-item:hover{background-color:#d5dbdb}.book-info{display:flex;flex-direction:column;gap:4px;flex:1}.book-title{font-weight:600;color:#2c3e50;font-size:16px}.book-author,.book-genre,.book-language,.book-edition,.book-pages,.book-rating{color:#7f8c8d;font-size:14px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5}.app-container{max-width:600px;margin:40px auto;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.app-container h1{color:#2c3e50;margin-bottom:20px;font-size:28px}.input-section{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.input-field{padding:12px 15px;font-size:16px;border:1px solid #bdc3c7;border-radius:6px;transition:border-color .3s ease}.input-field:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px #3498db4d}.add-button{padding:12px 20px;font-size:16px;font-weight:600;color:#fff;background-color:#27ae60;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .1s ease}.add-button:hover{background-color:#229954}.add-button:active{transform:scale(.98)}.contacts-section{border-top:2px solid #ecf0f1;padding-top:20px}.contacts-section h2{color:#2c3e50;font-size:20px;margin-bottom:15px}.empty-message{color:#95a5a6;font-style:italic;text-align:center;padding:20px}.contacts-list{list-style:none;display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#ecf0f1;border-radius:6px;transition:background-color .2s ease}.contact-item:hover{background-color:#d5dbdb}.contact-info{display:flex;flex-direction:column;gap:4px;flex:1}.contact-name{font-weight:600;color:#2c3e50;font-size:16px}.contact-email{color:#7f8c8d;font-size:14px}.delete-button{padding:8px 16px;font-size:14px;color:#fff;background-color:#e74c3c;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;margin-left:10px}.delete-button:hover{background-color:#c0392b}.delete-button:active{transform:scale(.98)}.recipe-manager{max-width:600px;margin:40px auto;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.recipe-manager input{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;border-radius:6px;font-size:16px;padding:20px 40px 20px 10px;background-color:#ebfffe;border:1px solid rgb(184,224,255)}.add-btn{padding:12px 20px;font-size:16px;font-weight:600;color:#fff;background-color:#67c3e1;border:1px solid #3797b7;border-radius:6px;cursor:pointer}.recipe-output{list-style:none;display:flex;flex-direction:row;gap:10px}.recipe-item{background-color:#ebfffe;border:1px solid rgb(184,224,255);border-radius:6px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px}.del-btn{margin:10px;padding:8px 16px;font-size:14px;color:#fff;background-color:#e28462;border:none;border-radius:6px;cursor:pointer}