:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;overflow-x:hidden;height:100vh!important;width:100vw;background-image:url(https://raw.githubusercontent.com/mishraRj/Full-Stack-Recipe-Maker/84981989d4072ab5b2729b887c03806a3cca5913/frontend/background/bg.webp);background-size:cover;background-position:center;background-attachment:fixed}.dashboard-innerContainer{height:100vh;width:100%;padding:0 20px;flex:1;display:flex;flex-direction:column;box-sizing:border-box}.dashboard-container{width:100%;padding:20px;display:flex;flex-direction:column;min-height:calc(100vh - 70px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{display:flex;align-items:center;margin:20px 20px 25px;justify-content:space-between;gap:15px}.search-bar{flex:1;padding:12px 15px;border-radius:8px;border:1px solid #ddd;font-size:15px;outline:none;transition:all .2s ease-in-out}.search-bar:focus{border-color:#6a11cb;box-shadow:0 0 5px #6a11cb4d}.cuisine-dropdown{padding:12px 15px;border-radius:8px;border:1px solid #ddd;font-size:15px;outline:none;cursor:pointer;background:#fff;transition:.2s}.cuisine-dropdown:hover{border-color:#11998e}.add-recipe-btn{padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#6a11cb,#2575fc);box-shadow:0 4px 10px #00000026;transition:all .3s ease-in-out}.add-recipe-btn:hover{background:linear-gradient(135deg,#2575fc,#6a11cb);transform:translateY(-2px);box-shadow:0 6px 14px #00000040}.dashboard-content{min-height:400px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.recipe-card{width:250px;overflow:hidden;box-shadow:0 4px 12px #0000001a;background:#fff;border-top-left-radius:50px;border-bottom-right-radius:50px;margin:10px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;animation:appear 2s ease 1}.cardLinks{text-decoration:none}@keyframes appear{0%{transform:translate(-800px)}to{transform:translate(0)}}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0003}.card-top{background:linear-gradient(135deg,#f6d365,#fda085);padding:30px 15px;text-align:center}.card-top2 img{width:100%;background-size:cover}.card-top h3{font-size:18px;font-weight:600;color:#000}.card-bottom{background:linear-gradient(135deg,#4a148c,#6a1b9a);padding:12px 15px;color:#fff}.card-bottom .details{color:#fff}.card-bottom h4{font-size:16px;margin-bottom:5px;font-weight:600}.card-bottom p{font-size:14px;color:#555}.show-recipe-container{width:95%;max-width:800px;margin:2rem auto;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top-left-radius:50px;border-bottom-right-radius:50px;border:4px solid rgb(0,30,66);box-shadow:0 4px 12px #0000001a;padding:2rem;font-family:Arial,sans-serif}.show-recipe-header{display:flex;justify-content:space-between;align-items:center}.show-recipe-header h1{font-size:1.8rem;font-weight:700;margin:0}.back-btn{background:#f4f4f4;border:none;padding:6px 14px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .3s}.back-btn:hover{background:#e0e0e0}.recipe-image{width:100%;height:300px;background:#add8e6;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1.5rem;font-weight:700;color:#000;margin:1rem 0 2rem}.recipe-image img{width:100%;height:100%;object-fit:cover;border-radius:6px}.recipe-meta{display:flex;gap:1rem;color:#555;font-size:.9rem;margin-bottom:1.5rem}.recipe-details{display:flex;justify-content:space-between;gap:2rem}.recipe-details h3{font-size:1.1rem;margin-bottom:.5rem}.recipe-details ul{padding-left:20px}.recipe-details p{margin:0;line-height:1.5}.btns{width:100%;padding:5px;display:flex;flex-wrap:wrap;justify-content:space-between}.edit-btn,.delete-btn{display:inline-block;margin-top:2rem;padding:10px 24px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#967eff,#75a3ff,#d12bff);border:none;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;text-align:center}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #922bff49}.delete-btn{background:linear-gradient(135deg,#321818,#5c2121,#941e1e)}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff2b2b49}.create-recipe-container{max-width:600px;margin:2rem auto;padding:2rem;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #ffffff4d;border-top-left-radius:50px;border-bottom-right-radius:50px;border:4px solid rgb(0,30,66);box-shadow:0 4px 15px #0000001a}.create-recipe-container h2{text-align:center;margin-bottom:1.5rem}.recipe-form label{font-weight:700;display:block;margin:.5rem 0 .2rem}.recipe-form input,.recipe-form textarea,.recipe-form select{width:100%;padding:.6rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.ingredient-row{display:flex;gap:.5rem;margin-bottom:.8rem}.prep-row{display:flex;gap:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.cancel-btn{background:#f3f3f3;padding:.7rem 1.5rem;border:none;border-radius:25px;cursor:pointer}.gradient-btn{background:linear-gradient(90deg,#ff7e5f,#feb47b);color:#fff;padding:.7rem 1.5rem;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:transform .2s ease-in-out}.gradient-btn:hover{transform:scale(1.05)}.pill-btn{background:linear-gradient(90deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:25px;padding:.4rem 1rem;font-size:.85rem;cursor:pointer;margin-bottom:1rem}.pill-btn:hover{opacity:.9}.navbar{max-width:1200px;margin:0 auto 20px;padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4a00e0,#8e2de2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0003;border-radius:0 0 8px 8px;color:#fff}.right-side{display:flex;flex-wrap:wrap;flex-direction:row}.navbar-logo{font-size:1.5rem;font-weight:700;color:#4a148c;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.navbar-links{display:flex;gap:1.5rem;list-style:none;margin-right:30px}.navbar-links a{text-decoration:none;color:#333;font-weight:500;transition:color .2s ease-in-out}.navbar-links a:hover{color:#4a148c}.navbar-profile{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4a00e0,#8e2de2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000026}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.navbar-links{position:absolute;top:60px;right:0;width:200px;flex-direction:column;gap:1rem;background:#fffffff2;border-radius:0 0 8px 8px;box-shadow:0 4px 10px #0000001a;padding:1rem;display:none}.navbar-links.show{display:flex}.menu-toggle{display:block;cursor:pointer;font-size:1.5rem;color:#4a148c}.navbar-links a{font-size:1rem;color:#333}}@media (min-width: 769px){.menu-toggle{display:none}}.navbar-links a{color:#fff;transition:color .2s ease-in-out}.navbar-links a:hover{color:#ffe600}.navbar-logo{color:#fff}.navbar-profile{position:relative;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#4a00e0,#8e2de2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #00000026}.profile-tooltip{position:absolute;top:60px;right:80%;transform:translate(50%);background-color:#222;color:#fff;padding:8px 12px;border-radius:6px;font-size:.9rem;white-space:nowrap;box-shadow:0 2px 8px #0000004d;z-index:100}footer{background-color:#111;color:#fff;width:100%;display:flex;flex-direction:column;margin-top:30px}.footer-content{display:flex;justify-content:space-evenly!important;align-items:center;max-width:1200px;padding:5px 15px;border-bottom:1px solid #333}.footer-section{flex:1;text-align:center;padding:10px}.logo-section h3{font-size:1.8rem;color:#fff}.footer-section h4{font-size:1.2rem;margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:5px 0}.footer-section ul li a{color:#bbb;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.social-icons a{margin:0 8px;color:#bbb;font-size:1.4rem;transition:color .3s ease}.social-icons a:hover{color:#fff}.footer-bottom{text-align:center;background-color:#000;padding:12px 0;font-size:.9rem;color:#888}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.footer-section{margin-bottom:15px}}.about-container{display:flex;justify-content:center;align-items:flex-start;padding:60px 20px;min-height:70vh;color:#fff}.about-content{max-width:800px;background-color:#1e1e1e;padding:30px;border-radius:10px;box-shadow:0 4px 12px #0006}.about-content h2{margin-bottom:20px;color:#fc0;text-align:center}.about-content p{line-height:1.6;font-size:1.1rem;text-align:justify}