*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.admin-container{background:#f1f5f9;height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#0f172a,#1e293b);flex-direction:column;width:260px;padding:25px 15px;display:flex}.sidebar h2{text-align:center;margin-bottom:30px;font-size:22px;font-weight:600}.sidebar a{color:#cbd5f5;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;text-decoration:none;transition:all .3s;display:flex}.sidebar a:hover{color:#fff;background:#ffffff14}.sidebar .active{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1)}.admin-main{flex-direction:column;flex:1;display:flex}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:15px 25px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000000d}.navbar h1{font-size:18px;font-weight:600}.navbar-right{align-items:center;gap:15px;display:flex}.profile{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 14px}.logout-btn:hover{background:#dc2626}.admin-content{padding:25px;overflow-y:auto}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{color:#fff;border-radius:16px;padding:20px;position:relative;overflow:hidden}.card h3{opacity:.8;font-size:14px}.card p{font-size:26px;font-weight:700}.card.blue{background:linear-gradient(135deg,#3b82f6,#6366f1)}.card.green{background:linear-gradient(135deg,#10b981,#22c55e)}.card.purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.form{background:#fff;border-radius:12px;gap:10px;margin-bottom:20px;padding:20px;display:grid}.form input,.form textarea{border:1px solid #ddd;border-radius:8px;padding:10px}.form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:8px;padding:10px}.list-item{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:15px;display:flex;box-shadow:0 2px 6px #0000000d}.btn-delete{color:#fff;background:#ef4444}.btn-success{color:#fff;background:#10b981}.status.pending{color:orange}.status.completed{color:green}.status.cancelled{color:red}@media (width<=768px){.cards{grid-template-columns:1fr}.sidebar{display:none}}.sidebar{width:260px;transition:all .3s}.sidebar.collapsed{width:80px}.sidebar.collapsed a span,.sidebar.collapsed h2{display:none}.sidebar.collapsed a{justify-content:center}.toggle-btn{cursor:pointer;background:0 0;border:none;font-size:20px}.table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.table th{cursor:pointer;background:#f9fafb}.table tr:hover{background:#f3f4f6}.table-search{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;padding:10px}.pagination{justify-content:space-between;margin-top:10px;display:flex}.modal-overlay{z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#f9fafb;border-radius:20px;width:100%;max-width:420px;padding:28px;animation:.3s modalFade;position:relative;box-shadow:0 25px 60px #0003}@keyframes modalFade{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:18px;transition:all .2s;position:absolute;top:12px;right:16px}.modal-close:hover{color:#111827}.modal-title{color:#111827;margin-bottom:8px;font-size:26px;font-weight:700}.service-info{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.rating{color:#f59e0b;font-weight:500}.price{color:#2563eb;font-size:20px;font-weight:700}.modal-form{flex-direction:column;gap:14px;display:flex}.input-field{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;padding:14px;font-size:14px;transition:all .25s}.input-field:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.input-field[type=date],.input-field[type=time]{cursor:pointer}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;border-radius:14px;width:100%;padding:14px;font-weight:600;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f159}.error-box{color:#dc2626;background:#fee2e2;border-radius:10px;padding:10px;font-size:14px}.success-box{color:#15803d;text-align:center;background:#dcfce7;border-radius:12px;padding:18px;font-weight:600}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}}.page{padding:25px}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h1{font-size:22px;font-weight:600}.card-form{background:#fff;border-radius:16px;padding:25px;box-shadow:0 6px 16px #0000000d}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#555;margin-bottom:6px;font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f61a}.form-group textarea{resize:none;height:110px}.form-group.full{grid-column:span 2}.form-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.btn{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;padding:8px 14px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;padding:10px 18px;transition:all .3s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #3b82f64d}.btn-secondary{color:#333;cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:10px 18px}.btn-secondary:hover{background:#d1d5db}button:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:span 1}}.admin-table{border-collapse:collapse;width:100%;margin-top:10px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.admin-table th{background:#f9fafb;font-weight:600}.admin-table tr:hover{background:#f5f6fa}.about-admin,.form-page{background:#f8f9fc;min-height:100vh;padding:20px;font-family:Arial,sans-serif}.preview-img{object-fit:cover;border:1px solid #ddd;border-radius:10px;width:220px;height:150px;margin-top:10px}.form-page h2{margin-bottom:20px}.form-row{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px;display:grid}.status{border-radius:20px;margin-top:20px;padding:8px 15px;font-weight:700;display:inline-block}.status.active{color:#155724;background:#d4edda}.status.inactive{color:#721c24;background:#f8d7da}.loader{text-align:center;padding:50px;font-size:18px}.error-box,.empty-box{text-align:center;background:#fff;border-radius:12px;padding:50px}@media (width<=768px){.header{flex-direction:column;align-items:flex-start;gap:15px}.actions{width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.header h2{font-size:22px;font-weight:600}.card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 5px 15px #0000000d}.banner{object-fit:cover;border-radius:10px;width:100%;max-height:280px;margin-bottom:20px}.card h3{margin-bottom:5px;font-size:20px}.card h4{color:#555;margin-top:15px;font-size:16px}.loader,.error-box,.empty-box{text-align:center;padding:40px}.status.active{color:green}.status.inactive{color:red}.form-page{background:#f5f6fa;min-height:100vh;padding:20px}.form-page h2{margin-bottom:20px;font-size:22px}.form-group{margin-bottom:18px}.form-group label{margin-bottom:6px;font-weight:500;display:block}.form-page input,.form-page textarea{border:1px solid #ccc;border-radius:6px;width:100%;padding:10px;font-size:14px}.preview{border-radius:8px;width:200px;margin-bottom:10px}.form-actions{gap:10px;margin-top:15px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 18px}.btn.primary:hover{background:#0056b3}.seo-preview{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px}.seo-title{color:#1a0dab;margin:0;font-size:18px}.seo-url{color:#006621;font-size:14px}.seo-desc{color:#545454;font-size:14px}.reviews-admin,.form-page{background:#f8f9fc;min-height:100vh;padding:20px;font-family:Arial,sans-serif}@media (width<=768px){.header{flex-direction:column;align-items:flex-start;gap:15px}.actions{flex-wrap:wrap;width:100%}table{display:block;overflow-x:auto}}.blogs-admin,.form-page{background:#f8f9fc;min-height:100vh;padding:20px;font-family:Arial,sans-serif}.header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header h2{color:#222;margin:0;font-size:24px}.actions{gap:12px;display:flex}.btn{cursor:pointer;background:#ddd;border:none;border-radius:6px;padding:10px 18px;font-weight:500}.btn:hover{opacity:.9}.btn.primary{color:#fff;background:#f60}.card{background:#fff;border-radius:12px;margin-bottom:25px;padding:25px;box-shadow:0 4px 12px #00000014}.card h3{color:#222;margin-bottom:10px}.card h4{color:#444;margin-top:20px;margin-bottom:10px}.card p{color:#666;line-height:1.6}table{border-collapse:collapse;width:100%;margin-top:20px}table thead{background:#f5f5f5}table th,table td{text-align:left;border-bottom:1px solid #eee;padding:14px}table th{color:#333;font-weight:600}table td{color:#666}.blog-thumb{object-fit:cover;border-radius:6px;width:70px;height:50px}table button{cursor:pointer;border:none;border-radius:5px;margin-right:8px;padding:6px 12px;font-size:13px}table button:first-child{color:#fff;background:#007bff}table button:last-child{color:#fff;background:#dc3545}.form-page{max-width:900px;margin:auto}.form-page h2{color:#222;margin-bottom:20px}.form-page h3{color:#f60;border-bottom:2px solid #eee;margin-top:30px;margin-bottom:15px;padding-bottom:8px}.form-page input,.form-page textarea,.form-page select{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:15px;padding:12px;font-size:14px}.form-page textarea{resize:vertical;min-height:150px}.checkbox-group{align-items:center;gap:10px;margin-bottom:20px;display:flex}.preview-img{object-fit:cover;border:1px solid #ddd;border-radius:10px;width:220px;height:150px;margin-bottom:20px}.form-page button{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:6px;padding:12px 20px}.form-page button:hover{opacity:.9}.empty-box,.error-box{text-align:center;background:#fff;border-radius:12px;padding:40px}.error-box p{color:red}@media (width<=768px){.header{flex-direction:column;align-items:flex-start;gap:15px}.actions{flex-wrap:wrap;width:100%}table{display:block;overflow-x:auto}}.search-box{width:100%;margin-bottom:10px;padding:8px}.filters{gap:10px;margin-bottom:15px;display:flex}.filters button{cursor:pointer;background:#fff;border:1px solid #ddd;padding:6px 12px}.filters button.active{color:#fff;background:#000}.pagination{gap:8px;margin-top:20px;display:flex}.pagination button{cursor:pointer;border:1px solid #ddd;padding:5px 10px}.pagination button.active{color:#fff;background:#000}
