*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-gradient-main{background:linear-gradient(135deg,#eef2ff,#fff,#faf5ff)}.bg-gradient-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bg-gradient-purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.bg-gradient-primary-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.bg-gradient-primary-card{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.bg-gradient-success-card{background:linear-gradient(135deg,#10b981,#059669)}.gradient-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-green{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-yellow{background:linear-gradient(135deg,#fde047,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-red{background:linear-gradient(135deg,#dc2626,#be123c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.match-excellent{color:#059669;background-color:#d1fae5}.match-good{color:#2563eb;background-color:#dbeafe}.match-moderate{color:#d97706;background-color:#fef3c7}.match-weak{color:#ea580c;background-color:#ffedd5}.match-poor{color:#dc2626;background-color:#fee2e2}.match-default{color:#4b5563;background-color:#f3f4f6}.btn-upload{width:100%;padding:1rem;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;border-radius:.75rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-upload:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.btn-upload:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-analyze{width:100%;padding:1rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:.75rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-analyze:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.05)}.btn-analyze:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-blob{animation:blob 7s infinite}.animate-shake{animation:shake .5s}.animate-fade-in{animation:fade-in .5s ease-out}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-24{width:6rem}.h-2{height:.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-24{height:6rem}.h-full{height:100%}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pl-4{padding-left:1rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.text-purple-600{color:#9333ea}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-yellow-600{color:#ca8a04}.text-indigo-600{color:#4f46e5}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-200{background-color:#e5e7eb}.bg-blue-50{background-color:#eff6ff}.bg-green-50{background-color:#f0fdf4}.bg-red-50{background-color:#fef2f2}.bg-yellow-50{background-color:#fefce8}.bg-yellow-500{background-color:#eab308}.bg-indigo-200{background-color:#c7d2fe}.bg-indigo-600{background-color:#4f46e5}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-gray-300{border-color:#d1d5db}.border-gray-400{border-color:#9ca3af}.border-green-200{border-color:#bbf7d0}.border-green-400{border-color:#4ade80}.border-red-200{border-color:#fecaca}.border-blue-500{border-color:#3b82f6}.border-blue-200{border-color:#bfdbfe}.border-purple-500{border-color:#a855f7}.border-green-500{border-color:#22c55e}.border-orange-500{border-color:#f97316}.border-t-indigo-600{border-top-color:#4f46e5}.border-t-transparent{border-top-color:transparent}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a}.hover\:border-gray-400:hover{border-color:#9ca3af}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover,.scale-105{transform:scale(1.05)}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-1000{transition-duration:1s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.top-1\/2{top:50%}.left-1\/2{left:50%}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.block{display:block}.hidden{display:none}.overflow-hidden{overflow:hidden}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bg-app{background-color:#f8fafc}.app-header{background-color:#1f3a5f;color:#fff;padding:1rem 2rem;box-shadow:0 2px 6px #00000014}.app-header-title{font-size:1.25rem;font-weight:700}.app-header-subtitle{font-size:.875rem;color:#dbeafe;margin-top:.25rem}.role-badge{background-color:#3b82f6;color:#fff;padding:.35rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.upload-card{background-color:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px #0000000f;border:1px solid #e5e7eb}.dropzone{border:2px dashed #cbd5e1;border-radius:.75rem;padding:3rem;text-align:center;color:#475569;background-color:#fff}.btn-primary{background-color:#cbd5e1;color:#fff;padding:.75rem 1.75rem;border-radius:.5rem;font-weight:600;border:none}.btn-secondary{background-color:#fff;border:1px solid #e5e7eb;color:#1f3a5f;padding:.75rem 1.75rem;border-radius:.5rem;font-weight:600}.brand-blue{color:#1f3a5f}.bg-brand-blue{background-color:#1f3a5f}.border-brand-blue{border-color:#1f3a5f}