.form-group:has(.add-vote-link),.form-group.addvote,.addvote{display:none!important} .form-group:has(#alt_name),.form-group:has(input[name="alt_name"]){display:none!important} .admin-checkboxes{display:none!important} .form-group:has(.admin_checkboxs),.admin_checkboxs{display:none!important} textarea[name="xfield[ingredients]"],input[name="xfield[ingredients]"],#xf_ingredients,#ingredients{display:none!important} input[name="xfield[nutrition_calories]"],input[name="xfield[nutrition_proteins]"],input[name="xfield[nutrition_fats]"],input[name="xfield[nutrition_carbs]"],input[name="xfield[nutrition_gi_low]"],input[name="xfield[nutrition_gi_medium]"],input[name="xfield[nutrition_gi_high]"],textarea[name="xfield[nutrition_calories]"],textarea[name="xfield[nutrition_proteins]"],textarea[name="xfield[nutrition_fats]"],textarea[name="xfield[nutrition_carbs]"],textarea[name="xfield[nutrition_gi_low]"],textarea[name="xfield[nutrition_gi_medium]"],textarea[name="xfield[nutrition_gi_high]"]{display:none!important} #xf_nutrition_calories,#xf_nutrition_proteins,#xf_nutrition_fats,#xf_nutrition_carbs,#xf_nutrition_gi_low,#xf_nutrition_gi_medium,#xf_nutrition_gi_high{display:none!important} .xfields-wrapper>*:has(textarea[name="xfield[ingredients]"]),.xfields-wrapper>*:has(input[name="xfield[ingredients]"]),.xfields-wrapper>*:has(#xf_ingredients),.xfields-wrapper>*:has(input[name="xfield[nutrition_calories]"]),.xfields-wrapper>*:has(input[name="xfield[nutrition_proteins]"]),.xfields-wrapper>*:has(input[name="xfield[nutrition_fats]"]),.xfields-wrapper>*:has(input[name="xfield[nutrition_carbs]"]),.xfields-wrapper>*:has(input[name="xfield[nutrition_gi_low]"]),.xfields-wrapper>*:has(input[name="xfield[nutrition_gi_medium]"]),.xfields-wrapper>*:has(input[name="xfield[nutrition_gi_high]"]){display:none!important} .nutrition-field-hidden{display:none!important} .form-section{position:relative;overflow:visible;contain:layout style} .form-section .form-group{position:relative;overflow:visible} .editor-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden!important;display:block;width:100%;margin-bottom:8px} .editor-wrapper .cke{border:2px solid var(--color-gray-200)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important;max-width:100%!important;box-sizing:border-box!important} .editor-wrapper .cke_inner,.editor-wrapper .cke_contents{overflow:hidden!important} .editor-wrapper .cke_bottom{border-top:1px solid var(--color-gray-200)!important;background:var(--color-gray-50)!important;position:relative!important;z-index:1} .editor-wrapper .cke_path,.editor-wrapper .cke_wordcount{position:relative!important;float:none!important} .editor-wrapper .tox-tinymce,.tox-tinymce{border:2px solid var(--color-gray-200)!important;border-radius:var(--radius-lg)!important;overflow:hidden!important} .form-group .cke{max-width:100%!important;box-sizing:border-box!important} .form-group .form-hint{position:relative;z-index:2;margin-top:var(--spacing-2);clear:both;display:block} .editor-wrapper::after{content:"";display:table;clear:both} textarea[name="xfield[sovet]"],#xf_sovet{height:80px!important;min-height:80px!important;max-height:100px!important} .category-search-wrapper{position:relative} .category-search-input{margin-bottom:var(--spacing-2)} .category-search-input::placeholder{color:var(--color-gray-400);font-size:14px} .category-search-input:focus+.category-select-wrapper select{border-color:var(--color-orange-400)} .addnews-page{max-width:900px;margin:0 auto;padding:var(--spacing-8) var(--spacing-4)} .addnews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:2px solid var(--color-gray-200);flex-wrap:wrap;gap:var(--spacing-4)} .addnews-header .page-title{font-size:32px;font-weight:800;color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--spacing-3)} .addnews-header .page-title svg{color:var(--color-orange-600)} .addnews-info{display:flex;gap:var(--spacing-4);background:linear-gradient(135deg,var(--color-orange-50) 0%,#fff7ed 100%);border:2px solid var(--color-orange-200);border-left:5px solid var(--color-orange-500);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6)} .addnews-info .info-icon{font-size:32px;flex-shrink:0} .addnews-info .info-content p{margin:0 0 var(--spacing-2) 0;color:var(--color-gray-700);line-height:1.6} .addnews-info .info-content p:last-child{margin-bottom:0} .addnews-info .info-content strong{color:var(--color-gray-900)} #addnewsForm{counter-reset:section-counter} .form-section{background:white;border-radius:var(--radius-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-6);box-shadow:0 4px 20px rgba(0,0,0,0.06);border:1px solid var(--color-gray-100);counter-increment:section-counter} .form-section .section-number{font-size:0} .form-section .section-number::before{content:counter(section-counter);font-size:18px} .section-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px dashed var(--color-gray-200)} .section-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,var(--color-orange-500),var(--color-red-500));color:white;font-size:18px;font-weight:800;border-radius:50%;flex-shrink:0} .section-title{font-size:22px;font-weight:700;color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--spacing-2)} .section-title svg{color:var(--color-gray-400)} .form-group{margin-bottom:var(--spacing-6)} .form-group:last-child{margin-bottom:0} .form-label{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2)} .form-label svg{color:var(--color-gray-400)} .form-label.required::after{content:'*';color:var(--color-red-500);margin-left:4px} .form-input,.form-textarea{width:100%;padding:14px 18px;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:15px;color:var(--color-gray-900);background:white;transition:all 0.2s ease} .form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-orange-500);box-shadow:0 0 0 4px rgba(249,115,22,0.1)} .form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-400)} .form-textarea{min-height:120px;resize:vertical;font-family:inherit} .form-hint{display:block;margin-top:var(--spacing-2);font-size:13px;color:var(--color-gray-500)} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)} @media(max-width:640px){.form-row{grid-template-columns:1fr}} .difficulty-selector{display:flex;gap:var(--spacing-3);flex-wrap:wrap} .difficulty-option{flex:1;min-width:120px} .difficulty-option input{display:none} .difficulty-label{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all 0.2s ease;text-align:center} .difficulty-icon{font-size:28px} .difficulty-option input:checked+.difficulty-label{border-color:var(--color-orange-500);background:var(--color-orange-50)} .difficulty-label.easy:hover{border-color:#22c55e;background:#f0fdf4} .difficulty-label.medium:hover{border-color:#f59e0b;background:#fffbeb} .difficulty-label.hard:hover{border-color:#ef4444;background:#fef2f2} .difficulty-option input:checked+.difficulty-label.easy{border-color:#22c55e;background:#dcfce7} .difficulty-option input:checked+.difficulty-label.medium{border-color:#f59e0b;background:#fef3c7} .difficulty-option input:checked+.difficulty-label.hard{border-color:#ef4444;background:#fee2e2} .media-upload-area{background:var(--color-gray-50);border-radius:var(--radius-lg);padding:var(--spacing-4)} .upload-zone{border:3px dashed var(--color-gray-300);border-radius:var(--radius-lg);padding:var(--spacing-10);text-align:center;cursor:pointer;transition:all 0.3s ease;background:white} .upload-zone:hover{border-color:var(--color-orange-400);background:var(--color-orange-50)} .upload-icon{margin-bottom:var(--spacing-4)} .upload-icon svg{color:var(--color-gray-400)} .upload-title{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0} .upload-subtitle{color:var(--color-gray-600);margin:0 0 var(--spacing-2) 0} .upload-formats{font-size:13px;color:var(--color-gray-400);margin:0} .uploaded-images-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-4)} .form-actions{display:flex;gap:var(--spacing-4);justify-content:flex-end;padding-top:var(--spacing-6);border-top:2px solid var(--color-gray-200);margin-top:var(--spacing-8);flex-wrap:wrap} .preview-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:14px 28px;background:white;border:2px solid var(--color-gray-300);color:var(--color-gray-700);border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s ease} .preview-btn:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)} .submit-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:14px 32px;background:linear-gradient(135deg,var(--color-red-600),var(--color-orange-600));color:white;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 4px 15px rgba(220,38,38,0.3)} .submit-btn:hover{background:linear-gradient(135deg,var(--color-red-700),var(--color-orange-700));transform:translateY(-2px);box-shadow:0 6px 20px rgba(220,38,38,0.4)} .nutrition-calculator-widget,.addnews-page .nutrition-calculator-widget{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:20px} .nutrition-calculator-widget .nutrition-header,.addnews-page .nutrition-header{display:flex;align-items:center;gap:12px;margin:0 0 20px 0;color:#111827;font-size:18px;font-weight:700;padding-bottom:16px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap} .nutrition-calculator-widget .nutrition-icon,.addnews-page .nutrition-icon{font-size:24px} .nutrition-calculator-widget .nutrition-badge,.addnews-page .nutrition-badge{background:linear-gradient(135deg,#f97316,#dc2626);color:white;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;margin-left:auto} .nutrition-calculator-widget .add-ingredient-form,.addnews-page .add-ingredient-form{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px} .nutrition-calculator-widget .form-inline-group,.addnews-page .form-inline-group{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap} .nutrition-calculator-widget .add-ingredient-form .form-field,.addnews-page .add-ingredient-form .form-field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px} .nutrition-calculator-widget .add-ingredient-form .form-field.amount-field,.nutrition-calculator-widget .add-ingredient-form .form-field.unit-field,.addnews-page .add-ingredient-form .form-field.amount-field,.addnews-page .add-ingredient-form .form-field.unit-field{flex:0 0 100px;min-width:100px} .nutrition-calculator-widget .add-ingredient-form .form-field.button-field,.addnews-page .add-ingredient-form .form-field.button-field{flex:0 0 auto;min-width:auto} .nutrition-calculator-widget .add-ingredient-form label{font-size:13px;font-weight:600;color:#4b5563} .nutrition-calculator-widget .add-ingredient-form .form-input{padding:10px 14px;font-size:14px;border:2px solid #e5e7eb;border-radius:8px;width:100%} .nutrition-calculator-widget .search-container{position:relative} .nutrition-calculator-widget .search-results{position:absolute;top:100%;left:0;right:0;background:white;border:2px solid #f97316;border-top:none;max-height:280px;overflow-y:auto;display:none;z-index:100;border-radius:0 0 12px 12px;box-shadow:0 10px 25px rgba(0,0,0,0.15)} .nutrition-calculator-widget .search-result-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background 0.2s ease} .nutrition-calculator-widget .search-result-item:hover{background:#fff7ed} .nutrition-calculator-widget .search-result-item:last-child{border-bottom:none} .nutrition-calculator-widget .result-name{font-weight:600;color:#111827;margin-bottom:4px} .nutrition-calculator-widget .result-nutrition{font-size:12px;color:#6b7280} .nutrition-calculator-widget .search-no-results{padding:20px;text-align:center;color:#6b7280} .nutrition-calculator-widget .search-no-results a{color:#ea580c;font-weight:600} .nutrition-calculator-widget .form-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none} .nutrition-calculator-widget .btn-add{background:linear-gradient(135deg,#f97316,#dc2626);color:white;box-shadow:0 2px 8px rgba(249,115,22,0.3)} .nutrition-calculator-widget .btn-add:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#b91c1c);transform:translateY(-1px)} .nutrition-calculator-widget .btn-add:disabled{opacity:0.5;cursor:not-allowed} .nutrition-calculator-widget .btn-secondary{background:white;color:#374151;border:2px solid #d1d5db} .nutrition-calculator-widget .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af} .nutrition-calculator-widget .btn-bulk-add{background:#ecfdf5;color:#065f46;border:2px solid #6ee7b7} .nutrition-calculator-widget .btn-bulk-add:hover{background:#d1fae5;border-color:#34d399} .nutrition-calculator-widget .ingredients-list{margin:16px 0;max-height:350px;overflow-y:auto} .nutrition-calculator-widget .ingredients-empty{text-align:center;padding:32px;background:white;border-radius:12px;border:2px dashed #d1d5db} .nutrition-calculator-widget .ingredients-empty .empty-icon{font-size:48px;margin-bottom:12px} .nutrition-calculator-widget .ingredients-empty p{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px 0} .nutrition-calculator-widget .ingredients-empty span{font-size:14px;color:#6b7280} .nutrition-calculator-widget .ingredient-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;transition:all 0.2s ease} .nutrition-calculator-widget .ingredient-row:hover{border-color:#fdba74;box-shadow:0 2px 8px rgba(0,0,0,0.05)} .nutrition-calculator-widget .ingredient-number{font-weight:700;color:#ea580c;min-width:24px} .nutrition-calculator-widget .ingredient-name{font-weight:600;color:#111827;flex:1;min-width:120px} .nutrition-calculator-widget .ingredient-grams{background:#f3f4f6;padding:4px 10px;border-radius:4px;font-size:13px;color:#374151;white-space:nowrap} .nutrition-calculator-widget .ingredient-nutrition{font-size:12px;color:#6b7280;flex:1;text-align:right} .nutrition-calculator-widget .ingredient-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:white;border:2px solid #fecaca;border-radius:4px;color:#ef4444;cursor:pointer;transition:all 0.2s ease} .nutrition-calculator-widget .ingredient-delete:hover{background:#fef2f2;border-color:#f87171} .nutrition-calculator-widget .nutrition-summary{background:white;padding:20px;border-radius:12px;margin-top:20px;border:2px solid #e5e7eb} .nutrition-calculator-widget .nutrition-summary .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px} .nutrition-calculator-widget .nutrition-summary h4{margin:0;font-size:15px;color:#374151;font-weight:600} .nutrition-calculator-widget .summary-total-weight{font-size:13px;color:#4b5563;background:#f3f4f6;padding:4px 12px;border-radius:4px} .nutrition-calculator-widget .nutrition-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} .nutrition-calculator-widget .nutrition-item{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:16px;border-radius:8px;text-align:center;border:1px solid #e5e7eb;transition:all 0.2s ease} .nutrition-calculator-widget .nutrition-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08)} .nutrition-calculator-widget .nutrition-item.calories{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca} .nutrition-calculator-widget .nutrition-item.proteins{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#bfdbfe} .nutrition-calculator-widget .nutrition-item.fats{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a} .nutrition-calculator-widget .nutrition-item.carbs{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0} .nutrition-calculator-widget .nutrition-item.gi{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-color:#e9d5ff} .nutrition-calculator-widget .nutrition-icon-small{display:block;font-size:20px;margin-bottom:8px} .nutrition-calculator-widget .nutrition-label{display:block;font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px} .nutrition-calculator-widget .nutrition-value{display:block;font-size:24px;font-weight:800;color:#111827;margin-bottom:2px} .nutrition-calculator-widget .nutrition-unit{font-size:12px;color:#9ca3af} .nutrition-calculator-widget .gi-percentages{font-size:16px} .nutrition-calculator-widget .gi-low-num{color:#22c55e} .nutrition-calculator-widget .gi-medium-num{color:#f59e0b} .nutrition-calculator-widget .gi-high-num{color:#ef4444} .nutrition-calculator-widget .import-toggle,.nutrition-calculator-widget .add-product-toggle{margin:16px 0} .nutrition-calculator-widget .import-section{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:20px;margin-top:16px} .nutrition-calculator-widget .import-section h4{margin:0 0 12px 0;font-size:16px;color:#111827} .nutrition-calculator-widget .import-hint{font-size:13px;color:#4b5563;margin:0 0 12px 0;padding:12px;background:white;border-radius:8px;border-left:3px solid #22c55e} .nutrition-calculator-widget .import-textarea{width:100%;padding:12px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;font-family:'Courier New',monospace;resize:vertical} .nutrition-calculator-widget .import-textarea:focus{outline:none;border-color:#22c55e} .nutrition-calculator-widget .import-buttons{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap} .nutrition-calculator-widget .import-stats{background:white;padding:12px;border-radius:8px;margin-bottom:12px;font-size:14px;font-weight:600} .nutrition-calculator-widget .import-results-table{background:white;border-radius:8px;overflow:hidden} .nutrition-calculator-widget .import-result-row{padding:12px;border-bottom:1px solid #e5e7eb} .nutrition-calculator-widget .import-result-row:last-child{border-bottom:none} .nutrition-calculator-widget .import-result-row.found{background:#f0fdf4} .nutrition-calculator-widget .import-result-row.not-found{background:#fef2f2} .nutrition-calculator-widget .import-original{margin-bottom:8px;font-size:14px} .nutrition-calculator-widget .import-product-select{width:100%;padding:8px 12px;border:2px solid #22c55e;border-radius:8px;font-size:13px} .nutrition-calculator-widget .import-not-found{color:#dc2626;font-size:13px;font-weight:500} .nutrition-calculator-widget .add-product-section{background:#fffbeb;border:2px solid #fcd34d;border-radius:12px;padding:20px;margin-top:16px} .nutrition-calculator-widget .add-product-section h4{margin:0 0 16px 0;font-size:16px;color:#111827} .nutrition-calculator-widget .product-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px} .nutrition-calculator-widget .product-form-buttons{display:flex;gap:12px;flex-wrap:wrap} .nutrition-calculator-widget .hint-text{font-size:13px;color:#4b5563;margin-top:12px;padding:12px;background:white;border-radius:8px} .nutrition-calculator-widget .nutrition-notification{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px;border-radius:8px;font-size:14px;font-weight:500;opacity:0;transform:translateY(-10px);transition:all 0.3s ease} .nutrition-calculator-widget .nutrition-notification.show{opacity:1;transform:translateY(0)} .nutrition-calculator-widget .nutrition-notification-success{background:#dcfce7;color:#166534;border:1px solid #86efac} .nutrition-calculator-widget .nutrition-notification-info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd} .nutrition-calculator-widget .nutrition-notification-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d} .nutrition-calculator-widget .nutrition-notification-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5} .add-vote-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-orange-600);text-decoration:none;font-weight:600;transition:all 0.2s ease} .add-vote-link:hover{color:var(--color-orange-700)} .plus-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,var(--color-orange-500),var(--color-red-500));color:white;border-radius:50%;font-size:16px;font-weight:700} .form-checkbox{display:flex;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);cursor:pointer;font-size:14px;color:var(--color-gray-700)} .form-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-orange-500)} .editor-wrapper,.category-select-wrapper{margin-top:var(--spacing-2)} .editor-wrapper iframe,.editor-wrapper textarea{width:100%;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg)} .category-select-wrapper select{width:100%;padding:14px 18px;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:15px;color:var(--color-gray-900);background:white;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px} .category-select-wrapper select:focus{outline:none;border-color:var(--color-orange-500);box-shadow:0 0 0 4px rgba(249,115,22,0.1)} .xfields-wrapper{margin-bottom:var(--spacing-6)} .xfields-wrapper .form-group,.xfields-wrapper .xfield-group,.xfields-wrapper li{margin-bottom:var(--spacing-4);list-style:none} .xfields-wrapper ul{padding:0;margin:0} .xfields-wrapper label{display:flex;align-items:center;gap:var(--spacing-2);font-size:15px;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2)} .xfields-wrapper input[type="text"],.xfields-wrapper input[type="number"],.xfields-wrapper textarea,.xfields-wrapper select{width:100%;padding:14px 18px;border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);font-size:15px;color:var(--color-gray-900);background:white;transition:all 0.2s ease;box-sizing:border-box} .xfields-wrapper input:focus,.xfields-wrapper textarea:focus,.xfields-wrapper select:focus{outline:none;border-color:var(--color-orange-500);box-shadow:0 0 0 4px rgba(249,115,22,0.1)} .admin-checkboxes{background:var(--color-gray-50);padding:var(--spacing-4);border-radius:var(--radius-lg);margin-top:var(--spacing-4)} .admin-checkboxes:empty{display:none} .admin-checkboxes label{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:14px;color:var(--color-gray-700);cursor:pointer} .admin-checkboxes input[type="checkbox"]{width:18px;height:18px;accent-color:var(--color-orange-500)} .security-section{background:linear-gradient(135deg,#fef3c7 0%,#fffbeb 100%);border:2px solid #fcd34d} .security-section .section-number{background:linear-gradient(135deg,#f59e0b,#d97706)} .captcha-wrapper{display:flex;align-items:center;gap:var(--spacing-4);flex-wrap:wrap} .captcha-image{flex-shrink:0} .captcha-image img{border-radius:var(--radius-md);border:2px solid var(--color-gray-300)} .captcha-wrapper .form-input{flex:1;min-width:200px} .recaptcha-wrapper{display:flex;justify-content:center} .form-required-note{text-align:center;font-size:14px;color:var(--color-gray-500);margin-top:var(--spacing-6)} .required-marker{color:var(--color-red-500);font-weight:700} .category-search-wrapper{position:relative} .category-input-row{display:flex;gap:10px;align-items:stretch} .category-search-input{flex:1;margin-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom-color:transparent!important;background:white;position:relative;z-index:2} .category-search-input:focus{border-color:var(--color-orange-500)!important;border-bottom-color:var(--color-orange-500)!important} .category-search-input::placeholder{color:var(--color-gray-400);font-size:14px} .category-add-btn{padding:12px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:white;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(34,197,94,0.3)} .category-add-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-1px);box-shadow:0 4px 12px rgba(34,197,94,0.4)} .category-select-wrapper{margin-top:0!important;position:relative} .category-select-wrapper select{width:100%;border:2px solid var(--color-gray-200);border-top:1px dashed var(--color-gray-300)!important;border-radius:0 0 var(--radius-lg) var(--radius-lg);height:240px!important;max-height:240px!important;overflow-y:auto;padding:0;font-size:14px;line-height:1.5;background-color:#fafafa;cursor:pointer;transition:all 0.2s ease} .category-select-wrapper select:focus{background-color:white;border-color:var(--color-orange-500)!important} .category-select-wrapper select option{padding:12px 16px;font-size:14px;cursor:pointer;border-bottom:1px solid #e5e7eb;transition:all 0.15s ease;background:white} .category-select-wrapper select option:last-child{border-bottom:none} .category-select-wrapper select option:hover{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;color:#c2410c!important} .category-select-wrapper select option:checked,.category-select-wrapper select option:focus{background:linear-gradient(135deg,#fb923c,#f97316)!important;color:white!important;font-weight:600} .category-select-wrapper select option[value*="|"]{padding-left:32px;color:var(--color-gray-600);font-size:13px} .category-select-wrapper select option:not([value*="|"]){font-weight:600;background:#f9fafb} .selected-categories-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px} .selected-categories-container:empty{display:none} .category-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74;border-radius:8px;font-size:14px;font-weight:500;color:#c2410c;animation:badgeAppear 0.3s ease} @keyframes badgeAppear{from{opacity:0;transform:scale(0.8)} to{opacity:1;transform:scale(1)}} .category-badge .category-icon{font-size:16px} .category-badge .category-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .category-badge .category-remove-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:white;border:1px solid #fca5a5;border-radius:50%;color:#dc2626;font-size:12px;cursor:pointer;transition:all 0.2s ease;margin-left:4px} .category-badge .category-remove-btn:hover{background:#fef2f2;border-color:#f87171;transform:scale(1.1)} .category-match-highlight{background:linear-gradient(135deg,#fef08a,#fde047);padding:0 2px;border-radius:2px} .category-no-results{padding:20px;text-align:center;color:var(--color-gray-500);font-size:14px;background:#fafafa;border:2px dashed var(--color-gray-300);border-radius:8px;margin-top:8px} .category-no-results .no-results-icon{font-size:32px;margin-bottom:8px;display:block} @media(max-width:768px){.addnews-page{padding:var(--spacing-4) var(--spacing-3)} .addnews-header .page-title{font-size:24px} .form-section{padding:var(--spacing-5)} .section-header{flex-wrap:wrap} .section-number{width:32px;height:32px;font-size:14px} .section-title{font-size:18px} .addnews-page .form-inline-group{flex-direction:column;align-items:stretch} .addnews-page .add-ingredient-form .form-field,.addnews-page .add-ingredient-form .form-field.amount-field,.addnews-page .add-ingredient-form .form-field.unit-field,.addnews-page .add-ingredient-form .form-field.button-field{flex:none;min-width:100%} .addnews-page .nutrition-grid{grid-template-columns:repeat(2,1fr)} .addnews-page .nutrition-item.gi{grid-column:1 / -1} .addnews-page .ingredient-row{flex-wrap:wrap} .addnews-page .ingredient-nutrition{width:100%;text-align:left;margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px dashed var(--color-gray-200)} .difficulty-selector{flex-direction:column} .difficulty-option{width:100%} .form-actions{flex-direction:column} .form-actions .preview-btn,.form-actions .submit-btn{width:100%;justify-content:center} .upload-zone{padding:var(--spacing-6)}} @media(max-width:480px){.addnews-info{flex-direction:column;text-align:center} .progress-text{font-size:12px} .addnews-page .nutrition-value{font-size:20px} .addnews-page .nutrition-grid{grid-template-columns:1fr 1fr} .addnews-page .product-form-grid{grid-template-columns:1fr}}