.login-form[data-v-043ea12b]{max-width:300px}.form-group[data-v-043ea12b]{margin-bottom:1rem}.form-group label[data-v-043ea12b]{display:block;margin-bottom:.25rem;font-weight:500;color:#333}.form-group input[data-v-043ea12b]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.form-group input[data-v-043ea12b]:focus{outline:none;border-color:#1a5f2a;box-shadow:0 0 0 2px #1a5f2a1a}.btn[data-v-043ea12b]{width:100%;margin-top:.5rem}.hint[data-v-043ea12b]{margin-top:1rem;font-size:.85rem;color:#666}.hint code[data-v-043ea12b]{background:#f0f0f0;padding:.2rem .4rem;border-radius:3px;font-size:.8rem}.auth-panel[data-v-6e1d148a]{background:#f9f9f9;border-radius:8px;overflow:hidden}.panel-header[data-v-6e1d148a]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f0f0f0;border-bottom:1px solid #e0e0e0}.panel-header h3[data-v-6e1d148a]{margin:0;font-size:.95rem;color:#333}.badge[data-v-6e1d148a]{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:#fff;font-weight:500}.panel-content[data-v-6e1d148a]{padding:1rem}.data-row[data-v-6e1d148a]{display:flex;padding:.5rem 0;border-bottom:1px solid #eee}.data-row[data-v-6e1d148a]:last-child{border-bottom:none}.data-key[data-v-6e1d148a]{flex:0 0 140px;font-weight:500;color:#666;font-size:.9rem}.data-value[data-v-6e1d148a]{flex:1;color:#333;word-break:break-all}.data-value pre[data-v-6e1d148a]{margin:0;font-size:.8rem;background:#fff;padding:.5rem;border-radius:4px;overflow-x:auto}.flow-diagram[data-v-22d5dcd8]{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem}.flow-container[data-v-22d5dcd8]{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.flow-step[data-v-22d5dcd8]{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f5f5f5;border-radius:12px;min-width:100px;transition:all .3s;opacity:.5}.flow-step.active[data-v-22d5dcd8]{opacity:1;background:#e8f5e9}.flow-step.completed[data-v-22d5dcd8]{background:#c8e6c9}.step-icon[data-v-22d5dcd8]{font-size:1.5rem;margin-bottom:.5rem}.step-label[data-v-22d5dcd8]{font-weight:600;color:#333;font-size:.9rem}.step-detail[data-v-22d5dcd8]{font-size:.75rem;color:#666;margin-top:.25rem}.flow-arrow[data-v-22d5dcd8]{font-size:1.5rem;color:#ccc;transition:all .3s}.flow-arrow.active[data-v-22d5dcd8]{color:#4caf50}.flow-legend[data-v-22d5dcd8]{display:flex;justify-content:center;gap:2rem;margin-top:1rem;font-size:.85rem;color:#666}.legend-dot[data-v-22d5dcd8]{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.legend-dot.session[data-v-22d5dcd8]{background:#ff9800}.legend-dot.jwt[data-v-22d5dcd8]{background:#2196f3}@media(max-width:600px){.flow-container[data-v-22d5dcd8]{flex-direction:column}.flow-arrow[data-v-22d5dcd8]{transform:rotate(90deg)}}.app{max-width:900px;margin:0 auto;padding:1rem}.header{text-align:center;padding:2rem 0}.header h1{color:#1a5f2a;margin-bottom:.5rem}.header p{color:#666}.main{display:flex;flex-direction:column;gap:1.5rem}.section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section h2{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#333}.step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;font-weight:700;font-size:.9rem}.step-number.active{background:#1a5f2a;color:#fff}.explanation{color:#666;margin-bottom:1rem;padding:.75rem;background:#f5f5f5;border-radius:8px;border-left:4px solid #1a5f2a}.explanation code{background:#e0e0e0;padding:.1rem .3rem;border-radius:3px;font-family:Courier New,monospace}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#1a5f2a;color:#fff}.btn-primary:hover:not(:disabled){background:#145022}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn-danger{background:#d32f2f;color:#fff}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-warning{background:#ff9800;color:#fff}.btn-warning:hover:not(:disabled){background:#f57c00}.token-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.token-expiry-panel{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;padding:1rem;margin-bottom:1rem}.token-expiry-panel.expiring-soon{background:#fff3e0;border-color:#ff9800;animation:pulse 1s infinite}.token-expiry-panel.expired{background:#ffebee;border-color:#f44336}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.expiry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.expiry-label{font-weight:500}.expiry-countdown{font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;color:#1976d2}.expiring-soon .expiry-countdown{color:#f57c00}.expired .expiry-countdown{color:#d32f2f}.expiry-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.expiry-bar-fill{height:100%;background:#2196f3;transition:width 1s linear}.expiring-soon .expiry-bar-fill{background:#ff9800}.expired .expiry-bar-fill{background:#f44336;width:0%!important}.expiry-hint{margin:.5rem 0 0;font-size:.9rem;color:#666}.auto-refresh-note{margin:1rem 0 0;padding:.75rem;background:#e3f2fd;border-radius:6px;font-size:.9rem;color:#1565c0}.button-group{display:flex;gap:.75rem;flex-wrap:wrap}.jwt-decoded{margin:1rem 0;padding:1rem;background:#1a1a2e;border-radius:8px;overflow-x:auto}.jwt-decoded h4{color:#61dafb;margin-bottom:.5rem}.jwt-decoded pre{color:#a5d6a7;margin:0;font-family:Courier New,monospace;font-size:.85rem}.response-panel{margin-top:1.5rem}.response-panel h4{color:#333;margin-bottom:.75rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.comparison-card{background:#f9f9f9;padding:1rem;border-radius:8px}.comparison-card h5{margin-bottom:.5rem}.comparison-card ul{list-style:none;padding:0;margin:0}.comparison-card li{padding:.25rem 0;font-size:.9rem}.why-both{background:#e3f2fd;padding:1rem;border-radius:8px;margin-top:1rem}.proof-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}.proof-column{padding:1rem;border-radius:8px;background:#fafafa;overflow:hidden}.proof-column h4{margin-bottom:1rem;font-size:1rem}.proof-column:first-child{border:2px dashed #f44336;background:#fff5f5}.proof-column:last-child{border:2px dashed #4caf50;background:#f5fff5}.proof-column .hint{font-size:.85rem;color:#666;margin-top:.5rem;font-style:italic}.additional-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.additional-actions h4{margin-bottom:1rem;color:#666}.test-result{margin-top:1rem;padding:1rem;border-radius:8px;font-family:Courier New,monospace}.test-result.test-pass{background:#e8f5e9;border:2px solid #4caf50}.test-result.test-fail{background:#ffebee;border:2px solid #f44336}.test-result-header{display:flex;gap:1rem;margin-bottom:.5rem;font-weight:700}.test-status{background:#c62828;color:#fff;padding:.25rem .5rem;border-radius:4px}.test-status.success{background:#2e7d32}.test-result-message{font-size:1rem;margin:.5rem 0}.test-result-body{background:#ffffffb3;padding:.75rem;border-radius:4px;margin-top:.5rem;font-size:.8rem;overflow:auto;max-height:200px;word-break:break-word}.test-result{word-break:break-word}.status-section{background:#f5f5f5}.status-grid{display:flex;gap:1rem}.status-card{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:8px;flex:1}.status-indicator{width:12px;height:12px;border-radius:50%;background:#f44336}.status-indicator.online{background:#4caf50}.status-label{margin-left:auto;font-size:.85rem;color:#666}.error-banner{background:#ffebee;color:#c62828;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#c62828}.footer{text-align:center;padding:2rem 0;color:#666}.footer a{color:#1a5f2a;text-decoration:none;margin:0 .5rem}.footer a:hover{text-decoration:underline}.logged-in{display:flex;flex-direction:column;gap:1rem}@media(max-width:600px){.comparison-grid,.proof-comparison{grid-template-columns:1fr}.status-grid,.button-group{flex-direction:column}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:400px}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-info{background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0}.toast-success{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.toast-error{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.toast-icon{font-size:1.25rem}.toast-message{flex:1;font-weight:500}.toast-close{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.6;padding:0;line-height:1}.toast-close:hover{opacity:1}