@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--primary-orange: #ff7a00;--primary-orange-dark: #e66e00;--primary-orange-light: #ffb566;--primary-orange-ultra-light: #fff3cd;--background-cream: #fff9e6;--background-white: #ffffff;--background-light: #f8f4ea;--background-border: #ede4d0;--text-dark: #271206;--text-success: #4caf50;--text-error: #d32f2f;--text-muted: #6b5b4f;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 8px rgba(39, 18, 6, .08);--shadow-hover: 0 4px 12px rgba(39, 18, 6, .12);--transition: .2s ease}*{box-sizing:border-box}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:var(--background-cream);color:var(--text-dark);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;margin:0;line-height:1.3;font-weight:600}.container{padding:var(--space-lg);max-width:1200px;margin:0 auto;min-height:100vh}.title{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;text-align:center;color:var(--primary-orange);margin-bottom:var(--space-2xl);letter-spacing:-.01em}.tab-bar{display:flex;justify-content:center;background:var(--background-white);border-radius:var(--radius-lg);padding:var(--space-sm);margin-bottom:var(--space-xl);box-shadow:var(--shadow);gap:var(--space-xs)}.tab{padding:var(--space-md) var(--space-lg);font-size:.95rem;font-weight:500;color:var(--text-dark);background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);flex:1;text-align:center;min-width:90px}.tab:hover{background-color:var(--background-light)}.tab.active{background-color:var(--primary-orange);color:var(--background-white);font-weight:600}.card{background:var(--background-white);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--background-border)}.card-title{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:600;color:var(--primary-orange);margin-bottom:var(--space-xl)}.section-title{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:600;color:var(--primary-orange);margin:var(--space-xl) 0 var(--space-lg) 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat{padding:var(--space-lg);background:var(--background-light);border-radius:var(--radius);text-align:center;border:1px solid var(--background-border);transition:all var(--transition)}.stat:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-orange-light)}.stat p{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-dark)}.form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.form-group label{font-size:.95rem;color:var(--text-dark);font-weight:600}.form-description{font-size:.85rem;color:var(--text-muted);margin:0}input,select,textarea{width:100%;padding:var(--space-md);border:1px solid var(--background-border);border-radius:var(--radius);font-size:.95rem;font-family:inherit;background-color:var(--background-white);color:var(--text-dark);transition:border-color var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-orange)}input.error,select.error,textarea.error{border-color:var(--text-error)}.button{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius);background-color:var(--primary-orange);color:var(--background-white);font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);min-height:42px;display:inline-flex;align-items:center;justify-content:center}.button:hover:not(:disabled){background-color:var(--primary-orange-dark)}.button:disabled{background-color:var(--background-border);color:var(--text-muted);cursor:not-allowed}.button-primary{background-color:var(--primary-orange)}.button-secondary{background-color:var(--background-white);color:var(--primary-orange);border:1px solid var(--primary-orange)}.button-secondary:hover:not(:disabled){background-color:var(--primary-orange);color:var(--background-white)}.button-danger{background-color:var(--background-white);color:var(--text-error);border:1px solid var(--text-error);padding:var(--space-sm);min-width:36px;min-height:36px}.button-danger:hover:not(:disabled){background-color:var(--text-error);color:var(--background-white)}.form-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.list{list-style:none;padding:0;margin:var(--space-lg) 0 0 0;width:100%}.list-item{padding:var(--space-lg);background:var(--background-light);border-radius:var(--radius);margin-bottom:var(--space-md);border:1px solid var(--background-border);transition:all var(--transition)}.list-item:hover{box-shadow:var(--shadow-hover);border-color:var(--primary-orange-light)}.list-item.alert{background-color:var(--primary-orange-ultra-light);border-color:var(--primary-orange-light)}.list-item-content{display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg)}.list-item-title{font-size:1rem;font-weight:600;color:var(--primary-orange);margin:0 0 var(--space-xs) 0}.list-item-description{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.4}.recipe-ingredient-row{display:flex;gap:var(--space-md);align-items:flex-start;flex-wrap:wrap;padding:var(--space-md);background:var(--background-light);border-radius:var(--radius);border:1px solid var(--background-border);margin-bottom:var(--space-md)}.recipe-ingredient-row>*{flex:1;min-width:180px}.recipe-ingredient-row .button{flex:0 0 auto;min-width:auto;padding:var(--space-sm) var(--space-md)}.margin-positive{color:var(--text-success);font-weight:600}.margin-negative{color:var(--text-error);font-weight:600}.error-message{color:var(--text-error);font-size:.85rem;margin-top:var(--space-xs)}.guide{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--background-light);border-radius:var(--radius);border:1px solid var(--background-border)}.guide-list{list-style:disc;padding-left:var(--space-lg);margin:var(--space-md) 0 0 0}.guide-list li{margin-bottom:var(--space-sm);line-height:1.5}.footer{text-align:center;padding:var(--space-xl) 0;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--background-border);margin-top:var(--space-2xl)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#27120680;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--background-white);padding:var(--space-xl);border-radius:var(--radius-lg);max-width:480px;width:90%;text-align:center;box-shadow:var(--shadow-hover);border:1px solid var(--background-border)}.modal-success{border-top:3px solid var(--text-success)}.modal-error{border-top:3px solid var(--text-error)}.modal-loading,.modal-confirm{border-top:3px solid var(--primary-orange)}.modal-title{font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;color:var(--text-dark);margin-bottom:var(--space-md)}.modal-message{font-size:.95rem;color:var(--text-dark);margin-bottom:var(--space-lg);line-height:1.5}.modal-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.modal-button{background:var(--primary-orange);color:var(--background-white)}.modal-button-confirm{background:var(--text-success);color:var(--background-white)}.modal-button-cancel{background:var(--background-white);color:var(--primary-orange);border:1px solid var(--primary-orange)}.modal-button-cancel:hover{background:var(--primary-orange);color:var(--background-white)}.loading-container{display:flex;justify-content:center;align-items:center;padding:var(--space-xl)}.loading-spinner{border:3px solid var(--background-border);border-top:3px solid var(--primary-orange);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}.loading-spinner.small{width:18px;height:18px;border-width:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.container{padding:var(--space-xl)}.recipe-ingredient-row{flex-wrap:nowrap}.recipe-ingredient-row>*{min-width:0}.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.tab{padding:var(--space-sm) var(--space-md);font-size:.9rem;min-width:70px}.card{padding:var(--space-lg)}.stats-grid{grid-template-columns:1fr}.recipe-ingredient-row{flex-direction:column}.recipe-ingredient-row>*{min-width:unset;width:100%}.list-item-content{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}@media (max-width: 640px){.container{padding:var(--space-md)}.tab-bar{flex-direction:column;padding:var(--space-xs)}.tab{width:100%;margin-bottom:var(--space-xs);padding:var(--space-md);text-align:left}.tab:last-child{margin-bottom:0}.form-buttons{flex-direction:column}.form-buttons .button{width:100%}.modal{margin:var(--space-md);width:calc(100% - 2 * var(--space-md))}.modal-buttons{flex-direction:column}.modal-buttons .button{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.tab-bar,.button,.modal-overlay{display:none!important}.card{box-shadow:none;border:1px solid #ccc}body{background:#fff;color:#000}}.pagination-container{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-xl);padding:var(--space-lg);background:var(--background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--background-border)}.pagination-info{text-align:center;color:var(--text-muted);font-size:.9rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap}.pagination-numbers{display:flex;align-items:center;gap:var(--space-xs)}.pagination-button{padding:var(--space-sm) var(--space-md);border:1px solid var(--background-border);border-radius:var(--radius);background:var(--background-white);color:var(--text-dark);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition);min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.pagination-button:hover:not(:disabled){background:var(--background-light);border-color:var(--primary-orange-light);color:var(--primary-orange)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.pagination-button-nav{padding:var(--space-sm) var(--space-lg);font-weight:600}.pagination-button-number{width:40px;height:40px;padding:0;border-radius:50%}.pagination-button-number.active{background:var(--primary-orange);color:var(--background-white);border-color:var(--primary-orange);font-weight:600}.pagination-button-number.active:hover{background:var(--primary-orange-dark);border-color:var(--primary-orange-dark);color:var(--background-white)}.pagination-ellipsis{padding:var(--space-sm);color:var(--text-muted);font-weight:500}@media (max-width: 768px){.pagination-container{padding:var(--space-md)}.pagination-controls{flex-direction:column;gap:var(--space-md)}.pagination-numbers{order:-1;justify-content:center}.pagination-button-nav{width:100%;max-width:200px}}@media (max-width: 640px){.pagination-numbers{gap:var(--space-xs)}.pagination-button-number{width:36px;height:36px;font-size:.85rem}.pagination-button-nav{padding:var(--space-sm) var(--space-md);font-size:.85rem}}@tailwind base;@tailwind components;@tailwind utilities;