:root{--bg-void:#0a0a14;--bg-surface:#0d0d1a;--bg-elevated:#12121f;--accent:#4ecdc4;--accent-dim:#4ecdc41f;--accent-glow:#4ecdc40f;--danger:#ff6b6b;--warning:#ffd93d;--success:#4ecdc4;--text-primary:#ffffffd9;--text-secondary:#ffffff73;--text-muted:#ffffff40;--border:#4ecdc414;--border-hover:#4ecdc426;--glow-line:linear-gradient(90deg, transparent, #4ecdc426, transparent)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg-void);color:var(--text-primary);letter-spacing:.02em;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,SF Pro Text,sans-serif;font-size:13px;line-height:1.5}.card{background:var(--bg-surface);border:.5px solid var(--border);border-radius:8px;margin-bottom:10px;padding:12px 14px;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.card-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-bottom:8px;font-size:10px;display:flex}.card-title:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}.glow-divider{background:var(--glow-line);height:1px;margin:14px 0}.placeholder{color:var(--text-muted);font-size:11px;font-style:italic}button{background:var(--bg-elevated);color:var(--text-primary);border:.5px solid var(--border);cursor:pointer;touch-action:manipulation;border-radius:6px;min-height:32px;padding:4px 10px;font-size:11px;transition:border-color .15s}button:hover{border-color:var(--border-hover)}.btn-primary{background:var(--accent);color:var(--bg-void);border-color:var(--accent);font-weight:600}input,textarea,select{background:var(--bg-void);color:var(--text-primary);border:.5px solid var(--border);border-radius:6px;width:100%;padding:6px 10px;font-size:12px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.amount{font-variant-numeric:tabular-nums}.progress-track{background:#4ecdc40f;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #4ecdc44d);border-radius:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes heartbeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes card-pulse{0%{box-shadow:none}50%{box-shadow:0 0 12px #4ecdc426}to{box-shadow:none}}.pipeline-dot{animation:2s infinite heartbeat}.pipeline-dot.error{animation:1s infinite pulse;background:var(--danger)!important}.amount{font-variant-numeric:tabular-nums;transition:color .5s}@media (width<=768px){.sidebar,.chat-panel{display:none!important}.main-content{width:100%!important;padding:8px!important}.top-tabs{display:none!important}.bottom-nav{z-index:100;position:fixed;bottom:0;left:0;right:0;display:flex!important}.app-title-text{display:none}.agent-dots,.app-footer{display:none!important}.app-body{padding-bottom:64px}}@media (width>=769px){.bottom-nav{display:none!important}}@supports (padding:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}