@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;background:#f8fafc;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{min-height:100vh}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in-95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.2s ease-out fade-in}.zoom-in-95{animation:.3s ease-out zoom-in-95}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card{background:#fff;border-radius:16px;margin-bottom:15px;padding:20px;box-shadow:0 1px 3px #0000000a}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:14px;width:100%;padding:14px 24px;font-size:15px;font-weight:600}.input{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;width:100%;margin-bottom:12px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.text-primary{color:#2563eb}.text-sm{font-size:13px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.sticky{position:sticky}.top-0{top:0}.fixed{position:fixed}.bottom-0{bottom:0}.w-full{width:100%}.max-w-2xl{max-width:672px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-col{flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-4{padding:16px}.p-6{padding:24px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-center{text-align:center}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.bg-white{background:#fff}.bg-gray-50{background:#f8fafc}.bg-gray-100{background:#f1f5f9}.border{border:1px solid #e2e8f0}.border-b{border-bottom:1px solid #e2e8f0}.border-t{border-top:1px solid #e2e8f0}.hover\:bg-gray-200:hover{background:#e2e8f0}.pb-20{padding-bottom:80px}.space-y-3>*+*{margin-top:12px}.cursor-pointer{cursor:pointer}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.opacity-0{opacity:0}.transition-all{transition:all .2s}.transition-colors{transition:color .2s,background-color .2s}.transition-transform{transition:transform .2s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.bg-blue-600{background:#2563eb}.hover\:bg-blue-700:hover{background:#1d4ed8}.text-white{color:#fff}.shadow-lg{box-shadow:0 10px 25px #0000000f}.shadow-sm{box-shadow:0 1px 2px #0000000a}.shadow-2xl{box-shadow:0 25px 50px #0000001f}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-\[16\/10\]{aspect-ratio:16/10}.object-cover{object-fit:cover}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.select-none{-webkit-user-select:none;user-select:none}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (width>=768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:shadow-xl:hover{box-shadow:0 20px 30px #00000014}.hover\:-translate-y-1:hover{transform:translateY(-2px)}.active\:scale-\[0\.98\]:active{transform:scale(.98)}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-3{top:12px}.right-3{right:12px}.top-4{top:16px}.right-4{right:16px}.left-3{left:12px}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bg-white\/80{background:#fffc}.bg-white\/90{background:#ffffffe6}.bg-black\/50{background:#00000080}.hover\:bg-gray-100:hover{background:#f1f5f9}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.w-10{width:40px}.h-10{height:40px}.w-5{width:20px}.h-5{height:20px}.w-2{width:8px}.h-2{height:8px}.w-2\.5{width:10px}.h-2\.5{height:10px}.h-1\.5{height:6px}.w-12{width:48px}.h-12{height:48px}.w-20{width:80px}.h-20{height:80px}.text-2xl{font-size:24px}.text-3xl{font-size:28px}.text-4xl{font-size:36px}.text-5xl{font-size:48px}.text-6xl{font-size:56px}.text-7xl{font-size:64px}.text-8xl{font-size:80px}.text-lg{font-size:17px}.text-base,.text-\[15px\]{font-size:15px}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-20{padding-top:80px;padding-bottom:80px}.px-4{padding-left:16px;padding-right:16px}.px-3{padding-left:12px;padding-right:12px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.max-w-4xl{max-width:896px}.max-w-6xl{max-width:1152px}.max-w-lg{max-width:512px}.max-w-md{max-width:448px}.max-h-\[90vh\]{max-height:90vh}.mx-auto{margin-left:auto;margin-right:auto}.ml-3{margin-left:12px}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.mt-6{margin-top:24px}.mr-2{margin-right:8px}.hover\:text-gray-700:hover{color:#374151}.hover\:text-gray-900:hover{color:#111827}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-green-500{color:#22c55e}.text-green-800{color:#166534}.text-blue-500{color:#3b82f6}.text-blue-700{color:#1d4ed8}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-700{color:#b91c1c}.text-purple-800{color:#6b21a8}.bg-green-500{background:#22c55e}.bg-orange-500{background:#f97316}.bg-green-100{background:#dcfce7}.bg-blue-100{background:#dbeafe}.bg-purple-100{background:#f3e8ff}.bg-red-100{background:#fee2e2}.bg-yellow-100{background:#fef9c3}.bg-blue-200{background:#bfdbfe}.bg-blue-50{background:#eff6ff}.text-yellow-800{color:#854d0e}.text-blue-200{color:#bfdbfe}.text-blue-800{color:#1e40af}.ring-2{box-shadow:0 0 0 2px #2563eb4d}.hover\:text-red-600:hover{color:#dc2626}.w-3\.5{width:14px}.h-3\.5{height:14px}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-50{--tw-gradient-to:#eef2ff}.min-h-screen{min-height:100vh}@media (width>=768px){.header-logout-btn{display:flex!important}}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}