:root{--navy-dark: #0d1b2a;--navy: #1a2e45;--navy-mid: #1e3a52;--navy-light: #2d5278;--gold: #B8942E;--gold-light: #D4AF55;--gold-dim: #8a6d1f;--white: #f0f4f8;--muted: #8899aa;--danger: #c0392b;--success: #27ae60;--warning: #e67e22;--card-bg: rgba(26,46,69,.85);--border: rgba(184,148,46,.25);--radius: 12px;--radius-sm: 8px;--shadow: 0 8px 32px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--navy-dark);color:var(--white);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}h1{font-size:2rem;font-weight:700}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gold);color:var(--navy-dark)}.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--white);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-ghost{background:transparent;color:var(--muted);border:none;font-size:13px}.btn-ghost:hover{color:var(--white)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(8px)}input,select,textarea{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--white);padding:10px 14px;font-size:14px;width:100%;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder{color:var(--muted)}label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.error-msg{color:#ff6b6b;font-size:13px;margin-top:6px}.success-msg{color:var(--success);font-size:13px;margin-top:6px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.badge-gold{background:var(--gold);color:var(--navy-dark)}.badge-navy{background:var(--navy-mid);color:var(--gold);border:1px solid var(--gold-dim)}.hidden{display:none!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-dark)}::-webkit-scrollbar-thumb{background:var(--navy-light);border-radius:3px}.agent-card-mini{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center;cursor:pointer;transition:all .2s}.agent-card-mini:hover{border-color:var(--gold);background:#b8942e14;transform:translateY(-2px)}.agent-card-mini img{width:44px;height:44px;min-width:44px;max-width:44px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:top center;border:2px solid var(--border);margin:0 auto 6px;display:block;clip-path:circle(50%)}.agent-card-mini .a-name{font-size:12px;font-weight:600}.agent-card-mini .a-role{font-size:10px;color:var(--muted)}.agent-card-mini .a-cost{font-size:11px;color:var(--gold);margin-top:3px}.msg{display:flex;gap:8px;max-width:85%}.msg.user{align-self:flex-end;flex-direction:row-reverse}.msg-bubble{padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.5}.msg.agent .msg-bubble{background:var(--navy-mid)}.msg.user .msg-bubble{background:var(--gold);color:var(--navy-dark)}.msg-avatar{width:26px;height:26px;min-width:26px;max-width:26px;flex-shrink:0;border-radius:50%;object-fit:cover;object-position:top center;margin-top:2px;clip-path:circle(50%);display:block}.outcome-chip{align-self:center;font-size:11px;padding:3px 10px;border-radius:20px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.outcome-sold{background:#27ae6033;color:var(--success)}.outcome-interested{background:#b8942e33;color:var(--gold)}.outcome-skeptical{background:#e67e2233;color:var(--warning)}.outcome-rejected{background:#c0392b33;color:var(--danger)}.outcome-neutral{background:#ffffff1a;color:var(--muted)}.quick-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .2s;color:var(--white)}.quick-btn:hover{border-color:var(--gold);color:var(--gold)}.toast{padding:12px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;animation:slideIn .3s ease;box-shadow:var(--shadow)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--navy-mid);border:1px solid var(--gold);color:var(--gold)}@keyframes slideIn{0%{transform:translate(60px);opacity:0}to{transform:translate(0);opacity:1}}.badge-chip{background:#0d1b2aeb;border:1px solid var(--gold);border-radius:20px;padding:4px 10px;font-size:13px;backdrop-filter:blur(6px);cursor:default;animation:badgePop .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes badgePop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.token-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);transition:background .3s,transform .2s}.token-dot.empty{background:#ffffff1f}.token-dot.low{background:var(--danger);animation:tokenPulse .8s ease-in-out infinite}@keyframes tokenPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}