:root{--color-primary: #003366;--color-secondary: #00BCD4;--color-white: #FFFFFF;--color-background: #F5F7FA;--color-card-bg: #FFFFFF;--color-text-primary: #1A1A1A;--color-text-secondary: #666666;--color-text-light: #999999;--color-black: #000000;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--font-family: "Poppins", system-ui, -apple-system, sans-serif;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:700}a{color:var(--color-secondary);text-decoration:none}.table-container{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;border:1px solid rgba(0,0,0,.05)}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)}th{background-color:#00000005;font-weight:600;color:var(--color-text-secondary);font-size:.875rem}td{color:var(--color-text-primary);font-size:.9375rem}tr:last-child td{border-bottom:none}.badge{display:inline-flex;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge--success{background-color:#4caf501a;color:var(--color-success)}.badge--warning{background-color:#ff98001a;color:var(--color-warning)}.badge--error{background-color:#f443361a;color:var(--color-error)}.badge--info{background-color:#00bcd41a;color:var(--color-secondary)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.recipe-card{display:flex;flex-direction:column;height:100%;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.recipe-image-container{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:#eee;position:relative}.recipe-image{width:100%;height:100%;object-fit:cover}.recipe-card-content{padding:1.25rem;display:flex;flex-direction:column;flex-grow:1}.recipe-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.recipe-card-title{font-size:1.125rem;font-weight:600;color:var(--color-primary);margin:0}.recipe-card-category{margin-bottom:.75rem}.recipe-card-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.85rem;color:var(--color-text-secondary)}.recipe-card-macros{display:flex;gap:.75rem;padding:.75rem;background:var(--color-background);border-radius:var(--radius-sm);margin-bottom:1.25rem}.macro-item{display:flex;flex-direction:column;align-items:center;flex:1}.macro-value{font-weight:600;font-size:.9rem}.macro-label{font-size:.7rem;text-transform:uppercase;color:var(--color-text-light)}.recipe-card-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.sidebar{width:250px;height:100vh;background-color:var(--color-white);border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;position:fixed;left:0;top:0}.sidebar__logo{height:64px;display:flex;align-items:center;gap:.75rem;padding:0 1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.sidebar__logo h2{font-size:1.25rem;color:var(--color-primary)}.sidebar__logo-img{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover}.sidebar__nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all .2s;font-weight:500;font-size:.9375rem}.sidebar__link:hover{background-color:#00000005;color:var(--color-primary)}.sidebar__link.active{background-color:#0033661a;color:var(--color-primary)}.sidebar__footer{padding:1rem;border-top:1px solid rgba(0,0,0,.05)}.sidebar__logout{width:100%;color:var(--color-error)}.sidebar__logout:hover{background-color:#f443361a;color:var(--color-error)}.sidebar__section{font-size:.7rem;font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1rem .5rem;margin-top:.5rem}.layout{display:flex;min-height:100vh}.layout__main{flex:1;margin-left:250px;padding:2rem;background-color:var(--color-background);min-height:100vh}.card{background-color:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;border:1px solid rgba(0,0,0,.05)}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card__title{font-size:1.125rem;font-weight:600;color:var(--color-primary)}.card__content{color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease;outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:var(--color-white);box-shadow:0 4px 12px #00336640}.btn--primary:hover:not(:disabled){opacity:.95;box-shadow:0 6px 16px #0033664d;transform:translateY(-1px)}.btn--secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn--secondary:hover:not(:disabled){opacity:.9}.btn--outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover:not(:disabled){background-color:#0033660d}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:#0000000d;color:var(--color-primary)}.btn--sm{padding:.25rem .75rem;font-size:.75rem;height:32px}.btn--md{padding:.5rem 1rem;font-size:.875rem;height:40px}.btn--lg{padding:.75rem 1.5rem;font-size:1rem;height:48px}.btn--full{width:100%}.btn__spinner{width:16px;height:16px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-md);animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.modal-header h3{margin:0;color:var(--color-primary)}.close-btn{color:var(--color-text-light);padding:4px;border-radius:4px}.close-btn:hover{background-color:#0000000d;color:var(--color-text-primary)}.recipe-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select{width:100%;padding:.625rem;border:1px solid #ddd;border-radius:var(--radius-sm);font-size:.9375rem;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-secondary)}.checkbox-group{display:flex;align-items:flex-end;padding-bottom:.625rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0;color:var(--color-text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}