:root{--bg:#fff;--surface:#f8f9fa;--surface2:#f1f3f5;--border:#e5e7eb;--border-input:#d1d5db;--magenta:#ea0a8e;--magenta-dim:#b0005c;--magenta-dark:#fce8f3;--magenta-glow:#ea0a8e26;--red:#c00;--red-dim:#900;--amber:#9e5c00;--amber-dim:#7a4700;--yellow:#dfc412;--cyan:#005f87;--cyan-dim:#046;--focus-ring:#005f8740;--text:#1a1a1a;--text-dim:#333;--text-muted:#555;--font-mono:"Share Tech Mono", monospace;--font-display:"Orbitron", sans-serif;--green:#00c853}:root[data-theme=dark]{--bg:#1e1e24;--surface:#262a34;--surface2:#2f3440;--border:#3d4351;--border-input:#4d5566;--magenta:#ea0a8e;--magenta-dim:#ff33a8;--magenta-dark:#3a1c2e;--magenta-glow:#ea0a8e4d;--text:#f8f9fa;--text-dim:#ced4da;--text-muted:#adb5bd;--red:#ff4d4d;--amber:#ffb84d;--cyan:#3cf;--cyan-dim:#007a99;--focus-ring:#33ccff40;--yellow:#ffd60a;--green:#3f9}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);height:100vh;font-size:14px;transition:background .3s,color .3s;overflow:hidden}header{border-bottom:1px solid var(--magenta-dark);background:var(--surface);z-index:10;align-items:center;padding:12px 20px;display:flex;position:relative}header:after{content:"";background:linear-gradient(90deg, transparent, var(--magenta), transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.header-left{flex:1;justify-content:flex-start;display:flex}.logo{font-family:var(--font-display);color:var(--magenta);letter-spacing:3px;text-transform:uppercase;text-shadow:0 0 15px var(--magenta-glow);text-align:center;font-size:20px;font-weight:900;line-height:1.2}.logo span{color:var(--cyan)}.header-controls{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.theme-switch{cursor:pointer;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:11px;display:inline-flex}.theme-switch input{display:none}.slider{background-color:var(--surface2);border:1px solid var(--border);border-radius:18px;width:36px;height:18px;transition:all .3s;position:relative}.slider:before{content:"";background-color:var(--magenta);border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;bottom:2px;left:2px}.theme-switch input:checked+.slider{background-color:var(--magenta-dark);border-color:var(--magenta)}.theme-switch input:checked+.slider:before{background-color:var(--magenta);transform:translate(18px)}.mobile-burger-btn{color:var(--magenta);cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s;display:none}.mobile-burger-btn:hover{color:var(--cyan)}.desktop-sidebar-btn{font-family:var(--font-mono);letter-spacing:.5px;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:4px 10px;font-size:10px;transition:all .2s}.desktop-sidebar-btn:hover{color:var(--magenta);border-color:var(--magenta-dim)}@media (width<=768px){.desktop-sidebar-btn{display:none}}.app{background:var(--bg);grid-template-columns:220px 1fr;height:calc(100vh - 59px);transition:grid-template-columns .25s;display:grid}.app.sidebar-collapsed{grid-template-columns:0 1fr}.app.sidebar-collapsed .left-sidebar{border-right:none;padding:0;overflow:hidden}.left-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;padding:16px 0;display:flex;overflow:hidden auto}.nav-panel{padding:0 16px}.sidebar-version{color:var(--text-muted);letter-spacing:.5px;border-top:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;margin-top:auto;padding:12px 16px 8px;font-size:10px;overflow:hidden}.app.sidebar-collapsed .sidebar-version{display:none}.panel-section{margin-bottom:20px}.panel-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.flow-list{margin:0;padding:0;list-style:none}.flow-list li{cursor:pointer;color:var(--text);border-left:2px solid #0000;padding:8px 12px;font-size:12px;transition:all .2s}.flow-list li.active{border-left-color:var(--magenta);color:var(--magenta);background:#d900790d}.flow-list li.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.mobile-only-theme{display:none}@media (width<=768px){.mobile-only-theme{display:block}.mobile-only-theme .theme-switch{display:flex}}.center-area{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.config-panel{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 20px}.config-bar{align-items:end;gap:10px;display:flex}.config-item{flex:1;min-width:0}.config-item label{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px;font-size:8px;display:block}.config-item select{background:var(--bg);border:1px solid var(--border-input);width:100%;color:var(--text);font-family:var(--font-mono);cursor:pointer;outline:none;padding:5px 8px;font-size:11px}.config-item select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--focus-ring)}.config-item select:disabled{opacity:.6;cursor:not-allowed;background:var(--surface2);border-color:var(--border)}.adv-toggle-btn{border:1px solid var(--border-input);color:var(--cyan);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;padding:5px 10px;font-size:8px;transition:all .2s}.adv-toggle-btn:hover{color:var(--magenta);border-color:var(--magenta)}.adv-toggle-btn:disabled{opacity:.6;cursor:not-allowed;color:var(--text-muted);border-color:var(--border)}.advanced-content{border-top:1px solid var(--border);margin-top:10px;padding-top:12px}.advanced-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:20px;margin-top:12px;padding-top:12px;display:grid}.advanced-col{flex-direction:column;gap:10px;display:flex}#mock_identity{width:30px}.start-flow-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.log-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.log-header{border-bottom:1px solid var(--border);background:var(--surface2);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.log-title{font-family:var(--font-display);letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;font-size:9px}.log-clear{color:var(--magenta);cursor:pointer;text-transform:uppercase;background:0 0;border:none;margin-left:8px;font-size:9px}.log-clear:hover{color:var(--text-dim)}.log-entries{flex-direction:column;flex:1;gap:4px;padding:8px 16px;display:flex;position:relative;overflow-y:auto}.log-entries:before{content:"";background:var(--magenta-dim);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:25.5px}.log-entry{font-size:11px;line-height:1.5;font-family:var(--font-mono);gap:10px;display:flex}.log-entry .ts{color:var(--text-dim);white-space:nowrap;flex-shrink:0;padding-left:25px}.log-entry .tag{flex-shrink:0;min-width:50px;font-weight:700}.log-entry .msg{color:var(--text-dim);word-break:break-word}.log-entry.info .ts,.log-entry.info .tag{color:var(--cyan)}.log-entry.info .msg{color:var(--text-dim)}.log-entry.success .ts,.log-entry.success .tag{color:var(--green)}.log-entry.success .msg{color:var(--text-dim)}.log-entry.error .ts,.log-entry.error .tag,.log-entry.error .msg{color:var(--red)}.log-entry.warn .ts,.log-entry.warn .tag,.log-entry.warn .msg{color:var(--amber)}.log-entry.debug .ts,.log-entry.debug .tag{color:var(--text-muted)}.log-entry.debug .msg{color:var(--text-muted);font-style:italic}.request-show-btn{color:var(--magenta);cursor:pointer;font-size:inherit;font-family:var(--font-mono);background:0 0;border:none;padding:0;text-decoration:underline}.request-show-btn:hover{opacity:.7}.request-modal{z-index:9999;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.request-modal-backdrop{background:#000000b3;position:absolute;inset:0}.request-modal-content{background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:8px;max-width:95vw;max-height:90vh;padding:16px;position:relative;overflow:auto}.request-modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.request-modal-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--text);font-size:10px}.request-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.request-modal-close:hover{color:var(--magenta)}.request-modal pre,.log-entry.debug pre{color:var(--cyan);white-space:pre-wrap;word-break:break-all;max-width:100%;font-size:12px;font-family:var(--font-mono);background:#000;border-radius:8px;margin:5px;padding:16px;line-height:1.5}.log-result{border-left:2px solid var(--cyan-dim);background:var(--surface2);margin:2px 0 2px 24px}.log-result-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 10px;transition:background .15s;display:flex}.log-result-header:hover{background:var(--surface)}.log-result-toggle{color:var(--cyan);text-align:center;flex-shrink:0;width:12px;font-size:9px}.log-result-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--cyan);font-size:9px}.log-result-body{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.result-card-subtitle{letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.token-copy-hint{color:var(--text-muted);text-transform:none;font-size:9px;font-weight:400}.jwtio-btn{color:var(--cyan);font-family:var(--font-mono);border:1px solid var(--cyan);border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:3px 10px;font-size:10px;text-decoration:none;transition:all .15s;display:inline-flex}.jwtio-btn:hover{background:var(--magenta-dark);color:var(--magenta)}.result-pre{color:var(--cyan);white-space:pre-wrap;word-break:break-all;font-size:11px;font-family:var(--font-mono);background:#000;border-radius:4px;max-height:120px;margin:0;padding:10px;line-height:1.5;overflow-y:auto}@media (width<=900px){.log-result-title,.log-result-toggle{font-size:11px}.result-pre{font-size:13px}}.config-guide{background:var(--surface2);color:var(--text-dim);align-items:center;gap:8px;margin-bottom:8px;padding:6px 10px;font-size:10px;line-height:1.4;display:flex}.config-guide-dot{background:var(--magenta);border-radius:50%;flex-shrink:0;width:6px;height:6px}.config-guide strong{color:var(--magenta);font-weight:400}@media (width<=900px){.config-guide{padding:8px 10px;font-size:13px}}.milestone{min-height:20px;padding:2px 0 2px 24px;position:relative}.milestone-dot{background:var(--border);border:1.5px solid var(--text-muted);z-index:1;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;top:5px;left:5px}.milestone[data-status=running] .milestone-dot{background:var(--amber);border-color:var(--amber)}.milestone[data-status=done] .milestone-dot{background:var(--magenta);border-color:var(--magenta)}.milestone-body{align-items:center;gap:8px;min-width:0;display:flex}.milestone-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--magenta-dim);flex-shrink:0;font-size:10px}.milestone-line{background:var(--magenta-dim);opacity:.25;flex:1;min-width:16px;height:1px}.milestone-guide-btn{color:var(--magenta);cursor:pointer;font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px;background:0 0;border:none;flex-shrink:0}.milestone-guide-btn:hover{opacity:.7}.milestone-guide{color:var(--magenta-dark);background:var(--cyan);margin-bottom:2px;margin-left:30px;margin-right:10px;padding:5px;font-size:10px;line-height:1.5}.milestone-guide p{margin-bottom:4px}.milestone-guide strong{color:var(--magenta);font-weight:400}.milestone-guide h3{color:var(--text);margin-bottom:4px;font-size:10px;font-weight:700}.milestone-guide code{background:var(--surface2);color:var(--cyan);border-radius:2px;padding:1px 4px}.actions-bar{border-top:1px solid var(--magenta-dark);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;display:flex}.actions-bar .btn{padding:6px 12px;font-size:10px}.custom-actions{align-items:center;gap:8px;display:flex}.sso-dropdown-wrapper{display:inline-flex;position:relative}.sso-dropdown-menu{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:4px;flex-direction:column;gap:2px;min-width:160px;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0003}.sso-dropdown-menu .btn{white-space:nowrap;justify-content:flex-start;padding:6px 12px;font-size:10px}.btn{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:6px;padding:8px 16px;font-size:11px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{border-color:var(--magenta);color:var(--magenta)}.btn-primary:hover{background:var(--magenta);color:var(--bg);box-shadow:0 0 15px var(--magenta-glow)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red);color:var(--bg);box-shadow:0 0 15px #f336}.btn-danger:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-warn{border-color:var(--amber);color:var(--amber)}.btn-warn:hover{background:var(--amber);color:var(--bg);box-shadow:0 0 15px #ffa50066}.btn-warn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-cyan{border-color:var(--cyan);color:var(--cyan)}.btn-cyan:hover{background:var(--cyan);color:var(--bg);box-shadow:0 0 15px #00d4ff66}.btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.field label{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px;font-size:8px;display:block}.field input,.field select,.field textarea{background:var(--bg);border:1px solid var(--border-input);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:5px 8px;font-size:11px;transition:all .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--focus-ring)}.field textarea{resize:vertical;min-height:40px}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--surface2);border-color:var(--border);color:var(--text-dim)}.data-item{background:var(--surface2);border:1px solid var(--border);padding:6px 10px}.data-item .key{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;margin-bottom:2px;font-size:9px}.data-item .val{color:var(--cyan);word-break:break-all;font-size:11px}.token-box{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);word-break:break-all;cursor:pointer;max-height:80px;margin-top:8px;padding:10px;font-size:10px;line-height:1.4;overflow-y:auto}.token-box:hover{border-color:var(--magenta-dim)}.token-box a{color:var(--magenta-dark)}.userinfo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:10px;display:grid}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--magenta-dim)}@media (width<=900px){body{height:auto;overflow:auto}.app{flex-direction:column;height:auto;display:flex}.left-sidebar{background:var(--surface2);border:1px solid var(--border);z-index:1000;border-top:none;flex-direction:row;width:100%;height:auto;max-height:50vh;padding:12px;display:none;position:absolute;top:59px;left:0;overflow-y:auto;box-shadow:0 5px 15px #0006}.left-sidebar.mobile-open{display:flex}.mobile-burger-btn{display:block}.header-controls .theme-switch{display:none}.logo{text-align:left;width:90%}.config-panel{padding:10px 12px}.config-bar{flex-wrap:wrap;gap:6px}.config-item{min-width:100%}.adv-toggle-btn{text-align:center;padding:10px;font-size:11px}.advanced-grid{grid-template-columns:1fr;gap:14px}.start-flow-row{gap:8px}.start-flow-row .btn,.start-flow-row .adv-toggle-btn{white-space:normal;text-align:center;flex:1;justify-content:center;align-items:center;min-height:44px;padding:8px 10px;font-size:11px;display:flex}.log-panel{min-height:60vh}.log-entries{padding:6px 10px}.log-entries:before{left:19px}.log-entry{grid-template-columns:auto 1fr;align-items:start;gap:0 8px;font-size:14px;display:grid}.log-entry .ts{grid-area:1/1;padding-bottom:1px;padding-left:19px;font-size:12px}.log-entry .tag{text-align:right;grid-area:2/1;padding-left:19px}.log-entry .msg{grid-area:1/2/3;padding-left:10px}.milestone-label,.milestone-guide-btn{font-size:12px}.milestone-guide{font-size:13px}.log-result{margin-left:14px}.log-result-title{font-size:12px}.log-result-toggle{font-size:11px}.actions-bar{flex-wrap:wrap;gap:6px}.actions-bar .btn,.custom-actions .btn{text-align:center;flex:1;justify-content:center;min-width:calc(50% - 6px);padding:10px 8px;font-size:12px}.custom-actions{flex-wrap:wrap;width:100%}body{font-size:16px}.field label{font-size:11px}.field input,.field select,.field textarea{padding:8px 10px;font-size:14px}.btn{padding:10px 16px;font-size:13px}}.prereq-banner{border:1px solid var(--amber-dim);border-left:3px solid var(--amber);color:var(--amber);background:#ffa50014;margin-bottom:16px;padding:10px 14px;font-size:11px;line-height:1.5;display:none}.prereq-banner.visible{display:block}