.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.theme-toggle:hover{background-color:var(--primary-color);color:var(--bg-white);transform:rotate(15deg);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:rotate(15deg) scale(.95)}.client-navbar{background:var(--bg-white);color:var(--text-primary);box-shadow:0 2px 8px #00000012;border-bottom:1px solid var(--primary-color);padding:.75rem 1rem;display:flex;flex-direction:row;align-items:center;position:relative;min-height:60px;height:60px;z-index:100;font-family:Cookie,cursive,Arial,sans-serif}.client-navbar .navbar-logo{color:var(--primary-color);font-size:1.7rem;font-weight:700;letter-spacing:1px;transition:color .2s;text-decoration:none}.client-navbar .navbar-logo:hover{color:var(--secondary-color)}.client-navbar .navbar-menu{display:none;flex-direction:column;gap:.5rem;width:100vw;background:var(--bg-white);position:fixed;left:0;top:60px;box-shadow:0 2px 8px #00000012;border-bottom:2px solid var(--primary-color);z-index:120;padding:1.5rem 2rem 2rem;max-width:100vw}.client-navbar .navbar-menu.is-open{display:flex}.client-navbar .main-menu{margin-top:0}.client-navbar .secondary-menu{margin-top:.5rem;justify-content:flex-end}.client-navbar .navbar-item{min-width:auto;min-height:auto;padding:.15rem .8rem;border-radius:6px;color:var(--text-primary);border:2px solid transparent;font-weight:500;transition:background .2s,color .2s;background:none;cursor:pointer;text-decoration:none;font-size:1.5rem;text-align:center;box-sizing:border-box}.navbar-item.active{background:var(--primary-color)!important;color:var(--bg-white)!important;padding:.15rem .8rem}.client-navbar .navbar-item:hover{background:var(--primary-color);color:var(--bg-white);padding:.15rem .8rem}.client-navbar .btn-login{font-weight:600;border:1px solid var(--primary-color);background:var(--bg-white);color:var(--primary-color);border-radius:6px;padding:.5rem 1.2rem;margin-left:.5rem;transition:background .2s,color .2s}.client-navbar .btn-login:hover{background:var(--primary-color);color:var(--bg-white)}.navbar-burger:hover{background:transparent;color:var(--bg-white)}.navbar-burger{display:flex;margin-left:auto;flex-direction:column;justify-content:space-between;width:30px;height:21px;min-width:30px;min-height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.navbar-burger span{width:100%;height:3px;background:var(--primary-color);transition:all .3s linear}.navbar-burger.is-open span:first-child{transform:rotate(45deg) translate(6px,6px)}.navbar-burger.is-open span:nth-child(2){opacity:0}.navbar-burger.is-open span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.navbar-overlay{position:fixed;inset:0;background:#0000004d;z-index:99}@media (min-width: 768px){.client-navbar{flex-direction:row;align-items:center;padding:.75rem 2rem;min-height:65px;height:65px}.client-navbar .navbar-menu{display:flex!important;flex-direction:row;position:static;background:none;box-shadow:none;width:auto;gap:3rem;padding:0;z-index:1;max-width:none;border-bottom:none}.client-navbar .navbar-item{padding:.15rem .7rem}.client-navbar .main-menu{flex:1;justify-content:center;margin-top:0}.client-navbar .secondary-menu{justify-content:flex-end;margin-top:0}.navbar-burger{display:none}}@media (min-width: 1000px){.client-navbar .navbar-menu{gap:6rem}.client-navbar .navbar-item{padding:.15rem .8rem}}.navbar-theme-toggle{display:flex;align-items:center;margin-left:1rem}@media (max-width: 767px){.navbar-theme-toggle{margin-top:1rem;justify-content:center}}footer{display:flex;flex-direction:column;align-items:center;padding:3rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--bg-white);position:relative;bottom:0;width:100%;min-height:120px;box-shadow:0 -4px 20px #0000001a}footer section{gap:4rem;display:flex;padding-bottom:1.5rem;min-height:40px}footer p{min-height:2.5rem;border-top:1px solid var(--bg-white);padding-top:1.5rem}footer section a{min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}footer section svg{width:24px;height:24px;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.admin-navbar{background:var(--bg-white);color:var(--text-primary);box-shadow:0 2px 8px #00000012;border-bottom:1px solid var(--primary-color);padding:.75rem 1rem;display:flex;flex-direction:row;align-items:center;position:relative;min-height:60px;height:60px;z-index:100;font-family:Cookie,cursive,Arial,sans-serif}.admin-navbar .navbar-logo{color:var(--primary-color);font-size:1.7rem;font-weight:700;letter-spacing:1px;transition:color .2s;text-decoration:none}.admin-navbar .navbar-logo:hover{color:var(--secondary-color)}.admin-navbar .navbar-menu{display:none;flex-direction:column;gap:.5rem;width:100vw;background:var(--bg-white);position:fixed;left:0;top:60px;box-shadow:0 2px 8px #00000012;border-bottom:2px solid var(--primary-color);z-index:120;padding:1.5rem 2rem 2rem;max-width:100vw}.admin-navbar .navbar-menu.is-open{display:flex}.admin-navbar .main-menu{margin-top:0}.admin-navbar .secondary-menu{margin-top:.5rem;justify-content:flex-end}.admin-navbar .navbar-item{min-width:auto;min-height:auto;padding:.15rem .8rem;border-radius:6px;color:var(--text-primary);border:2px solid transparent;font-weight:500;transition:background .2s,color .2s;background:none;cursor:pointer;text-decoration:none;font-size:1.5rem;text-align:center;box-sizing:border-box}.admin-navbar .navbar-item.active{background:var(--primary-color)!important;color:var(--bg-white)!important;padding:.15rem .8rem}.admin-navbar .navbar-item:hover{background:var(--primary-color);color:var(--bg-white);padding:.15rem .8rem}.admin-navbar .btn-logout{font-weight:600;border:1px solid var(--primary-color);background:var(--bg-white);color:var(--primary-color);border-radius:6px;padding:.5rem 1.2rem;margin-left:.5rem;transition:background .2s,color .2s;cursor:pointer;font-family:Cookie,cursive,Arial,sans-serif;font-size:1.5rem}.admin-navbar .btn-logout:hover{background:var(--primary-color);color:var(--bg-white)}.admin-navbar .navbar-burger{display:flex;margin-left:auto;flex-direction:column;justify-content:space-between;width:30px;height:21px;min-width:30px;min-height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:110}.admin-navbar .navbar-burger span{width:100%;height:3px;background:var(--primary-color);transition:all .3s linear}.admin-navbar .navbar-burger.is-open span:first-child{transform:rotate(45deg) translate(6px,6px)}.admin-navbar .navbar-burger.is-open span:nth-child(2){opacity:0}.admin-navbar .navbar-burger.is-open span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.admin-navbar .navbar-overlay{position:fixed;inset:0;background:#0000004d;z-index:99}@media (min-width: 768px){.admin-navbar{flex-direction:row;align-items:center;padding:.75rem 2rem;min-height:65px;height:65px}.admin-navbar .navbar-menu{display:flex!important;flex-direction:row;position:static;background:none;box-shadow:none;width:auto;gap:3rem;padding:0;z-index:1;max-width:none;border-bottom:none}.admin-navbar .navbar-item{padding:.15rem .7rem}.admin-navbar .main-menu{flex:1;justify-content:center;margin-top:0}.admin-navbar .secondary-menu{justify-content:flex-end;margin-top:0}.admin-navbar .navbar-burger{display:none}}@media (min-width: 1000px){.admin-navbar .navbar-menu{gap:6rem}.admin-navbar .navbar-item{padding:.15rem .8rem}}.navbar-profile{position:relative;margin-left:auto}.profile-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color);transition:border-color .2s}.profile-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:600;border:2px solid var(--primary-color);transition:background .2s}.profile-button:hover .profile-avatar{border-color:var(--secondary-color)}.profile-button:hover .profile-avatar-placeholder{background:var(--secondary-color)}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-white);border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:220px;z-index:200;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:1rem;background:var(--bg-secondary)}.profile-name{display:block;font-weight:600;color:var(--text-primary);font-size:1rem}.profile-email{display:block;color:var(--text-secondary);font-size:.85rem;margin-top:.25rem}.profile-dropdown-divider{height:1px;background:var(--border-color)}.profile-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:var(--text-primary);text-decoration:none;font-size:.95rem;transition:background .2s;border:none;background:none;width:100%;cursor:pointer;text-align:left}.profile-dropdown-item:hover{background:var(--bg-secondary)}.profile-dropdown-item.logout{color:var(--error-color)}.profile-dropdown-item.logout:hover{background:#e670661a}.profile-dropdown-item svg{flex-shrink:0}@media (max-width: 767px){.navbar-profile{position:absolute;right:50px;top:50%;transform:translateY(-50%)}.profile-dropdown{right:-10px}}.admin-navbar .navbar-theme-toggle{display:flex;align-items:center;margin-right:1rem}@media (max-width: 767px){.admin-navbar .navbar-theme-toggle{position:absolute;right:90px;top:50%;transform:translateY(-50%)}}.admin-layout{min-height:100vh;background:var(--bg-light);background-image:var(--kitchen-pattern);display:flex;flex-direction:column}.admin-layout main{flex:1;margin:1.5rem 2rem 2rem;padding:2rem;background:var(--bg-white);border-radius:16px;box-shadow:0 4px 24px #00000012}.admin-layout main:has(.modern-recipe-editor),.admin-layout main:has(.admin-recipe-container),.admin-layout main:has(.recipe-page-wrapper){margin:0;padding:0;background:transparent;border-radius:0;box-shadow:none}@media (max-width: 900px){.admin-layout main{margin:1rem;padding:1.5rem}}@media (max-width: 700px){.admin-layout main{margin:.75rem .5rem;padding:1rem;border-radius:12px}}.loader{display:flex;justify-content:center;align-items:center;min-height:300px;padding:2rem}.loader-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loader-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border-radius:50%;color:#fff;animation:pulse 1.5s ease-in-out infinite}.loader-text{font-family:Cookie,cursive,Arial,sans-serif;font-size:1.5rem;color:var(--primary-color);animation:fadeInOut 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #92b29666}50%{transform:scale(1.1);box-shadow:0 0 0 15px #92b29600}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}:root{--primary-color: #92b296;--primary-color-rgb: 146, 178, 150;--secondary-color: #a8c7ac;--text-primary: #5C5C5C;--text-secondary: #7a7a7a;--bg-light: #ececec;--bg-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--border-color: #d1d1d1;--instagram-color: #E1306C;--tiktok-color: #000000;--success-color: #94c29b;--warning-color: #e6b566;--error-color: #e67066;--info-color: #66a3e6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--kitchen-pattern: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d0d0d0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Fourchette --%3E%3Cpath d='M12 8v6m0 2v8m-2-16v6m4-6v6'/%3E%3C!-- Cuillère --%3E%3Cellipse cx='68' cy='12' rx='3' ry='5'/%3E%3Cpath d='M68 17v7'/%3E%3C!-- Chef hat --%3E%3Cpath d='M35 70c0-3 2-5 5-5s5 2 5 5m-10 0h10m-8-5c-2-1-3-3-3-5 0-3 3-5 6-5s6 2 6 5c0 2-1 4-3 5'/%3E%3C!-- Casserole --%3E%3Ccircle cx='68' cy='65' r='6'/%3E%3Cpath d='M74 65h5'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--primary-color: #a8c7ac;--primary-color-rgb: 168, 199, 172;--secondary-color: #92b296;--text-primary: #e4e4e4;--text-secondary: #a0a0a0;--bg-light: #2a2a2a;--bg-white: #1a1a1a;--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-card: #242424;--border-color: #3a3a3a;--instagram-color: #E1306C;--tiktok-color: #ffffff;--success-color: #7ab382;--warning-color: #d4a656;--error-color: #d46058;--info-color: #5a94d4;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--kitchen-pattern: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C!-- Fourchette --%3E%3Cpath d='M12 8v6m0 2v8m-2-16v6m4-6v6'/%3E%3C!-- Cuillère --%3E%3Cellipse cx='68' cy='12' rx='3' ry='5'/%3E%3Cpath d='M68 17v7'/%3E%3C!-- Chef hat --%3E%3Cpath d='M35 70c0-3 2-5 5-5s5 2 5 5m-10 0h10m-8-5c-2-1-3-3-3-5 0-3 3-5 6-5s6 2 6 5c0 2-1 4-3 5'/%3E%3C!-- Casserole --%3E%3Ccircle cx='68' cy='65' r='6'/%3E%3Cpath d='M74 65h5'/%3E%3C/g%3E%3C/svg%3E")}body{font-family:Georgia,Times New Roman,Times,serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}textarea{min-height:200px;margin-bottom:10px}button{border-radius:8px;background-color:var(--primary-color);color:var(--bg-white);padding:.4rem 1rem;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;display:inline-block}button:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #92b2964d}button:active{transform:translateY(0)}.btn-danger{border-radius:8px;background-color:var(--error-color);color:var(--bg-white);padding:.4rem 1rem;font-size:1rem;font-weight:400;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;display:inline-block}.btn-danger:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px #e670664d}a{color:inherit;text-decoration:none;transition:color .25s}ul,li{list-style:none}h2{color:var(--text-fourthary)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){color:#213547;background-color:#fff}}.client-page{color:var(--text-primary);padding:2rem 1rem;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-family:Cookie,cursive,Arial,sans-serif;display:none;margin-bottom:1rem;font-size:3rem;justify-content:center}@media (max-width: 767px){h1{display:flex}}