:root{--jwt-primary:#4f46e5;--jwt-primary-hover:#3730a3;--jwt-accent:#06b6d4;--jwt-warning:#ffc107;--jwt-danger:#dc3545;--jwt-success:#10b981;--jwt-bg-card:#ffffff;--jwt-bg-body:#f8fafc;--jwt-border:#e2e8f0;--jwt-text-dark:#0f172a;--jwt-text-muted:#475569;--jwt-font-mono:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.tfy-jwt-container{max-width:1140px;margin:0 auto}.tfy-jwt-header-gradient{color:var(--jwt-text-dark) !important;font-weight:800;letter-spacing:-0.5px}.tfy-jwt-card{background-color:var(--jwt-bg-card) !important;border:1px solid var(--jwt-border) !important;border-radius:12px !important;box-shadow:0 1px 3px 0 rgba(0,0,0,0.05),0 1px 2px -1px rgba(0,0,0,0.05) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.tfy-jwt-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.08) !important;border-color:var(--jwt-primary) !important}.tfy-jwt-card-header{background-color:#f8fafc !important;border-bottom:1px solid var(--jwt-border) !important;padding:1rem 1.5rem !important}.tfy-jwt-textarea{font-family:var(--jwt-font-mono) !important;font-size:0.9rem !important;border-radius:8px !important;border:1.5px solid var(--jwt-border) !important;padding:0.75rem 1rem !important;font-weight:500 !important;line-height:1.5 !important;resize:vertical;min-height:120px;transition:border-color 0.2s ease-in-out}.tfy-jwt-textarea:focus{border-color:var(--jwt-primary) !important;box-shadow:0 0 0 3px rgba(79,70,229,0.25) !important;outline:none !important}.tfy-jwt-input{border-radius:6px !important;border:1.5px solid var(--jwt-border) !important;padding:0.5rem 0.75rem !important;font-weight:500 !important;font-size:0.9rem !important;transition:border-color 0.2s ease-in-out}.tfy-jwt-input:focus{border-color:var(--jwt-primary) !important;box-shadow:0 0 0 3px rgba(79,70,229,0.25) !important;outline:none !important}.tfy-jwt-mono-block{font-family:var(--jwt-font-mono);font-size:0.85rem;background-color:#f8fafc;color:var(--jwt-text-dark);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--jwt-border);max-height:320px;overflow-y:auto;transition:max-height 0.25s cubic-bezier(0.4,0,0.2,1);position:relative}.tfy-jwt-mono-block.tfy-jwt-collapsed{max-height:100px !important;overflow-y:hidden !important}.tfy-jwt-mono-block.tfy-jwt-collapsed::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(transparent,#f8fafc);pointer-events:none}@media (max-width:768px){.tfy-jwt-textarea{min-height:180px !important}.tfy-jwt-container{padding-left:10px;padding-right:10px}.tfy-jwt-mono-block{max-height:220px}}.tfy-jwt-json-key{color:#4f46e5;font-weight:600}.tfy-jwt-json-string{color:#0891b2}.tfy-jwt-json-number{color:#0d9488}.tfy-jwt-json-boolean{color:#ca8a04}.tfy-jwt-json-null{color:#ef4444}.tfy-jwt-btn-primary{background-color:var(--jwt-primary) !important;border:1px solid var(--jwt-primary) !important;color:#ffffff !important;font-weight:700;border-radius:6px !important;padding:0.5rem 1.25rem;transition:background-color 0.2s ease-in-out}.tfy-jwt-btn-primary:hover{background-color:var(--jwt-primary-hover) !important;border-color:var(--jwt-primary-hover) !important}.tfy-jwt-btn-primary:disabled{background-color:#cbd5e1 !important;border-color:#cbd5e1 !important;color:#94a3b8 !important;cursor:not-allowed}.tfy-jwt-btn-outline{background-color:transparent !important;color:var(--jwt-primary) !important;border:1.5px solid var(--jwt-primary) !important;font-weight:700;border-radius:6px !important;padding:0.4rem 1rem;transition:all 0.2s ease-in-out}.tfy-jwt-btn-outline:hover{background-color:var(--jwt-primary) !important;color:#ffffff !important}.tfy-jwt-alert{border-radius:8px !important;border:1px solid rgba(0,0,0,0.05) !important;box-shadow:0 1px 2px rgba(0,0,0,0.05) !important}details.tfy-jwt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;outline:none;font-weight:600;padding:1rem 0;border-bottom:1px solid var(--jwt-border)}details.tfy-jwt-faq summary::-webkit-details-marker{display:none}details.tfy-jwt-faq summary::after{content:"+";font-size:1.2rem;color:var(--jwt-primary);transition:transform 0.2s ease}details.tfy-jwt-faq[open] summary::after{content:"−"}details.tfy-jwt-faq p{padding-top:0.5rem;padding-bottom:1rem;margin-bottom:0;line-height:1.6}.tfy-jwt-toast{position:fixed;bottom:2rem;right:2rem;z-index:2000;background-color:#0f172a;color:#ffffff;padding:0.75rem 1.5rem;border-radius:6px;box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1);font-weight:600;display:flex;align-items:center;gap:0.5rem;animation:tfy-jwt-toast-in 0.2s cubic-bezier(0.16,1,0.3,1)}@keyframes tfy-jwt-toast-in{from{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.tfy-jwt-badge-active{background-color:var(--jwt-primary) !important;color:#ffffff !important;border-color:var(--jwt-primary) !important;box-shadow:0 4px 6px -1px rgba(79,70,229,0.2),0 2px 4px -1px rgba(79,70,229,0.1) !important;transform:scale(1.08);font-weight:700 !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.tfy-jwt-legend-header{color:#ef4444 !important}.tfy-jwt-legend-payload{color:#a855f7 !important}.tfy-jwt-legend-signature{color:#14b8a6 !important}.tfy-jwt-tabs{gap:0.5rem}.tfy-jwt-tabs .nav-link{color:var(--jwt-text-muted) !important;border:1.5px solid var(--jwt-border) !important;background-color:#f8fafc !important;border-radius:20px !important;font-size:0.9rem;padding:0.5rem 1.5rem !important;font-weight:700 !important;transition:all 0.2s ease-in-out}.tfy-jwt-tabs .nav-link:hover{border-color:var(--jwt-primary) !important;color:var(--jwt-primary) !important}.tfy-jwt-tabs .nav-link.active{color:#ffffff !important;background-color:var(--jwt-primary) !important;border-color:var(--jwt-primary) !important;box-shadow:0 4px 6px -1px rgba(79,70,229,0.2) !important}.tfy-jwt-claims-panel{background-color:#f8fafc;border-radius:8px;border:1px solid var(--jwt-border)}@media (max-width:768px){.tfy-jwt-sticky-actions{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.96) !important;backdrop-filter:blur(8px);border-top:1px solid var(--jwt-border);padding:0.75rem 1rem;z-index:1050;box-shadow:0 -4px 15px rgba(0,0,0,0.08) !important;display:flex;gap:0.5rem;justify-content:space-around;align-items:center;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}body.tfy-jwt-has-sticky-actions{padding-bottom:75px !important}}