@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700&display=swap";
:root{--primary:#667eea;--primary-dark:#5a67d8;--secondary:#764ba2;--accent:#f093fb;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dark:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--font-primary:"Poppins", sans-serif;--font-secondary:"Playfair Display", serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 40px #667eea4d;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--gray-50);color:var(--gray-800);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary);color:var(--white)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}@media (max-width:768px){.section{padding:60px 0}}.section-title{font-family:var(--font-secondary);text-align:center;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:var(--gray-600);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.btn{border-radius:var(--radius-full);transition:all var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-secondary:hover{background:var(--primary);color:var(--white)}.btn-white{background:var(--white);color:var(--primary)}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:.5s forwards fadeIn}.animate-slideUp{animation:.5s forwards slideUp}.animate-slideDown{animation:.5s forwards slideDown}.animate-scaleIn{animation:.5s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.toast-container{z-index:9999;position:fixed;top:20px;right:20px}.page-transition{animation:.3s fadeIn}.admin-container{min-height:100vh;display:flex}.admin-content{background:var(--gray-100);flex:1;padding:2rem}.admin-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.admin-title{color:var(--gray-800);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-label{color:var(--gray-700);margin-bottom:.5rem;font-weight:500;display:block}.form-input{border:2px solid var(--gray-200);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);padding:12px 16px;font-size:1rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.form-textarea{resize:vertical;min-height:120px}.image-upload{border:2px dashed var(--gray-300);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);padding:2rem}.image-upload:hover{border-color:var(--primary);background:#667eea0d}.image-upload.dragover{border-color:var(--primary);background:#667eea1a}.image-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.image-item{aspect-ratio:1;border-radius:var(--radius-md);position:relative;overflow:hidden}.image-item img{object-fit:cover;width:100%;height:100%}.image-item .delete-btn{background:var(--error);width:30px;height:30px;color:var(--white);opacity:0;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.image-item:hover .delete-btn{opacity:1}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--gray-200);padding:12px 16px}.table th{background:var(--gray-50);color:var(--gray-700);font-weight:600}.table tr:hover{background:var(--gray-50)}.badge{border-radius:var(--radius-full);align-items:center;padding:4px 12px;font-size:.875rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#10b9811a}.badge-warning{color:var(--warning);background:#f59e0b1a}.badge-error{color:var(--error);background:#ef44441a}.badge-info{color:var(--info);background:#3b82f61a}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:90vh;padding:2rem;animation:.3s scaleIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{background:var(--gray-100);width:36px;height:36px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--gray-200)}