@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Outfit:wght@300;400;500;600;700&display=swap";.dashboard-page{height:100vh;display:flex;flex-direction:column;background:var(--bg-void);position:relative}.dashboard-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 30% 0%,rgba(78,42,132,.1) 0%,transparent 50%),radial-gradient(ellipse 40% 40% at 85% 80%,rgba(212,175,55,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.bank-header{background:linear-gradient(135deg,#4e2a84f2,#381e64fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:16px 28px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 24px #0000004d,inset 0 -1px #ffffff0d;position:relative;z-index:2;animation:fadeIn .4s var(--ease-out)}.bank-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent)}.bank-header .logo-mark{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--scb-gold) 0%,var(--scb-gold-soft) 100%);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--scb-purple);font-family:var(--font-display);box-shadow:0 2px 8px #d4af374d;letter-spacing:.02em}.bank-header .brand{flex:1}.bank-header .brand-name{font-size:17px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.bank-header .brand-sub{font-size:10.5px;opacity:.6;font-weight:500;margin-top:1px}.bank-header .user-badge{display:flex;align-items:center;gap:10px;padding:7px 16px;border-radius:var(--radius-pill);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);font-size:12.5px;font-weight:600}.bank-header .user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--scb-gold),var(--scb-gold-soft));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--scb-purple);font-family:var(--font-display)}.bank-header .sign-out{background:none;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;padding:7px 18px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;font-family:var(--font-display);letter-spacing:.02em}.bank-header .sign-out:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}.dashboard-content{flex:1;overflow-y:auto;padding:32px 28px;max-width:1000px;margin:0 auto;width:100%;position:relative;z-index:1}.dashboard-greeting{font-size:26px;font-weight:700;margin-bottom:28px;font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-title);animation:slideUp .5s var(--ease-out)}.account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:36px}.account-card{background:var(--bg-raised);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:22px 24px;border:1px solid var(--border-default);transition:all var(--dur-normal) var(--ease-out);animation:slideUp .5s var(--ease-out) backwards;position:relative;overflow:hidden}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);opacity:0;transition:opacity var(--dur-normal)}.account-card:nth-child(1){animation-delay:.05s}.account-card:nth-child(2){animation-delay:.1s}.account-card:nth-child(3){animation-delay:.15s}.account-card:hover{border-color:var(--border-emphasis);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.account-card:hover:before{opacity:1}.account-card .card-type{font-size:9.5px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.account-card .card-name{font-size:15px;font-weight:700;color:var(--text-title);font-family:var(--font-display);margin-bottom:3px}.account-card .card-number{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);font-weight:500;margin-bottom:16px}.account-card .card-balance-label{font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.account-card .card-balance{font-size:28px;font-weight:800;font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg,var(--scb-gold) 0%,var(--scb-gold-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.account-card .card-detail{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle);font-weight:500}.services-title{font-size:15px;font-weight:700;color:var(--text-title);font-family:var(--font-display);margin-bottom:14px;animation:slideUp .5s var(--ease-out) .2s backwards}.quick-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:36px}.service-tile{background:var(--bg-raised);border-radius:var(--radius-lg);padding:20px 16px;text-align:center;border:1px solid var(--border-default);cursor:pointer;transition:all var(--dur-normal) var(--ease-out);animation:slideUp .5s var(--ease-out) backwards;position:relative;overflow:hidden}.service-tile:nth-child(1){animation-delay:.25s}.service-tile:nth-child(2){animation-delay:.3s}.service-tile:nth-child(3){animation-delay:.35s}.service-tile:nth-child(4){animation-delay:.4s}.service-tile:nth-child(5){animation-delay:.45s}.service-tile:nth-child(6){animation-delay:.5s}.service-tile:hover{border-color:var(--border-emphasis);transform:translateY(-3px);box-shadow:var(--shadow-md)}.service-tile .tile-icon{font-size:30px;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.service-tile .tile-label{font-size:11.5px;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.service-tile.highlight{border-color:#06c7554d;background:linear-gradient(135deg,#06c7550f,#06c75505);position:relative}.service-tile.highlight:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(6,199,85,.25),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}.service-tile.highlight:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(6,199,85,.06),transparent 70%);pointer-events:none;animation:pulseGlow 3s ease-in-out infinite}.service-tile.highlight:hover{border-color:#06c75573;box-shadow:var(--shadow-glow-green);transform:translateY(-4px) scale(1.01)}.service-tile.highlight .tile-label{color:var(--green-soft);font-weight:800}.service-tile.highlight .tile-badge{display:inline-block;font-size:8px;font-weight:700;background:linear-gradient(135deg,#06c755,#05a847);color:#fff;padding:3px 10px;border-radius:var(--radius-pill);margin-top:8px;font-family:var(--font-display);letter-spacing:.03em;box-shadow:0 2px 6px #06c75540;position:relative;z-index:1}.bank-footer{background:var(--bg-deep);border-top:1px solid var(--border-subtle);padding:12px 28px;text-align:center;font-size:9px;color:var(--text-dim);flex-shrink:0;font-weight:500;letter-spacing:.02em;position:relative;z-index:1}@media (max-width: 768px){.dashboard-content{padding:20px 16px}.account-cards{grid-template-columns:1fr}.quick-services{grid-template-columns:repeat(2,1fr)}.dashboard-greeting{font-size:22px}}.phone-frame{width:440px;height:100vh;background:linear-gradient(180deg,#f8fafb,#f0f3f6);display:flex;flex-direction:column;flex-shrink:0;box-shadow:-1px 0 0 var(--border-subtle),1px 0 0 var(--border-subtle);position:relative;z-index:2}.phone-hdr{background:linear-gradient(135deg,#06c755,#05b54c,#049d42);color:#fff;padding:14px 20px;display:flex;align-items:center;gap:12px;flex-shrink:0;box-shadow:0 2px 16px #06c75533;position:relative;z-index:1}.phone-hdr:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.phone-hdr .avatar{width:38px;height:38px;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-family:var(--font-display);border:1px solid rgba(255,255,255,.1)}.phone-hdr .name{font-size:14.5px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.phone-hdr .sub{font-size:10.5px;opacity:.75;font-family:var(--font-body);font-weight:500}.phone-hdr .conn{margin-left:auto;font-size:9px;padding:3px 10px;border-radius:var(--radius-pill);background:#ffffff1f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:600;letter-spacing:.02em;border:1px solid rgba(255,255,255,.08);font-family:var(--font-mono)}.phone-hdr .conn.ok{background:#ffffff38;border-color:#ffffff26}.session-bar{background:var(--bg-base);padding:6px 20px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-shrink:0;border-bottom:1px solid var(--border-subtle)}.session-bar .sb-label{color:var(--text-dim);font-weight:500}.session-bar .sb-val{color:var(--blue-vivid);font-weight:600}.session-bar .sb-sep{color:var(--border-emphasis)}.session-bar .sb-step{color:var(--green-soft);margin-left:auto;font-weight:600}.chat-area{flex:1;overflow-y:auto;padding:20px;background:#6d8fa3;background-image:linear-gradient(180deg,rgba(0,0,0,.04) 0%,transparent 40%),linear-gradient(135deg,rgba(255,255,255,.028) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.028) 50%,rgba(255,255,255,.028) 75%,transparent 75%);background-size:100% 100%,22px 22px;display:flex;flex-direction:column;gap:6px;position:relative}.date-sep{text-align:center;font-size:10px;color:#fff;margin:14px 0 8px;background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 16px;border-radius:var(--radius-pill);align-self:center;font-weight:600;letter-spacing:.03em;font-family:var(--font-display);border:1px solid rgba(255,255,255,.06);animation:fadeIn .3s var(--ease-out)}.msg{max-width:82%;display:flex;flex-direction:column;animation:msgIn .35s var(--ease-out)}.msg-g{align-self:flex-start}.msg-c{align-self:flex-end}.msg .bubble{padding:10px 14px;font-size:12.5px;line-height:1.7;white-space:pre-wrap;word-break:break-word;font-weight:400}.msg-g .bubble{background:#fff;border-radius:2px 16px 16px;box-shadow:0 1px 4px #0000000f,0 0 0 .5px #00000008;color:#1a1d26}.msg-c .bubble{background:linear-gradient(135deg,#06c755,#05b34a);color:#fff;border-radius:16px 2px 16px 16px;box-shadow:0 2px 8px #06c75533}.msg .speaker{font-size:9px;font-weight:700;margin-bottom:3px;padding:0 4px;font-family:var(--font-display);letter-spacing:.02em}.msg-g .speaker{color:#ffffffd9}.msg-c .speaker{color:#fff9;text-align:right}.msg .time{font-size:8px;color:#ffffff80;margin-top:3px;padding:0 4px;font-family:var(--font-mono);font-weight:500}.msg-c .time{text-align:right}.api-data{text-decoration:underline;text-decoration-color:#38bdf880;text-underline-offset:2px;text-decoration-thickness:1.5px}.msg-c .api-data{text-decoration-color:#fff6}.api-badge{display:inline-block;font-size:7px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:3px;vertical-align:middle;background:#0369a11f;color:#0284c7;font-family:var(--font-mono);letter-spacing:.03em}.msg-c .api-badge{background:#fff3;color:#fff}.cb-data{text-decoration:underline;text-decoration-color:#a78bfa66;text-underline-offset:2px;text-decoration-thickness:1.5px}.cb-badge{display:inline-block;font-size:7px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:3px;vertical-align:middle;background:#7c3aed1a;color:#7c3aed;font-family:var(--font-mono)}.pc-data{text-decoration:underline;text-decoration-color:#22c55e66;text-underline-offset:2px;text-decoration-thickness:1.5px}.pc-badge{display:inline-block;font-size:7px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:3px;vertical-align:middle;background:#16a34a1a;color:#16a34a;font-family:var(--font-mono)}.nd-data{text-decoration:underline;text-decoration-color:#f59e0b66;text-underline-offset:2px;text-decoration-thickness:1.5px}.nd-badge{display:inline-block;font-size:7px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:3px;vertical-align:middle;background:#f59e0b1a;color:#d97706;font-family:var(--font-mono)}.hpe-comp{background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:var(--radius-sm);padding:4px 10px;margin:4px 0;font-size:10px;color:#0ea5e9;font-family:var(--font-mono);display:inline-block;font-weight:500}.sys-msg{align-self:center;max-width:94%;background:#0a0e1ad1;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:10px 16px;font-size:10px;color:var(--text-primary);line-height:1.65;margin:8px 0;animation:msgIn .35s var(--ease-out);box-shadow:0 2px 12px #0000004d}.sys-msg .hl-persona{color:var(--blue-vivid);text-decoration:underline;text-decoration-color:var(--blue-vivid);text-underline-offset:2px;font-weight:700}.sys-msg .hl-irate{color:var(--orange-vivid);text-decoration:underline;text-decoration-color:var(--orange-vivid);text-underline-offset:2px;font-weight:700}.sys-msg .hl-swim{text-decoration:underline;text-underline-offset:2px;font-weight:700}.sys-msg code{font-family:var(--font-mono);font-size:9px;background:#ffffff14;padding:1px 5px;border-radius:3px;color:var(--blue-soft);font-weight:500}.sys-msg strong{color:var(--blue-vivid)}.typing-indicator{align-self:flex-start;display:flex;gap:5px;padding:12px 18px;background:#fff;border-radius:2px 16px 16px;box-shadow:0 1px 4px #0000000f;animation:msgIn .3s var(--ease-out)}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:dotPulse 1.4s infinite var(--ease-out)}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.next-prompt{text-align:center;padding:12px 0;animation:msgIn .35s var(--ease-out)}.next-btn{padding:9px 28px;background:linear-gradient(135deg,#06c755,#05a847);color:#fff;border:none;border-radius:var(--radius-pill);font-size:13px;font-weight:700;font-family:var(--font-display);letter-spacing:.01em;box-shadow:0 3px 12px #06c7554d,0 0 0 .5px #06c75533;transition:all var(--dur-normal) var(--ease-out)}.next-btn:hover{background:linear-gradient(135deg,#05b34a,#049d42);transform:translateY(-1px) scale(1.02);box-shadow:0 5px 20px #06c75559}.controls{background:#fff;border-top:1px solid #e8ecf1;padding:12px 20px;display:flex;gap:10px;flex-shrink:0}.controls button{flex:1;padding:11px;border:none;border-radius:var(--radius-lg);font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:.01em;transition:all var(--dur-normal) var(--ease-out)}.btn-next{background:linear-gradient(135deg,#06c755,#05a847);color:#fff;box-shadow:0 2px 8px #06c75533}.btn-next:hover{background:linear-gradient(135deg,#05b34a,#049d42);transform:translateY(-1px);box-shadow:0 4px 16px #06c7554d}.btn-next:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.btn-reset{background:#f7f8fa;color:#64748b;border:1px solid #e2e8f0;flex:.35}.btn-reset:hover{background:#eef0f4;border-color:#d1d5db}.step-dots{display:flex;gap:6px;justify-content:center;padding:8px;background:#fff;border-top:1px solid #f1f3f5;flex-shrink:0}.step-dots span{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all var(--dur-normal) var(--ease-spring)}.step-dots span.active{background:var(--green-vivid);transform:scale(1.35);box-shadow:0 0 8px #06c7554d}.step-dots span.done{background:var(--blue-vivid);box-shadow:0 0 4px #38bdf833}.chat-input-row{display:flex;gap:8px;align-items:center}.chat-input-row input{flex:1;padding:8px 12px;border:1.5px solid #cbd5e1;border-radius:var(--radius-md);font-size:13px;outline:none;background:#ffffffe6;transition:all var(--dur-fast) var(--ease-out)}.chat-input-row input:focus{border-color:var(--green-vivid);box-shadow:0 0 0 3px #06c7551a}.chat-input-row button{padding:8px 16px;background:linear-gradient(135deg,#06c755,#05a847);color:#fff;border:none;border-radius:var(--radius-md);font-size:12px;font-weight:700;font-family:var(--font-display)}.chat-input-row button:hover{transform:scale(1.03)}.convo-layout{display:flex;height:100vh;overflow:hidden;gap:16px}.side-panel{width:290px;height:100vh;background:var(--bg-deep);border-right:1px solid var(--border-subtle);flex-shrink:0;display:flex;flex-direction:column;padding:0;animation:slideInLeft .4s var(--ease-out);position:relative}.side-panel:after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:linear-gradient(180deg,var(--border-glow),transparent 50%)}.side-panel .logo{display:flex;align-items:center;gap:12px;padding:20px 18px 16px}.side-panel .logo-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#06c755,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:10px;font-family:var(--font-display);letter-spacing:.05em;box-shadow:0 2px 8px #06c75533}.side-panel .logo-text{color:var(--text-title);font-size:14px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.side-panel .logo-text span{display:block;font-size:10px;font-weight:500;color:var(--text-secondary);margin-top:2px;font-family:var(--font-body)}.side-panel h3{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin:14px 18px 10px;font-weight:700;font-family:var(--font-mono)}.sc-list{flex:1;overflow-y:auto;padding:0 14px 10px}.sc{padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;margin-bottom:8px;transition:all var(--dur-normal) var(--ease-out);position:relative;background:transparent}.sc:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;transition:all var(--dur-normal);opacity:0}.sc:hover{border-color:var(--border-emphasis);background:var(--bg-frosted)}.sc.on{border-color:#06c75559;background:#06c7550a}.sc.on:before{background:linear-gradient(135deg,rgba(6,199,85,.3),transparent 70%);opacity:1}.sc .t{font-size:12.5px;font-weight:700;color:var(--text-title);font-family:var(--font-display);margin-bottom:5px;letter-spacing:-.01em}.sc .d{font-size:10.5px;color:var(--text-secondary);line-height:1.55;font-weight:400}.sc .tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.sc .tag{font-size:8.5px;padding:2px 7px;border-radius:4px;font-weight:700;font-family:var(--font-mono);letter-spacing:.02em}.tag.p{background:#38bdf81a;color:var(--blue-vivid)}.tag.i{background:#fb923c1a;color:var(--orange-vivid)}.tag.c{background:#a78bfa1a;color:var(--purple-vivid)}.tag.g{background:#06c7551a;color:var(--green-soft)}.tag.green{background:#4ade801f;color:var(--green-soft)}.tag.red{background:#f871711f;color:var(--red-vivid)}.tag.ntb{background:#fbbf241a;color:var(--amber-vivid)}.side-panel .leg{padding:10px 18px;border-top:1px solid var(--border-subtle);font-size:9px;color:var(--text-secondary);line-height:1.9;flex-shrink:0;font-weight:500}.rhs-panel{flex:1;height:100vh;background:var(--bg-deep);overflow-y:auto;padding:0;font-size:12px;display:flex;flex-direction:column;animation:slideInRight .4s var(--ease-out);border-left:1px solid var(--border-subtle);position:relative}.rhs-panel:before{content:"";position:absolute;top:0;left:-1px;bottom:0;width:1px;background:linear-gradient(180deg,var(--border-glow),transparent 50%)}.rhs-tabs{display:flex;border-bottom:1px solid var(--border-subtle);flex-shrink:0;background:#0a0e1a80}.rhs-tab{flex:1;padding:12px 0;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:var(--font-mono);transition:all var(--dur-normal) var(--ease-out)}.rhs-tab:hover{color:var(--text-secondary)}.rhs-tab.on{color:var(--blue-vivid);border-bottom-color:var(--blue-vivid);text-shadow:0 0 20px rgba(56,189,248,.2)}.rhs-body{flex:1;overflow-y:auto;padding:18px}.ae{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden;transition:all var(--dur-normal) var(--ease-out);animation:slideUp .3s var(--ease-out) backwards}.ae:hover{border-color:var(--border-emphasis)}.ae .ah{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);transition:background var(--dur-fast)}.ae .ah:hover{background:var(--bg-frosted)}.ae .am{font-weight:700;padding:2px 7px;border-radius:4px;font-size:9px;background:#06c7551f;color:var(--green-soft);letter-spacing:.03em}.ae .au{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.ae .al{font-size:8.5px;padding:2px 8px;border-radius:4px;background:var(--bg-frosted);color:var(--text-muted);margin-left:auto;white-space:nowrap;font-weight:600}.ae .at{color:var(--text-dim);font-size:11px;transition:transform var(--dur-normal) var(--ease-out);margin-left:4px}.ae.open .at{transform:rotate(90deg)}.ae .ab{display:none;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);max-height:240px;overflow-y:auto;padding:10px 12px;border-top:1px solid var(--border-subtle);white-space:pre-wrap;word-break:break-all;line-height:1.65;background:#00000026}.ae.open .ab{display:block}.td-section{margin-bottom:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-normal)}.td-section:hover{border-color:var(--border-emphasis)}.td-section .td-hdr{padding:10px 14px;background:var(--bg-frosted);font-size:12px;font-weight:700;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-display);letter-spacing:-.01em;transition:background var(--dur-fast)}.td-section .td-hdr:hover{background:#ffffff0a}.td-section .td-icon{font-size:14px}.td-section .td-body{padding:12px 14px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);line-height:1.9;border-top:1px solid var(--border-subtle);font-weight:400}.td-row{display:flex;gap:10px}.td-row .td-k{color:var(--text-muted);min-width:120px;flex-shrink:0;font-weight:500}.td-row .td-v{color:var(--text-primary);font-weight:500}.td-row .td-v.green{color:var(--green-soft)}.td-row .td-v.amber{color:var(--amber-vivid)}.td-row .td-v.red{color:var(--red-vivid)}.ctx{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);background:var(--bg-frosted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:14px;line-height:1.9;font-weight:400}.ctx .v{color:var(--text-title);font-weight:600}.ctx .s{color:var(--text-dim);margin:0 4px}.dl-all-btn{width:100%;padding:9px;margin-bottom:12px;border:1px solid var(--border-emphasis);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--blue-vivid);font-size:11px;font-weight:700;cursor:pointer;font-family:var(--font-display);letter-spacing:.02em;transition:all var(--dur-normal) var(--ease-out)}.dl-all-btn:hover{background:var(--bg-surface);border-color:var(--blue-vivid);box-shadow:var(--shadow-glow-blue)}@media (max-width: 1024px){.side-panel,.rhs-panel{display:none}.convo-layout{justify-content:center}}@media (max-width: 768px){.phone-frame{width:100%}}:root{--bg-void: #06080f;--bg-deep: #0a0e1a;--bg-base: #0f1424;--bg-raised: #151b30;--bg-surface: #1a2240;--bg-elevated: #1f2952;--bg-glass: rgba(15, 20, 36, .72);--bg-glass-light: rgba(26, 34, 64, .55);--bg-glass-hover: rgba(31, 41, 82, .65);--bg-frosted: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .07);--border-emphasis: rgba(255, 255, 255, .12);--border-glow: rgba(56, 189, 248, .15);--border-accent: rgba(6, 199, 85, .25);--text-title: #f0f4ff;--text-primary: #c8d2e8;--text-secondary: #7e8ba8;--text-muted: #4a5572;--text-dim: #333d54;--green-vivid: #06c755;--green-soft: #22d56f;--green-glow: rgba(6, 199, 85, .2);--green-surface: rgba(6, 199, 85, .08);--blue-vivid: #38bdf8;--blue-soft: #5cc8fa;--blue-glow: rgba(56, 189, 248, .15);--blue-surface: rgba(56, 189, 248, .06);--purple-vivid: #a78bfa;--purple-soft: #c4b5fd;--purple-glow: rgba(167, 139, 250, .15);--orange-vivid: #fb923c;--amber-vivid: #fbbf24;--red-vivid: #f87171;--scb-purple: #4e2a84;--scb-purple-light: #6b3fa0;--scb-gold: #d4af37;--scb-gold-soft: #e8c860;--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 100px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 14px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 8px 32px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.3);--shadow-xl: 0 16px 64px rgba(0,0,0,.6);--shadow-glow-green: 0 0 24px rgba(6,199,85,.15), 0 0 80px rgba(6,199,85,.05);--shadow-glow-blue: 0 0 24px rgba(56,189,248,.12), 0 0 80px rgba(56,189,248,.04);--shadow-glow-gold: 0 0 24px rgba(212,175,55,.15);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);height:100vh;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(78,42,132,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(56,189,248,.035) 0%,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 90%,rgba(6,199,85,.025) 0%,transparent 50%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:0}#root{height:100vh;position:relative;z-index:1}::selection{background:#38bdf840;color:var(--text-title)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}button{cursor:pointer;font-family:var(--font-body);transition:all var(--dur-normal) var(--ease-out)}input{font-family:var(--font-body);transition:all var(--dur-fast) var(--ease-out)}a{text-decoration:none;color:inherit}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes msgIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #06c7551a}50%{box-shadow:0 0 24px #06c75533}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.4);opacity:1}}