:root{--brand-primary: #2563EB;--brand-primary-hover: #1D4ED8;--brand-cyan: #06B6D4;--brand-indigo: #6366F1;--brand-amber: #D97706;--brand-gradient: linear-gradient(135deg, #2563EB, #06B6D4);--surface-base: #F8FAFC;--surface-card: #FFFFFF;--surface-input: #F1F5F9;--surface-border: #E2E8F0;--surface-accent-soft: rgba(6, 182, 212, .05);--text-heading: #0F172A;--text-body: #334155;--text-muted: #64748B;--text-on-brand: #FFFFFF;--status-success: #10B981;--status-error: #EF4444;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .08);--chat-msg-radius: 14px}body,html{background-color:var(--surface-base);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;height:100%;width:100%;box-sizing:border-box;-webkit-font-smoothing:antialiased;overflow-x:hidden}.btn{padding:.625rem 1.25rem;font-weight:600;font-size:.875rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background-color:var(--brand-primary);color:var(--text-on-brand)}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--surface-input);color:var(--text-heading)}.btn-secondary:hover{background-color:#e2e8f0}.btn-outline{background-color:transparent;border-color:var(--surface-border);color:var(--text-body)}.btn-outline:hover{background-color:var(--surface-input);border-color:var(--text-muted)}.banner-alert{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);margin-top:.75rem;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-sm);animation:fadeIn .2s ease-out}.banner-alert.error,.banner-alert.danger,.banner-alert.fail{background-color:#fef2f2;border:1px solid #FEE2E2;color:var(--status-error)}.banner-alert.success{background-color:#ecfdf5;border:1px solid #D1FAE5;color:var(--status-success)}.banner-alert .alert-text{margin:0}.global-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--surface-border);overflow:hidden}.global-progress-bar .progress-fill{height:100%;background:var(--brand-gradient);transition:width .2s ease-out}app-online-workspace{gap:.75rem;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes textShine{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes miniTunnelPulse{0%,to{transform:scale(1)}50%{transform:scale(.93)}}@keyframes minimalOnlinePulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}