@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-card: #ffffff;--bg-hover: #f5f6f7;--primary: #387ed1;--primary-light: #5a9ae0;--primary-dark: #2968b8;--primary-bg: rgba(56, 126, 209, .08);--green: #00b386;--green-light: #e8f8f3;--red: #e05353;--red-light: #fef2f2;--orange: #f5a623;--orange-light: #fef7e8;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #9ca3af;--text-light: #adb5bd;--border-color: #e9ecef;--border-light: #f1f3f5;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Consolas", "Liberation Mono", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--transition-fast: .1s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#aaa}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.3px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-light)}.btn-success{background:var(--green);color:#fff}.btn-success:hover:not(:disabled){background:#00a078}.btn-sm{padding:6px 12px;font-size:var(--text-xs)}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.spinner-dark{border-color:#0000001a;border-top-color:var(--primary)}@keyframes spin{to{transform:rotate(360deg)}}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.idle{background:var(--text-light)}.status-dot.running{background:var(--orange);animation:pulse 1.5s ease-in-out infinite}.status-dot.success{background:var(--green)}.status-dot.error{background:var(--red)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:.3px;border-radius:var(--radius-sm)}.badge-idle{background:var(--bg-tertiary);color:var(--text-muted)}.badge-running{background:var(--orange-light);color:var(--orange)}.badge-success{background:var(--green-light);color:var(--green)}.badge-error{background:var(--red-light);color:var(--red)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.num{font-family:var(--font-mono);font-weight:500;letter-spacing:-.3px}.grid{display:grid;gap:var(--space-md)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid-2{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.data-table td{padding:var(--space-md);font-size:var(--text-md);border-bottom:1px solid var(--border-light)}.data-table tr:hover{background:var(--bg-hover)}.progress{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:var(--space-md) var(--space-lg);height:56px}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{width:28px;height:28px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-md)}.logo-text{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.main{flex:1;padding:var(--space-xl) 0}.section-title{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:768px){.status-grid{grid-template-columns:1fr}}.status-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.status-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.status-card-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.status-card-message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);min-height:36px;line-height:1.5}.status-card-action{display:flex;align-items:center;gap:var(--space-md)}.progress-section{margin-bottom:var(--space-md)}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.progress-text{font-size:var(--text-xs);color:var(--text-muted)}.progress-value{font-size:var(--text-xs);font-weight:500;color:var(--text-primary)}.results-section{animation:fadeIn .3s ease}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.results-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.results-count{font-size:var(--text-sm);color:var(--text-muted)}.stock-list{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.stock-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.stock-header-cell{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stock-header-cell.right{text-align:right}.stock-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-light);transition:background var(--transition-fast)}.stock-row:last-child{border-bottom:none}.stock-row:hover{background:var(--bg-hover)}.stock-symbol{font-weight:600;color:var(--text-primary)}.stock-exchange{font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-xs)}.stock-cell{font-family:var(--font-mono);font-size:var(--text-md);color:var(--text-primary)}.stock-cell.right{text-align:right}.stock-change{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-family:var(--font-mono);font-size:var(--text-md);font-weight:500}.change-icon{font-size:var(--text-xs)}.live-section{margin-top:var(--space-xl);animation:fadeIn .3s ease}.live-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.live-indicator{width:8px;height:8px;background:var(--red);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.live-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.live-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-left:auto}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.live-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast)}.live-item:hover{border-color:var(--text-light)}.live-item.highlighted{border-left:3px solid var(--green);background:var(--green-light)}.live-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.live-item-symbol{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.live-item-change{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}.live-item-price{font-family:var(--font-mono);font-size:var(--text-md);font-weight:500;color:var(--text-secondary)}.waiting-section{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;margin-top:var(--space-xl)}.waiting-icon{font-size:32px;margin-bottom:var(--space-md);display:block}.waiting-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.waiting-message{font-family:var(--font-mono);font-size:var(--text-md);color:var(--primary);margin-bottom:var(--space-sm)}.waiting-hint{font-size:var(--text-sm);color:var(--text-muted)}.error-section{background:var(--red-light);border:1px solid var(--red);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-md)}.error-icon{flex-shrink:0;font-size:var(--text-lg)}.error-message{font-size:var(--text-sm);color:var(--red)}.footer{text-align:center;padding:var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-primary)}.footer-text{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:640px){.header-content{padding:var(--space-sm) var(--space-md)}.main{padding:var(--space-md) 0}.container{padding:0 var(--space-md)}.stock-header-row,.stock-row{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.stock-header-row{display:none}.stock-row{padding:var(--space-md);position:relative}.live-grid{grid-template-columns:1fr}}.empty-state{text-align:center;padding:var(--space-2xl);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state-icon{font-size:40px;margin-bottom:var(--space-md);opacity:.5}.empty-state-text{font-size:var(--text-md);color:var(--text-secondary)}