.drop-zone{border:2px dashed #e5e7eb;border-radius:.5rem;padding:1.5rem;text-align:center;transition:all .2s ease;cursor:pointer}.drop-zone:hover{border-color:#3b82f6;background-color:#f9fafb}.dark .drop-zone{border-color:#374151}.dark .drop-zone:hover{border-color:#60a5fa;background-color:#1f2937}.jwt-section{margin-top:1.5rem;border-top:1px solid #f3f4f6;padding-top:1.5rem}.dark .jwt-section{border-top-color:#1f2937}.jwt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.badge{padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:9999px}.badge-blue{background-color:#dbeafe;color:#1e40af}.dark .badge-blue{background-color:rgba(30,58,138,.3);color:#60a5fa}.badge-green{background-color:#dcfce7;color:#166534}.dark .badge-green{background-color:rgba(22,101,52,.3);color:#4ade80}.badge-purple{background-color:#f3e8ff;color:#6b21a8}.dark .badge-purple{background-color:rgba(107,33,168,.3);color:#c084fc}.image-preview{margin-top:1rem;padding:1rem;border-radius:.5rem;background-color:#f9fafb;border:1px solid #f3f4f6}.dark .image-preview{background-color:rgba(31,41,55,.5);border-color:#374151}.image-preview img{max-height:400px;-o-object-fit:contain;object-fit:contain;margin:0 auto}