.jwt-decoder-tool[data-v-d6224b07]{display:flex;flex-direction:column;gap:1.5rem}.input-section[data-v-d6224b07]{display:flex;flex-direction:column;gap:.75rem}.input-label[data-v-d6224b07]{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.jwt-input[data-v-d6224b07]{width:100%;padding:1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-mono);font-size:.85rem;line-height:1.5;resize:vertical;transition:all .15s ease}.jwt-input[data-v-d6224b07]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.jwt-input[data-v-d6224b07]::placeholder{color:var(--color-text-muted)}.action-buttons[data-v-d6224b07]{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn[data-v-d6224b07]{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.85rem;transition:all .15s ease}.action-btn[data-v-d6224b07]:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-icon[data-v-d6224b07]{font-size:1rem}.jwt-structure[data-v-d6224b07]{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:1rem;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-wrap:wrap}.structure-part[data-v-d6224b07]{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-md)}.structure-part.header[data-v-d6224b07]{background:#ef444426}.structure-part.payload[data-v-d6224b07]{background:#8b5cf626}.structure-part.signature[data-v-d6224b07]{background:#3b82f626}.part-label[data-v-d6224b07]{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase}.part-value[data-v-d6224b07]{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-secondary);background:none;padding:0}.structure-dot[data-v-d6224b07]{font-size:1.5rem;font-weight:700;color:var(--color-text-muted)}.error-message[data-v-d6224b07]{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem}.result-section[data-v-d6224b07]{display:flex;flex-direction:column;gap:1rem}.status-card[data-v-d6224b07]{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-lg)}.status-card.expired[data-v-d6224b07]{background:#ef44441a;border-color:#ef44444d}.status-icon[data-v-d6224b07]{font-size:2rem}.status-info[data-v-d6224b07]{display:flex;flex-direction:column;gap:.25rem}.status-text[data-v-d6224b07]{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.status-detail[data-v-d6224b07]{font-size:.85rem;color:var(--color-text-secondary)}.decode-card[data-v-d6224b07]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header[data-v-d6224b07]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.card-header.header-color[data-v-d6224b07]{background:#ef44441a}.card-header.payload-color[data-v-d6224b07]{background:#8b5cf61a}.card-header.signature-color[data-v-d6224b07]{background:#3b82f61a}.card-title[data-v-d6224b07]{font-size:.85rem;font-weight:600;color:var(--color-text-primary)}.copy-btn[data-v-d6224b07]{padding:.25rem .625rem;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:.75rem;transition:all .15s ease}.copy-btn[data-v-d6224b07]:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-deep)}.card-content[data-v-d6224b07]{padding:1rem}.json-display[data-v-d6224b07]{display:flex;flex-direction:column;gap:.5rem}.json-row[data-v-d6224b07]{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;border-radius:var(--radius-sm);flex-wrap:wrap}.json-row.standard[data-v-d6224b07]{background:var(--color-bg-base)}.json-key[data-v-d6224b07]{color:var(--color-accent);font-family:var(--font-mono);font-size:.85rem}.json-colon[data-v-d6224b07]{color:var(--color-text-muted)}.json-value[data-v-d6224b07]{flex:1;display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.json-value code[data-v-d6224b07]{font-family:var(--font-mono);font-size:.85rem;color:var(--color-primary);background:none;padding:0;word-break:break-all}.time-hint[data-v-d6224b07]{font-size:.8rem;color:var(--color-text-muted)}.json-hint[data-v-d6224b07]{font-size:.75rem;color:var(--color-text-muted);font-style:italic;width:100%;margin-top:.25rem}.signature-display[data-v-d6224b07]{display:flex;flex-direction:column;gap:1rem}.signature-value[data-v-d6224b07]{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-secondary);word-break:break-all;background:var(--color-bg-base);padding:1rem;border-radius:var(--radius-md)}.signature-note[data-v-d6224b07]{font-size:.8rem;color:var(--color-text-muted);margin:0;padding:.75rem;background:#eab3081a;border-radius:var(--radius-md)}.timeline-card[data-v-d6224b07]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.timeline[data-v-d6224b07]{display:flex;flex-direction:column;gap:.75rem}.timeline-item[data-v-d6224b07]{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--color-bg-base);border-radius:var(--radius-md);flex-wrap:wrap}.timeline-item.expired[data-v-d6224b07]{background:#ef44441a}.timeline-label[data-v-d6224b07]{min-width:120px;font-size:.8rem;color:var(--color-text-muted)}.timeline-value[data-v-d6224b07]{flex:1;font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-primary)}.timeline-relative[data-v-d6224b07]{font-size:.8rem;color:var(--color-text-secondary)}.empty-state[data-v-d6224b07]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon[data-v-d6224b07]{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p[data-v-d6224b07]{color:var(--color-text-muted);font-size:.9rem;margin:0}.empty-hint[data-v-d6224b07]{margin-top:.5rem!important;font-size:.8rem!important}