@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap";:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-color: #f9fafb;--card-bg: #ffffff;--text-main: #111827;--text-sub: #6b7280;--border: #e5e7eb}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-main)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-2>*+*{margin-top:.5rem}.h-screen{height:100vh}.h-full{height:100%}.h-80{height:20rem}.w-64{width:16rem}.w-full{width:100%}.flex-1{flex:1}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-y-0{top:0;bottom:0}.right-0{right:0}.z-10{z-index:10}.overflow-auto{overflow:auto}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.text-blue-600{color:#2563eb}.text-blue-200{color:#bfdbfe}.text-purple-600{color:#9333ea}.text-purple-200{color:#e9d5ff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-red-500{color:#ef4444}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-red-50:hover{background-color:#fef2f2}.border{border:1px solid #e5e7eb}.border-r{border-right:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem;font-weight:800}.text-2xl{font-size:1.5rem;font-weight:700}.text-3xl{font-size:1.875rem;font-weight:700}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.tracking-tighter{letter-spacing:-.05em}.p-4{padding:1rem}.p-6{padding:1.5rem}.pt-4{padding-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pr-8{padding-right:2rem}.pl-10{padding-left:2.5rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:relative{position:relative}}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-title h1{font-size:2rem;font-weight:900;margin:0;letter-spacing:-1px}.page-title p{color:var(--text-sub);margin:5px 0 0}.card{background:var(--card-bg);border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-bottom:40px;overflow:hidden;border:1px solid white}.card-header{padding:25px 30px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;font-size:1.2rem;font-weight:800;background-color:#f9fafb}.card-header.blue{border-left:6px solid #3b82f6;color:#1e3a8a}.card-header.purple{border-left:6px solid #8b5cf6;color:#5b21b6}.card-body{padding:40px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:40px}.grid-12{display:grid;grid-template-columns:300px 1fr;gap:40px}.form-group{margin-bottom:25px}.form-label{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:10px}.input-field,.textarea-field{width:100%;padding:16px 20px;border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:600;background-color:#f9fafb;transition:all .2s;outline:none;font-family:inherit;box-sizing:border-box}.input-field:focus,.textarea-field:focus{background-color:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.textarea-field{resize:none;min-height:120px}.upload-zone{width:100%;height:100%;min-height:350px;border:3px dashed var(--border);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background-color:#f9fafb;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--primary);background-color:#eef2ff}.upload-zone.active{border-color:#10b981;background-color:#ecfdf5}.upload-zone img{width:100%;height:100%;object-fit:cover;position:absolute}.upload-zone-small{min-height:180px}.chips-container{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:10px 20px;border-radius:50px;border:1px solid var(--border);background:#fff;font-weight:600;font-size:.9rem;color:var(--text-sub);cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 10px #4f46e54d;transform:translateY(-2px)}.btn-publish{width:100%;padding:25px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:1.2rem;font-weight:900;border:none;border-radius:16px;cursor:pointer;box-shadow:0 10px 30px #4f46e566;transition:transform .2s;display:flex;justify-content:center;align-items:center;gap:10px}.btn-publish:hover{transform:translateY(-3px);box-shadow:0 15px 35px #4f46e580}.btn-publish:active{transform:scale(.98)}@media(max-width:768px){.grid-12,.grid-2{grid-template-columns:1fr}.card-body{padding:20px}.container{padding:20px 10px}}