*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:900px;padding:0 24px}.btn{align-items:center;background-color:#f1f1ef;border:none;border-radius:4px;color:#37352f;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.btn:hover{background-color:#e9e9e7}.btn-primary{background-color:#37352f;color:#fff}.btn-primary:hover{background-color:#2f2e2a}.btn-secondary{background-color:#f1f1ef;color:#37352f}.btn-secondary:hover{background-color:#e9e9e7}.btn-danger{background-color:#ffebe6;color:#d93726}.btn-danger:hover{background-color:#ffd6cc}.card{background:#fff;border:1px solid #e9e9e7;border-radius:4px;padding:16px}.card,.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px}.form-control{background-color:#fff;border:1px solid #e9e9e7;border-radius:4px;font-size:16px;padding:8px 12px;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#37352f;box-shadow:0 0 0 2px #37352f1a;outline:none}input[list]{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239b9a97' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}input[list]:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2337352f' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.container{padding:0 15px}.grid-2,.grid-3{grid-template-columns:1fr}.card{padding:15px}.btn{font-size:14px;padding:8px 16px}}.login-container{align-items:center;background:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border:1px solid #e9e9e7;border-radius:8px;max-width:400px;padding:48px 40px;text-align:center;width:100%}.login-header h1{color:#37352f;font-size:32px;font-weight:600;margin:0 0 8px}.login-header h1,.login-header p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}.login-header p{color:#9b9a97;font-size:16px;margin:0 0 32px}.login-content{display:flex;flex-direction:column;gap:20px}.google-signin-btn{align-items:center;background:#fff;border:1px solid #e9e9e7;border-radius:4px;color:#37352f;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-weight:500;gap:12px;justify-content:center;padding:10px 20px;transition:all .2s ease;width:100%}.google-signin-btn:hover{background:#f7f6f3;border-color:#d3d3d1}.google-signin-btn:active{background:#f1f1ef}.google-signin-btn:disabled{background:#f7f6f3;cursor:not-allowed;opacity:.6}.google-icon{height:18px;width:18px}.login-info{margin-top:16px}.login-info p{line-height:1.5;margin:8px 0}.login-divider,.login-info p{color:#9b9a97;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.login-divider{align-items:center;display:flex;margin:20px 0}.login-divider:after,.login-divider:before{background:#e9e9e7;content:"";flex:1 1;height:1px}.login-divider span{background:#fff;padding:0 16px}.request-permission-btn{align-items:center;background:#f7f6f3;border:1px solid #e9e9e7;border-radius:4px;color:#37352f;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease;width:100%}.request-permission-btn:hover{background:#f1f1ef;border-color:#d3d3d1}.request-permission-btn:active{background:#e9e9e7}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#37352f66;padding:20px}.request-modal{background:#fff;border:1px solid #e9e9e7;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9e9e7;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.modal-header h2{color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#9b9a97;cursor:pointer;padding:6px;transition:all .2s ease}.close-btn:hover{background:#f7f6f3;color:#37352f}.request-form{padding:0 24px 24px}.request-form .form-group{margin-bottom:16px}.request-form label{color:#37352f;display:block;font-weight:500;margin-bottom:6px}.request-form input,.request-form label,.request-form textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.request-form input,.request-form textarea{background:#fff;border:1px solid #e9e9e7;border-radius:4px;box-sizing:border-box;padding:8px 12px;transition:all .2s ease;width:100%}.request-form input:focus,.request-form textarea:focus{border-color:#37352f;box-shadow:0 0 0 2px #37352f1a;outline:none}.request-form textarea{min-height:80px;resize:vertical}.modal-actions{margin-top:24px}.cancel-btn{background:#f7f6f3;border:1px solid #e9e9e7;border-radius:4px;color:#9b9a97;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cancel-btn:hover{background:#f1f1ef;border-color:#d3d3d1}.submit-btn{background:#37352f;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#2f2e2a}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #f7f6f3;border-radius:50%;border-top-color:#37352f;height:32px;width:32px}@media (max-width:480px){.login-card{margin:16px;padding:32px 24px}.login-header h1{font-size:28px}.google-signin-btn,.request-permission-btn{font-size:14px;padding:10px 20px}}.header{background:#fff;border-bottom:1px solid #e9e9e7;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{align-items:center;padding:12px 0}.logo{color:#37352f;text-decoration:none}.logo h1{font-size:20px;font-weight:600;margin:0}.nav{align-items:center;display:flex;gap:16px}.nav-link{border-radius:4px;color:#9b9a97;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:background-color .2s ease}.nav-link:hover{background-color:#f1f1ef;color:#37352f}.add-recipe-btn{align-items:center;background-color:#37352f;color:#fff!important;display:flex;gap:6px}.add-recipe-btn:hover{background-color:#2f2e2a!important;color:#fff!important}.admin-btn{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d!important;cursor:pointer;display:inline-flex;font-family:inherit;gap:6px;height:33px;text-decoration:none}.admin-btn:hover{background-color:#e9ecef!important;color:#495057!important;height:33px}.menu-toggle{background:none;border:none;border-radius:4px;color:#9b9a97;cursor:pointer;display:none;padding:6px}.menu-toggle:hover{background-color:#f1f1ef}@media (max-width:768px){.menu-toggle{display:none}.header-content{align-items:center;gap:12px;justify-content:space-between}.logo h1{font-size:18px;white-space:nowrap}.nav{align-items:center;display:flex;gap:8px;margin-left:auto}.nav-link{font-size:13px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 10px;white-space:nowrap}.add-recipe-btn,.admin-btn{justify-content:center}.admin-btn{align-items:center;box-sizing:border-box!important;display:inline-flex!important;font-size:13px;height:33px!important;line-height:1!important;max-height:46px!important;min-height:33px!important;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 10px!important;white-space:nowrap}}.recipe-card-link{color:inherit;display:block;text-decoration:none}.recipe-card{background:#fff;border:1px solid #e9e9e7;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.recipe-card:hover{background-color:#f8f9fa;border-color:#d3d3d1}.recipe-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:16px;text-align:center}.recipe-title{color:#37352f;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0}@media (max-width:768px){.recipe-content{padding:15px}.recipe-title{font-size:18px}}.category-select{position:relative;width:100%}.category-select-container{align-items:center;background:#fff;border:1px solid #e9e9e7;border-radius:4px;cursor:pointer;display:flex;gap:8px;min-height:40px;padding:8px 12px;transition:all .2s ease}.category-select-container:hover{border-color:#9b9a97}.category-select-container.open{border-color:#9b9a97;box-shadow:0 0 0 2px #9b9a9740}.filter-icon{color:#9b9a97}.category-display-value{color:#37352f;cursor:pointer;flex:1 1;font-size:16px;margin:0;padding:0}.dropdown-arrow{color:#9b9a97}.dropdown-menu{border:1px solid #e9e9e7;border-radius:0 0 4px 4px}@media (max-width:768px){.category-select-container{border-radius:6px;padding:8px 12px}.category-display-value{align-items:center;display:flex;font-size:16px;min-height:32px}}.home-header{margin-bottom:32px;text-align:left}.home-header h1{color:#37352f;font-size:2rem;font-weight:600;margin-bottom:8px}.home-header p{color:#9b9a97;font-size:1rem;line-height:1.5;margin:0;max-width:600px}.search-filter-section{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{align-items:center;background:#fff;border:1px solid #e9e9e7;border-radius:4px;display:flex;gap:8px;padding:8px 12px}.filter-box,.search-box{flex:1 1;min-width:200px}.search-input{background:#0000;border:none;color:#37352f;flex:1 1;font-size:16px;outline:none}.search-input::placeholder{color:#9b9a97}.recipes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.loading{padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading p{color:#666;font-size:16px}.no-recipes{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:60px 20px;text-align:center}.no-recipes h3{color:#333;font-size:24px;margin-bottom:10px}.no-recipes p{color:#666;font-size:16px}@media (max-width:768px){.container{padding:0 8px}.home-header{margin-bottom:24px}.home-header h1{font-size:1.8rem;margin-bottom:8px}.home-header p{font-size:.9rem;line-height:1.4}.search-filter-section{flex-direction:column;gap:12px;margin-bottom:20px}.search-box{border-radius:6px;padding:8px 12px}.filter-box,.search-box{min-width:auto}.search-input{font-size:16px;min-height:32px}.recipes-grid{gap:16px;grid-template-columns:1fr}.loading{padding:40px 16px}.loading p{font-size:14px}.no-recipes{border-radius:8px;padding:40px 16px}.no-recipes h3{font-size:20px}.no-recipes p{font-size:14px}}.nutrition-facts{background:#fff;border:2px solid #000;border-radius:8px;font-family:Arial,sans-serif;margin:20px 0;max-width:300px;padding:16px}.nutrition-header{border-bottom:2px solid #000;margin-bottom:12px;padding-bottom:8px}.nutrition-header h3{font-size:18px;font-weight:700;margin:0 0 4px;text-align:center}.serving-size{color:#666;font-size:12px;margin:0;text-align:center}.nutrition-content{margin-bottom:12px}.nutrition-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:4px 0}.nutrition-row.main{border-bottom:1px solid #000;font-size:16px;font-weight:700;margin-bottom:8px;padding-bottom:8px}.nutrition-row.sub{color:#666;font-size:13px;padding-left:20px}.nutrition-row.sugar-highlight{background-color:#fff3cd;border-left:4px solid #ffc107;color:#856404;font-weight:600;padding-left:16px}.nutrition-row .nutrient{flex:1 1;text-align:left}.nutrition-row .value{flex:0 0 auto;font-weight:500;margin-right:8px}.nutrition-row .daily-value{color:#666;flex:0 0 auto;font-size:12px;min-width:30px;text-align:right}.nutrition-divider{background:#000;height:1px;margin:8px 0}.nutrition-footer{border-top:1px solid #000;margin-top:12px;padding-top:8px}.nutrition-footer p{color:#666;font-size:10px;margin:0;text-align:center}@media (max-width:768px){.nutrition-facts{margin:16px 0;max-width:100%;padding:12px}.nutrition-header h3{font-size:16px}.nutrition-row{font-size:13px}.nutrition-row.main{font-size:15px}}.recipe-detail{margin:0 auto;max-width:900px;padding:0 24px}.back-btn,.recipe-header{margin-bottom:16px}.back-btn{align-items:center;border-radius:4px;color:#9b9a97;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.back-btn:hover{background-color:#f1f1ef;color:#37352f}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.recipe-actions{display:flex;gap:12px}.recipe-actions-bottom{border-top:1px solid #e9e9e7;display:flex;gap:12px;justify-content:center;margin-top:30px;padding-top:20px}.action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.edit-btn{background:#f1f1ef;color:#37352f}.edit-btn:hover{background:#e9e9e7}.delete-btn{background:#ffebe6;color:#d93726}.delete-btn:hover{background:#ffd6cc}.recipe-hero{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.recipe-info h1{color:#333;font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:12px}.recipe-description{color:#666;font-size:1rem;line-height:1.5;margin-bottom:16px}.servings-calculator{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.servings-input-group{align-items:center;display:flex;gap:10px;margin-bottom:6px}.servings-input-group label{color:#37352f;font-size:14px;font-weight:500}.servings-input{border:1px solid #e9e9e7;border-radius:4px;font-size:16px;padding:6px 10px;text-align:center;width:80px}.servings-input:focus{border-color:#37352f;box-shadow:0 0 0 2px #37352f1a;outline:none}.servings-label{color:#9b9a97;font-size:14px;font-weight:500}.servings-note{color:#9b9a97;font-size:12px;margin:0}.recipe-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.meta-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:10px;padding:12px}.meta-item svg{color:#9b9a97;flex-shrink:0;height:16px;width:16px}.meta-label{color:#9b9a97;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#333;display:block;font-size:16px;font-weight:600}.recipe-content-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;margin-bottom:24px}.ingredients-section,.instructions-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.ingredients-section h2,.instructions-section h2{border-bottom:2px solid #e9ecef;color:#333;font-size:1.2rem;font-weight:600;margin-bottom:16px;padding-bottom:10px}.ingredients-list{list-style:none;padding:0}.ingredient-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:10px 0}.ingredient-item:last-child{border-bottom:none}.ingredient-checkbox{border:1px solid #e9e9e7;border-radius:2px;cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:border-color .2s ease;width:16px}.ingredient-checkbox:hover{border-color:#37352f}.ingredient-checkbox.checked:after{color:#9b9a97;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ingredient-text{color:#333;font-size:16px;line-height:1.5}.instructions-list{counter-reset:step-counter;list-style:none;padding:0}.instruction-item{border-bottom:1px solid #f0f0f0;counter-increment:step-counter;display:flex;gap:20px;padding:20px 0}.instruction-item:last-child{border-bottom:none}.step-number{align-items:center;background:#9b9a97;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.instruction-text{flex:1 1;font-size:16px}.notes-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:30px}.notes-section h2{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.notes-section p{color:#666;font-size:16px;line-height:1.6}.error-page{padding:60px 20px;text-align:center}.error-page h2{color:#333;font-size:2rem;margin-bottom:15px}.error-page p{color:#666;margin-bottom:30px}.recipe-parts{margin-bottom:40px}.recipe-part{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;overflow:hidden}.part-title{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-size:1.5rem;font-weight:600;margin:0;padding:20px 30px}.part-content{padding:30px}.recipe-step{border:1px solid #e9ecef;border-radius:8px;margin-bottom:30px;overflow:hidden}.recipe-step:last-child{margin-bottom:0}.step-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px}.step-header h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.step-content{grid-gap:20px;gap:20px;grid-template-columns:1fr 2fr;padding:20px}.step-ingredients h4,.step-instructions h4{color:#333;font-size:1rem;font-weight:600;margin-bottom:15px}.step-ingredients:empty{display:none}.step-content:has(.step-ingredients:empty){grid-template-columns:1fr}.step-content.no-ingredients{grid-template-columns:1fr}.no-ingredients{color:#666;font-size:14px;margin:0}.instruction-text{color:#333;line-height:1.6;margin:0}.table-of-contents,.total-ingredients-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.table-of-contents h2{border-bottom:2px solid #e9ecef;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin-bottom:12px}.toc-item:last-child{margin-bottom:0}.toc-link{border-radius:4px;color:#37352f;display:block;font-size:16px;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .2s ease}.toc-link:hover{background-color:#f1f1ef;color:#2f2e2a}.total-ingredients-section h2{border-bottom:2px solid #e9ecef;color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.total-ingredients-list{list-style:none;margin:0;padding:0}.nutrition-section{border-top:1px solid #f1f1ef;margin-top:24px;padding-top:24px}.nutrition-section h2{color:#37352f;font-size:1.2rem;font-weight:600;margin-bottom:16px}.nutrition-disclaimer{background-color:#f8f9fa;border-left:4px solid #6c757d;border-radius:6px;margin-top:16px;padding:12px}.nutrition-disclaimer p{color:#6c757d;font-size:14px;font-style:italic;line-height:1.4;margin:0}.total-ingredient-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0}.total-ingredient-item:last-child{border-bottom:none}.total-ingredient-item .ingredient-checkbox{border:2px solid #9b9a97;border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .3s ease;width:20px}.total-ingredient-item .ingredient-checkbox:hover{background-color:#f1f1ef}.total-ingredient-item .ingredient-checkbox.checked:after{color:#9b9a97;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.total-ingredient-item .ingredient-text{color:#333;font-size:16px;font-weight:500}@media (max-width:768px){.container{padding:0 10px}.recipe-detail{padding:10px 0}.recipe-info h1{font-size:1.8rem;line-height:1.2}.recipe-hero{margin-bottom:20px;padding:20px}.recipe-meta-grid{gap:15px;grid-template-columns:1fr}.recipe-content-grid{gap:20px;grid-template-columns:1fr}.ingredients-section,.instructions-section,.notes-section{padding:15px}.instruction-item{gap:12px}.step-number{font-size:14px;height:30px;width:30px}.step-content{gap:15px;grid-template-columns:1fr;padding:15px}.part-content{padding:15px}.part-title{font-size:1.2rem;padding:12px 15px}.table-of-contents,.total-ingredients-section{margin-bottom:20px;padding:20px}.table-of-contents h2{font-size:1.2rem;margin-bottom:15px}.toc-link{font-size:14px;padding:6px 10px}.servings-calculator{margin-bottom:20px;padding:15px}.servings-input-group{align-items:center;flex-direction:row;gap:8px}.servings-input{width:100px}.header-top{align-items:stretch;flex-direction:column;gap:15px}.recipe-actions{gap:10px;justify-content:center}.action-btn{font-size:14px;padding:12px 16px}.back-btn{font-size:14px;margin-bottom:15px;padding:10px 12px}.recipe-description{font-size:1rem;margin-bottom:15px}.meta-item{padding:12px}.meta-label{font-size:12px}.meta-value{font-size:14px}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:400px;padding:30px;width:90%}.delete-modal h3{color:#333;font-size:1.5rem;margin:0 0 15px}.delete-modal p{color:#666;line-height:1.5;margin:0 0 25px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.category-dropdown{position:relative;width:100%}.category-input-container{align-items:center;background:#fff;border:1px solid #e1e5e9;border-radius:6px;cursor:pointer;display:flex;min-height:48px;padding:8px 12px;transition:all .2s ease}.category-input-container:hover{border-color:#9b9a97}.category-input-container.open{border-color:#9b9a97;box-shadow:0 0 0 2px #9b9a9740}.filter-icon{color:#6c757d;flex-shrink:0;margin-right:8px}.category-input-field{background:#0000;border:none;color:#212529;cursor:pointer;flex:1 1;font-size:14px;margin:0;outline:none;padding:0}.category-input-field::placeholder{color:#6c757d}.dropdown-arrow{color:#6c757d;flex-shrink:0;margin-left:8px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e1e5e9;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{border-bottom:1px solid #f8f9fa;color:#212529;cursor:pointer;font-size:14px;padding:10px 12px;transition:background-color .15s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item.selected{background-color:#f1f1ef;color:#37352f}.dropdown-item.no-results{color:#6c757d;cursor:default;font-style:italic}.dropdown-item.no-results:hover{background-color:initial}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.category-input-container{height:48px;min-height:48px!important}}.add-recipe-page{margin:0 auto;max-width:800px;padding:10px 0}.page-header{margin-bottom:24px;text-align:left}.page-header h1{color:#37352f;font-size:1.8rem;font-weight:600;margin-bottom:6px}.page-header p{color:#9b9a97;font-size:1rem;line-height:1.5}.recipe-form{background:#0000;border:none;padding:0}.form-section{border-bottom:none;margin-bottom:16px;padding-bottom:8px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{color:#37352f;font-size:1.2rem;font-weight:600;margin-bottom:8px}.section-description{color:#9b9a97;font-size:.9rem;margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row .form-group:last-child{grid-column:2}.form-row .serving-input-group{align-items:center;display:flex!important;flex-direction:row!important;gap:0;width:100%}.form-row .serving-input-group input,.serving-input-group input{background:#fff!important;border:1px solid #e9e9e7!important;border-radius:4px 0 0 4px!important;box-sizing:border-box!important;color:#37352f!important;flex:2 1!important;font-family:inherit!important;font-size:16px!important;height:33px!important;line-height:1.2!important;max-height:46px!important;min-height:33px!important;min-width:0!important;outline:none!important;padding:8px 12px!important}.form-row .serving-input-group input::placeholder,.serving-input-group input::placeholder{color:#9b9a97!important;font-size:14px!important;opacity:1!important}.form-row .serving-input-group .serving-unit-btn,.serving-input-group .serving-unit-btn{align-items:center!important;background:#f8f9fa!important;border:1px solid #e9e9e7!important;border-radius:0 4px 4px 0!important;box-sizing:border-box!important;color:#6c757d!important;cursor:pointer!important;display:inline-flex!important;flex:1 1!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;height:33px!important;justify-content:center!important;line-height:1.2!important;max-height:46px!important;max-width:80px!important;min-height:33px!important;min-width:60px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:33.33%!important}.category-dropdown .category-input-field,.category-dropdown .form-control{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.parts-container{display:flex;flex-direction:column;gap:16px}.part-box{background:#0000;border:none;border-bottom:3px solid #37352f;margin-bottom:16px;padding:8px 0 16px;position:relative}.part-box:last-child{border-bottom:none;padding-bottom:8px}.part-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.part-name{background:#0000;border:none;color:#37352f;flex:1 1;font-size:1rem;font-weight:600;line-height:1.4;margin:0;padding:0}.part-name:focus{outline:none}.drag-handle{align-items:center;border-radius:4px;color:#666;cursor:grab;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:4px;transition:all .2s ease;width:24px}.drag-handle:hover{background-color:#f0f0f0;color:#333}.drag-handle:active{cursor:grabbing}.remove-part-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#9b9a97;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.remove-part-btn:hover{background:#f1f1ef;color:#d93726}.part-arrow{color:#9b9a97;display:flex;justify-content:center;margin:16px 0}.part-arrow svg{background:#0000;border-radius:0;box-shadow:none;padding:0;transition:color .2s ease}.part-arrow:hover svg{color:#37352f}.add-part-btn{align-items:center;background:#f1f1ef;border:1px solid #e9e9e7;border-radius:4px;color:#37352f;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin:0 auto;padding:8px 16px;transition:background-color .2s ease}.add-part-btn:hover{background:#e9e9e7}.steps-container{display:flex;flex-direction:column;gap:2px}.step-box{background:#0000;border:none;margin-bottom:2px;padding:2px 0;position:relative}.step-header{gap:2px;margin-bottom:2px;min-height:24px}.remove-step-btn,.step-header{align-items:center;display:flex;height:24px}.remove-step-btn{background:#0000;border:none;border-radius:3px;color:#9b9a97;cursor:pointer;justify-content:center;transition:background-color .2s ease;width:24px}.remove-step-btn:hover{background:#f1f1ef;color:#d93726}.step-content{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr}.ingredients-section{display:flex;flex-direction:column;min-height:100px}.step-details-section{display:flex;flex-direction:column;height:100%}.ingredients-section h4,.step-details-section h4{color:#9b9a97;font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.ingredient-input-group{align-items:center;background:#0000;border:none;display:flex;gap:6px;margin-bottom:8px;padding:0}.ingredient-name{flex:2 1;min-width:0}.ingredient-name,.ingredient-weight{background:#fff;border:1px solid #e9e9e7;border-radius:3px;font-size:16px;padding:6px 8px}.ingredient-weight{flex:1 1;min-width:60px}.ingredient-name::placeholder,.ingredient-weight::placeholder{color:#9b9a97!important;font-family:inherit!important;font-size:14px!important;opacity:1!important}.remove-ingredient-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#9b9a97;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:background-color .2s ease;width:20px}.remove-ingredient-btn:hover{background:#f1f1ef;color:#d93726}.add-ingredient-btn{align-items:center;background:#f1f1ef;border:none;border-radius:3px;color:#37352f;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:background-color .2s ease;width:-webkit-fit-content;width:fit-content}.add-ingredient-btn:hover{background:#e9e9e7}.step-details{background:#fff;border:1px solid #e9e9e7;border-radius:3px;flex:1 1;font-size:16px;min-height:120px;padding:8px;resize:vertical;width:100%}.step-details::placeholder{color:#9b9a97!important;font-family:inherit!important;font-size:14px!important;opacity:1!important}.step-arrow{color:#9b9a97;display:flex;justify-content:center;margin:12px 0}.step-arrow svg{background:#0000;border-radius:0;box-shadow:none;padding:0;transition:color .2s ease}.step-arrow:hover svg{color:#37352f}.add-step-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9b9a97;cursor:pointer;display:flex;height:32px;justify-content:center;margin:0 auto;transition:all .2s ease;width:32px}.add-step-btn:hover{background:#f1f1ef;color:#37352f}.form-actions{border-top:1px solid #f1f1ef;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.form-actions .btn{align-items:center;display:flex;gap:6px;justify-content:center;min-width:100px}@media (max-width:768px){.container{padding:0 12px}.add-recipe-page{padding:10px 0}.recipe-form{background:#0000;border:none;padding:0}.page-header{margin-bottom:20px;padding:0 4px;text-align:left}.page-header h1{font-size:1.5rem;font-weight:600;margin-bottom:4px}.page-header p{color:#666;font-size:.85rem;margin:0}.form-section{border-bottom:none;margin-bottom:16px;padding-bottom:8px}.form-row{gap:16px;grid-template-columns:1fr}.form-row .form-group:last-child{grid-column:1}.form-group{margin-bottom:16px}.serving-input-group{align-items:center!important;display:flex!important;flex-direction:row!important;gap:0!important;position:relative!important;width:100%!important}.serving-input-group input:focus{border-right:none!important;box-shadow:none!important;outline:none!important}.serving-input-group .serving-unit-btn:focus{border-left:none!important;box-shadow:none!important;outline:none!important}.serving-input-group input{margin-right:0!important}.serving-input-group .serving-unit-btn{border-left:none!important;margin-left:0!important}.serving-input-group{margin:0!important;padding:0!important}.serving-input-group input{border-radius:4px 0 0 4px!important;border-right:none!important;flex:2 1!important;min-width:0!important}.serving-input-group input,.serving-unit-btn{box-sizing:border-box!important;height:33px!important;max-height:46px!important;min-height:33px!important}.serving-unit-btn{align-items:center!important;background:#f8f9fa!important;border:1px solid #e9e9e7!important;border-left:none!important;border-radius:0 4px 4px 0!important;color:#6c757d!important;cursor:pointer!important;display:inline-flex!important;font-family:inherit!important;font-size:16px!important;font-weight:500!important;justify-content:center!important;line-height:1.2!important;max-width:80px!important;min-width:60px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:33.33%!important}.serving-unit-btn:hover{background-color:#e9ecef!important;color:#495057!important}.serving-unit-btn:active{background-color:#dee2e6!important}@media (max-width:768px){.serving-unit-btn{border-radius:0 6px 6px 0;font-size:16px;max-width:60px;min-width:50px;padding:8px 12px;width:33.33%!important}.form-row .serving-input-group .serving-unit-btn{flex:1 1!important;max-width:60px;min-width:50px;width:33.33%!important}.serving-input-group input{border-radius:6px 0 0 6px}.add-recipe-page .form-control::placeholder,.add-recipe-page .ingredient-name::placeholder,.add-recipe-page .ingredient-weight::placeholder,.add-recipe-page .step-details::placeholder,.add-recipe-page input::placeholder,.add-recipe-page textarea::placeholder,.category-dropdown input::placeholder,.category-dropdown textarea::placeholder,.category-input-field::placeholder,.form-control::placeholder,.form-group input::placeholder,.form-group textarea::placeholder,.ingredient-input-group input::placeholder,.ingredient-input-group textarea::placeholder,.part-box input::placeholder,.part-box textarea::placeholder,.recipe-form .form-control::placeholder,.recipe-form .ingredient-name::placeholder,.recipe-form .ingredient-weight::placeholder,.recipe-form .step-details::placeholder,.recipe-form input::placeholder,.recipe-form textarea::placeholder,.step-box input::placeholder,.step-box textarea::placeholder,body .add-recipe-page .form-control::placeholder,body .add-recipe-page input::placeholder,body .add-recipe-page textarea::placeholder,body .form-control::placeholder,body .ingredient-name::placeholder,body .ingredient-weight::placeholder,body .recipe-form .form-control::placeholder,body .recipe-form input::placeholder,body .recipe-form textarea::placeholder,body .step-details::placeholder,body input::placeholder,body textarea::placeholder,input::placeholder,textarea::placeholder{color:#9b9a97!important;font-family:inherit!important;font-size:14px!important;opacity:1!important}}.background-progress{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:20px;padding:20px}.progress-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.progress-icon{animation:spin 2s linear infinite;font-size:20px}.progress-title{font-size:16px;font-weight:600}.progress-bar-container{background-color:#ffffff4d;border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden;width:100%}.progress-bar-fill{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;height:100%;transition:width .3s ease}.progress-message{font-size:14px;opacity:.9;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.form-group label{color:#37352f;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-control{border:1px solid #e9e9e7;border-radius:3px;box-sizing:border-box;font-size:16px;line-height:1.2;padding:8px 12px;width:100%}.add-recipe-page .form-control::placeholder,.add-recipe-page .ingredient-name::placeholder,.add-recipe-page .ingredient-weight::placeholder,.add-recipe-page .step-details::placeholder,.add-recipe-page input::placeholder,.add-recipe-page textarea::placeholder,.category-dropdown input::placeholder,.category-dropdown textarea::placeholder,.category-input-field::placeholder,.form-control::placeholder,.form-group input::placeholder,.form-group textarea::placeholder,.ingredient-input-group input::placeholder,.ingredient-input-group textarea::placeholder,.part-box input::placeholder,.part-box textarea::placeholder,.recipe-form .form-control::placeholder,.recipe-form .ingredient-name::placeholder,.recipe-form .ingredient-weight::placeholder,.recipe-form .step-details::placeholder,.recipe-form input::placeholder,.recipe-form textarea::placeholder,.step-box input::placeholder,.step-box textarea::placeholder,body .add-recipe-page .form-control::placeholder,body .add-recipe-page input::placeholder,body .add-recipe-page textarea::placeholder,body .form-control::placeholder,body .ingredient-name::placeholder,body .ingredient-weight::placeholder,body .recipe-form .form-control::placeholder,body .recipe-form input::placeholder,body .recipe-form textarea::placeholder,body .step-details::placeholder,body input::placeholder,body textarea::placeholder,input::placeholder,textarea::placeholder{color:#9b9a97!important;font-family:inherit!important;font-size:14px!important;opacity:1!important}.category-dropdown .category-input-field,.category-dropdown .form-control{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.part-box{background:#0000;border:none;border-bottom:3px solid #37352f;margin-bottom:16px;padding:8px 0 16px;position:relative}.part-box:last-child{border-bottom:none;padding-bottom:8px}.part-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.part-name{background:#0000;border:none;color:#37352f;flex:1 1;font-size:1rem;font-weight:600;line-height:1.4;margin:0;padding:0}.remove-part-btn{align-items:center;border-radius:3px;color:#9b9a97;display:flex;height:24px;justify-content:center;width:24px}.remove-part-btn,.step-box{background:#0000;border:none}.step-box{margin-bottom:2px;padding:2px 0;position:relative}.step-header{gap:2px;margin-bottom:2px;min-height:24px}.remove-step-btn,.step-header{align-items:center;display:flex;height:24px}.remove-step-btn{background:#0000;border:none;border-radius:3px;color:#9b9a97;justify-content:center;width:24px}.step-content{display:flex;flex-direction:column;gap:2px}.ingredients-section{order:1}.step-details-section{order:2}.step-details{background:#fff;border:1px solid #e9e9e7;border-radius:3px;flex:1 1;min-height:120px;padding:8px;resize:vertical;width:100%}.ingredient-input-group{align-items:center;background:#0000;border:none;display:flex;gap:6px;margin-bottom:8px;padding:0}.ingredient-name{flex:2 1;min-width:0}.ingredient-name,.ingredient-weight{background:#fff;border:1px solid #e9e9e7;border-radius:3px;padding:6px 8px}.ingredient-weight{flex:1 1;min-width:60px;text-align:center}.remove-ingredient-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#9b9a97;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.add-ingredient-btn{background:#f1f1ef;border:1px solid #e9e9e7;border-radius:4px;color:#37352f;font-size:14px;font-weight:500;margin-top:8px;padding:8px 12px;width:100%}.add-step-btn,.part-arrow,.step-arrow{margin:12px 0;text-align:center}.add-step-btn svg,.part-arrow svg,.step-arrow svg{color:#9b9a97;height:20px;width:20px}.add-part-btn{border-radius:4px;font-size:14px;font-weight:500;margin:12px 0;padding:12px 16px;width:100%}.add-step-btn{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#9b9a97;display:flex;height:auto;justify-content:center;padding:0;transition:all .2s ease;width:auto}.add-step-btn:hover{color:#37352f}.add-part-btn{background:#f1f1ef;border:1px solid #e9e9e7;color:#37352f}.form-actions{border-top:1px solid #f1f1ef;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px}.form-actions .btn{border-radius:4px;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;width:100%}.drag-handle{display:none}button,input,select,textarea{min-height:48px}.parts-container,.steps-container{margin-top:0}}.admin-container{background:#fff;margin:0 auto;max-width:900px;min-height:100vh;padding:0 24px}.admin-header{border-bottom:1px solid #e9e9e7;margin-bottom:48px;padding-bottom:24px}.admin-header h1{align-items:center;color:#37352f;display:flex;font-size:32px;font-weight:600;gap:12px;margin:0 0 8px}.admin-header h1,.admin-header p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}.admin-header p{color:#9b9a97;font-size:16px;margin:0}.header-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.admin-content{grid-gap:32px;display:grid;gap:32px}.add-user-section{background:#fafafa;border:1px solid #e9e9e7;border-radius:8px;padding:24px}.add-user-section h2{color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;margin:0 0 20px}.add-user-form{grid-gap:16px;display:grid;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#37352f;font-weight:500}.form-group input,.form-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px}.form-group input{background:#fff;border:1px solid #e9e9e7;border-radius:4px;padding:8px 12px;transition:all .2s ease}.form-group input:focus{border-color:#37352f;box-shadow:0 0 0 2px #37352f1a;outline:none}.add-btn{align-items:center;background:#37352f;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.add-btn:hover{background:#2f2e2a}.users-section{background:#fafafa;border:1px solid #e9e9e7;border-radius:8px;padding:24px}.users-section h2{color:#37352f;font-size:18px;font-weight:600;margin:0 0 20px}.no-users,.users-section h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}.no-users{color:#9b9a97;padding:40px;text-align:center}.users-list{display:flex;flex-direction:column;gap:8px}.user-item{align-items:center;background:#fff;border:1px solid #e9e9e7;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.user-item:hover{background:#f7f6f3;border-color:#d3d3d1}.user-info{flex:1 1}.user-email{color:#37352f;font-size:14px;font-weight:600}.user-email,.user-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;margin-bottom:4px}.user-name{color:#9b9a97;font-size:13px}.user-date{color:#9b9a97;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:12px}.remove-btn{align-items:center;background:#f1f1ef;border:1px solid #e9e9e7;border-radius:4px;color:#9b9a97;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.remove-btn:hover{background:#e9e9e7;border-color:#d3d3d1;color:#37352f}.loading{color:#9b9a97;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:16px;padding:40px;text-align:center}.admin-tabs{background:#f7f6f3;border:1px solid #e9e9e7;border-radius:6px;display:flex;gap:4px;margin-bottom:32px;padding:4px}.tab-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9b9a97;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.tab-btn:hover{background:#f1f1ef;color:#37352f}.tab-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#37352f}.requests-section{background:#fafafa;border:1px solid #e9e9e7;border-radius:8px;padding:24px}.requests-section h2{color:#37352f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;font-weight:600;margin:0 0 24px}.requests-group{margin-bottom:32px}.requests-group h3{border-bottom:1px solid #e9e9e7;color:#37352f;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.no-requests,.requests-group h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}.no-requests{color:#9b9a97;padding:40px;text-align:center}.requests-list{display:flex;flex-direction:column;gap:8px}.request-item{align-items:flex-start;background:#fff;border:1px solid #e9e9e7;border-radius:6px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.request-item.pending{background:#fef3c7;border-left:4px solid #f59e0b}.request-item.approved{background:#d1fae5;border-left:4px solid #10b981}.request-item.rejected{background:#fee2e2;border-left:4px solid #ef4444}.request-item:hover{background:#f7f6f3;border-color:#d3d3d1}.request-info{flex:1 1}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.request-email{color:#37352f;font-size:14px;font-weight:600}.request-email,.request-status{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol}.request-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.request-status.pending{background:#fef3c7;color:#92400e}.request-status.approved{background:#d1fae5;color:#065f46}.request-status.rejected{background:#fee2e2;color:#991b1b}.request-name,.request-reason{color:#9b9a97;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:13px;margin-bottom:4px}.request-reason{font-style:italic}.request-date{color:#9b9a97;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;font-size:12px}.request-actions{display:flex;gap:6px;margin-left:16px}.approve-btn{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.approve-btn:hover{background:#059669}.reject-btn{align-items:center;background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.reject-btn:hover{background:#dc2626}.delete-btn{align-items:center;background:#f1f1ef;border:1px solid #e9e9e7;border-radius:4px;color:#9b9a97;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.delete-btn:hover{background:#e9e9e7;border-color:#d3d3d1;color:#37352f}@media (max-width:768px){.admin-container{padding:0 16px}.admin-header h1{font-size:24px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.add-user-section,.users-section{padding:20px}.user-item{align-items:flex-start;flex-direction:column;gap:12px}.remove-btn{align-self:flex-end}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding:20px 0}@media (max-width:768px){.main-content{padding:15px 0}}
/*# sourceMappingURL=main.fb4c8b87.css.map*/