.header-content{display:flex;justify-content:center;align-items:flex-end;gap:20px;flex-direction:column}.title-section{flex:1 1}.admin-controls{flex-shrink:0}.admin-toggle-btn{background:linear-gradient(135deg,#be185d,#9f1239);color:white;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.admin-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(190,24,93,.3)}.admin-panel{background:linear-gradient(135deg,#fdf2f8,#f9a8d4);border:2px solid #ec4899;border-radius:16px;padding:30px;margin-bottom:40px;box-shadow:0 8px 30px rgba(236,72,153,.15)}.admin-header{justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px}.admin-header,.admin-header h2{display:flex;align-items:center}.admin-header h2{color:#92400e;font-size:1.5rem;font-weight:700;margin:0;gap:12px}.create-post-btn{background:linear-gradient(135deg,#ec4899,#be185d);color:white;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.create-post-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(236,72,153,.3)}.admin-posts-list h3{color:#92400e;font-size:1.25rem;font-weight:600;margin:0 0 20px}.posts-table{background:white;border-radius:12px;padding:30px;border:1px solid #fbbf24}.table-placeholder{text-align:center;color:#6b7280;padding:40px 20px}.table-placeholder i{font-size:3rem;color:#d1d5db;margin-bottom:15px}.table-placeholder p{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 8px}.table-placeholder small{font-size:.875rem;color:#9ca3af;font-style:italic}.post-form-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;overflow-y:auto}.post-form-container{background:white;max-width:900px;width:100%;max-height:95vh;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.25)}.form-header{background:linear-gradient(135deg,#ec4899,#be185d);color:white;padding:25px 30px;justify-content:space-between}.form-header,.form-header h3{display:flex;align-items:center}.form-header h3{font-size:1.5rem;font-weight:700;margin:0;gap:12px}.close-form-btn{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;color:white;font-size:18px;cursor:pointer;transition:all .3s ease}.close-form-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.post-form{padding:30px;max-height:calc(95vh - 100px);overflow-y:auto}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group{flex:1 1;display:flex;flex-direction:column}.form-group.full-width{flex:1 1 100%}.form-group label{font-weight:600;color:#374151;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.1)}.form-group small{color:#6b7280;font-size:12px;margin-top:5px}.content-textarea{min-height:200px;font-family:Courier New,monospace;font-size:13px}.editor-placeholder{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;margin-bottom:15px;color:#6b7280}.editor-placeholder i{font-size:2rem;color:#9ca3af;margin-bottom:10px}.editor-placeholder p{font-weight:600;margin:0 0 5px}.image-upload{display:flex;flex-direction:column;gap:15px}.file-input{display:none}.file-upload-btn{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;color:#6b7280;font-weight:600}.file-upload-btn:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.file-upload-btn i{font-size:1.5rem;margin-bottom:8px;display:block}.current-image{width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb}.current-image img{width:100%;height:100%;object-fit:cover}.product-selector{display:grid;grid-template-columns:2fr 1fr;gap:10px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.cancel-btn,.save-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none}.cancel-btn{background:#f3f4f6;color:#6b7280}.cancel-btn:hover{background:#e5e7eb;color:#374151}.save-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:white}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(34,197,94,.3)}.backend-tasks-note{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px;margin-top:30px}.backend-tasks-note h4{color:#dc2626;font-size:1rem;font-weight:700;margin:0 0 15px;display:flex;align-items:center}.backend-tasks-note ul{margin:0;padding-left:20px;color:#7f1d1d}.backend-tasks-note li{margin-bottom:8px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.stat-btn{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;gap:6px;font-size:14px}.stat-btn:hover{color:#ec4899}.cosmetics-page .main-content{background:transparent}@media (max-width:768px){.cosmetics-page .admin-header,.cosmetics-page .header-content{flex-direction:column;gap:15px}.cosmetics-page .admin-header{align-items:stretch}.cosmetics-page .form-row{flex-direction:column;gap:15px}.cosmetics-page .product-selector{grid-template-columns:1fr}.cosmetics-page .form-actions{flex-direction:column-reverse}.cosmetics-page .cancel-btn,.cosmetics-page .save-btn{justify-content:center}.cosmetics-page .post-form-overlay{padding:10px}.cosmetics-page .posts-grid{grid-template-columns:1fr;gap:20px}}.cosmetics-page{min-height:100vh;background:linear-gradient(135deg,#fdf2f8,#fef9fb,#fdf2f8)}.cosmetics-page .page-container{max-width:1400px;margin:0 auto;padding:20px}.cosmetics-page .page-header{margin-bottom:40px}.cosmetics-page .breadcrumb{font-size:14px;color:#6b7280;margin-bottom:20px}.cosmetics-page .breadcrumb a{color:#ec4899;text-decoration:none}.cosmetics-page .breadcrumb span{margin:0 10px;color:#f9a8d4}.cosmetics-page .breadcrumb span:last-child{color:#f9a8d4}.cosmetics-page .page-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#ec4899,#be185d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.cosmetics-page .page-subtitle{font-size:1.125rem;color:#6b7280;margin:0}.cosmetics-page .blog-filters{background:white;border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.cosmetics-page .search-section{margin-bottom:30px}.cosmetics-page .search-box{position:relative;max-width:400px}.cosmetics-page .search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af}.cosmetics-page .search-box input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease}.cosmetics-page .search-box input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,.1)}.cosmetics-page .category-filters{display:flex;flex-wrap:wrap;gap:15px}.cosmetics-page .category-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;color:#6b7280}.cosmetics-page .category-btn:hover{background:#f3f4f6;border-color:#d1d5db}.cosmetics-page .category-btn.active{background:linear-gradient(135deg,#ec4899,#be185d);border-color:#ec4899;color:white}.cosmetics-page .blog-content{margin-bottom:40px}.cosmetics-page .no-posts{text-align:center;padding:80px 20px;color:#6b7280}.cosmetics-page .no-posts i{font-size:4rem;color:#d1d5db;margin-bottom:20px}.cosmetics-page .no-posts h3{font-size:1.5rem;font-weight:700;margin:0 0 10px;color:#374151}.cosmetics-page .posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.cosmetics-page .blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280;gap:16px}.cosmetics-page .blog-loading .loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#ec4899;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cosmetics-page .blog-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06),0 -4px 14px rgba(0,0,0,.04);transition:all .3s ease}.cosmetics-page .blog-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(0,0,0,.12),0 -6px 18px rgba(0,0,0,.06)}.cosmetics-page .blog-image{position:relative;min-height:60px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);display:flex;align-items:center;padding:16px 20px 0;box-sizing:border-box}.cosmetics-page .blog-image img{display:none}.cosmetics-page .blog-category{display:inline-flex;align-items:center;justify-content:center;background:#ec4899;color:white;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.cosmetics-page .blog-content-area{padding:20px 24px 24px}.cosmetics-page .blog-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.cosmetics-page .meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.cosmetics-page .meta-item i{color:#ec4899}.cosmetics-page .blog-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 15px;line-height:1.4}.cosmetics-page .blog-excerpt{color:#6b7280;line-height:1.6;margin:0 0 15px}.cosmetics-page .related-product{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px;margin:15px 0;display:flex;align-items:center;gap:8px;font-size:14px;color:#065f46}.cosmetics-page .related-product i{color:#059669}.cosmetics-page .blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.cosmetics-page .tag{background:#f3f4f6;color:#6b7280;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.cosmetics-page .blog-actions{display:flex;gap:15px;margin-top:20px}.cosmetics-page .read-more-btn,.cosmetics-page .view-product-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none;border:none}.cosmetics-page .read-more-btn{background:linear-gradient(135deg,#ec4899,#be185d);color:white;flex:1 1;justify-content:center}.cosmetics-page .read-more-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(236,72,153,.3)}.cosmetics-page .view-product-btn{background:#f3f4f6;color:#6b7280}.cosmetics-page .view-product-btn:hover{background:#e5e7eb;color:#374151}.cosmetics-page .blog-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.cosmetics-page .modal-content{background:white;max-width:800px;width:100%;max-height:90vh;border-radius:20px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.25)}.cosmetics-page .modal-header{position:relative}.cosmetics-page .close-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:40px;height:40px;color:white;font-size:18px;cursor:pointer;transition:all .3s ease;z-index:10}.cosmetics-page .close-btn:hover{background:rgba(0,0,0,.7);transform:scale(1.1)}.cosmetics-page .modal-header img{display:block;max-height:320px;max-width:100%;margin:0 auto;object-fit:contain}.cosmetics-page .modal-title-area{padding:24px 30px;background:#fdf2f8}.cosmetics-page .modal-title-area h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 15px;line-height:1.3}.cosmetics-page .modal-meta{display:flex;flex-wrap:wrap;gap:20px;color:#6b7280;font-size:14px}.cosmetics-page .modal-meta span{display:flex;align-items:center;gap:6px}.cosmetics-page .modal-meta i{color:#ec4899}.cosmetics-page .modal-body{padding:30px;max-height:50vh;overflow-y:auto}.cosmetics-page .article-content{line-height:1.8;color:#374151;font-size:16px}.cosmetics-page .article-content p{margin-bottom:20px}.cosmetics-page .modal-product-link{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px;margin:30px 0}.cosmetics-page .modal-product-link h3{color:#065f46;font-size:1.125rem;font-weight:600;margin:0 0 15px}.cosmetics-page .product-link-btn{background:linear-gradient(135deg,#059669,#047857);color:white;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:10px;transition:all .3s ease;justify-content:space-between}.cosmetics-page .product-link-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(5,150,105,.3)}.cosmetics-page .modal-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.cosmetics-page .modal-tag{background:linear-gradient(135deg,#ec4899,#be185d);color:white;padding:6px 15px;border-radius:20px;font-size:13px;font-weight:500}.backend-tasks-note h4 i{margin-right:10px;color:#dc2626}.backend-tasks-note li i{margin-right:10px;color:#be185d;width:16px}@media (max-width:768px){.cosmetics-page .page-title{font-size:2rem}.cosmetics-page .posts-grid{grid-template-columns:1fr}.cosmetics-page .blog-card{margin:0 10px}.cosmetics-page .category-filters{grid-template-columns:repeat(2,1fr)}.cosmetics-page .blog-actions{flex-direction:column}.cosmetics-page .modal-content{margin:10px;max-height:95vh}.cosmetics-page .modal-title-area h1{font-size:1.5rem}.cosmetics-page .search-box{max-width:100%}}@media (max-width:480px){.cosmetics-page .page-container{padding:15px}.cosmetics-page .blog-filters{padding:20px}.cosmetics-page .posts-grid{gap:20px}.cosmetics-page .blog-content-area,.cosmetics-page .modal-body,.cosmetics-page .modal-title-area{padding:20px}}