@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--bg-base: #0a0c10;--bg-surface: #111318;--bg-card: #161a22;--bg-hover: #1e2330;--border: #2a2f3d;--border-bright: #3d4460;--text-primary: #e8eaf0;--text-secondary: #8892aa;--text-dim: #4a5268;--accent-green: #00ff88;--accent-yellow: #ffd700;--accent-red: #ff4466;--accent-blue: #4488ff;--scalp-color: #ff6b35;--swing-color: #4a9eff;--success: #00cc66;--fail: #ff3355}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);font-family:Noto Sans KR,sans-serif;min-height:100vh}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px}.logo-text{font-family:Bebas Neue,sans-serif;font-size:28px;letter-spacing:3px;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-sub{font-size:11px;color:var(--text-dim);background:var(--border);padding:2px 8px;border-radius:4px}.header-nav{display:flex;gap:4px}.nav-btn{background:none;border:1px solid transparent;color:var(--text-secondary);padding:8px 16px;border-radius:8px;cursor:pointer;font-family:Noto Sans KR,sans-serif;font-size:13px;transition:all .2s}.nav-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-btn.active{background:var(--bg-hover);border-color:var(--accent-blue);color:var(--accent-blue)}.market-status{display:flex;align-items:center;gap:8px;font-size:12px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card)}.market-status.open{border-color:var(--accent-green)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);animation:pulse 2s infinite}.market-status.open .status-dot{background:var(--accent-green)}.market-time{color:var(--text-dim);font-size:11px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.main-content{max-width:1600px;margin:0 auto;padding:24px}.dashboard{display:grid;grid-template-columns:1fr 320px;gap:20px}.dashboard-left{min-width:0}.section-header{margin-bottom:16px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.update-info{display:flex;align-items:center;gap:12px}.refresh-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--accent-blue);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.refresh-btn:hover{background:var(--bg-hover)}.last-update{font-size:11px;color:var(--text-dim)}.filter-tabs{display:flex;gap:4px}.filter-tab{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);padding:5px 14px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.filter-tab.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:12px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-sub,.empty-sub{font-size:12px;color:var(--text-dim)}.empty-icon{font-size:48px}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px}.rec-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:18px;transition:all .3s;position:relative;overflow:hidden}.rec-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.rec-card.trade-scalp:before{background:var(--scalp-color)}.rec-card.trade-swing:before{background:var(--swing-color)}.rec-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rec-header-left,.rec-header-right{display:flex;align-items:center;gap:6px}.trade-badge{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700}.badge-scalp{background:rgba(255,107,53,.15);color:var(--scalp-color);border:1px solid var(--scalp-color)}.badge-swing{background:rgba(74,158,255,.15);color:var(--swing-color);border:1px solid var(--swing-color)}.pattern-badge{font-size:10px;background:var(--bg-hover);color:var(--text-secondary);padding:2px 8px;border-radius:4px}.status-badge{font-size:10px;padding:2px 8px;border-radius:4px}.status-accepted{background:rgba(68,136,255,.2);color:var(--accent-blue)}.status-rejected{background:rgba(100,100,100,.2);color:var(--text-dim)}.status-success{background:rgba(0,204,102,.2);color:var(--success)}.status-fail{background:rgba(255,51,85,.2);color:var(--fail)}.material-grade{font-size:14px}.rec-stock{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.stock-name{font-size:18px;font-weight:700}.stock-code{font-size:11px;color:var(--text-dim)}.confidence-bar-wrap{display:flex;align-items:center;gap:8px;margin-bottom:14px}.confidence-label{font-size:11px;color:var(--text-dim);white-space:nowrap}.confidence-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.confidence-fill{height:100%;border-radius:3px;transition:width .5s ease}.confidence-value{font-size:12px;font-weight:700;white-space:nowrap}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.price-item{background:var(--bg-hover);padding:8px 10px;border-radius:6px}.price-label{display:block;font-size:10px;color:var(--text-dim);margin-bottom:2px}.price-value{font-size:13px;font-weight:600}.price-value.buy{color:var(--text-primary)}.price-value.target{color:var(--accent-green)}.price-value.stop{color:var(--accent-red)}.price-value.volume{color:var(--accent-yellow)}.sell-date{font-size:12px;color:var(--swing-color);padding:6px 10px;background:rgba(74,158,255,.08);border-radius:6px;margin-bottom:10px}.reason-toggle{background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;padding:4px 0;width:100%;text-align:left}.reason-toggle:hover{color:var(--text-secondary)}.reason-content{background:var(--bg-hover);border-radius:8px;padding:10px;margin:8px 0;font-size:11px}.reason-material{margin-bottom:6px}.reason-item{color:var(--text-secondary);margin:3px 0}.rec-actions{display:flex;gap:8px;margin-top:12px}.btn-accept,.btn-reject,.btn-success,.btn-fail{flex:1;padding:10px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;font-family:Noto Sans KR,sans-serif}.btn-accept{background:var(--accent-green);color:#000}.btn-reject{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.btn-reject:hover{border-color:var(--accent-red);color:var(--accent-red)}.btn-success{background:var(--success);color:#fff}.btn-fail{background:var(--fail);color:#fff}.result-done{text-align:center;color:var(--text-dim);font-size:12px;width:100%;padding:10px}.news-panel,.scan-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px}.news-panel{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column}.panel-title{font-size:14px;font-weight:600;margin-bottom:14px}.news-list{overflow-y:auto;flex:1}.news-item{padding:10px 0;border-bottom:1px solid var(--border)}.news-item:last-child{border-bottom:none}.news-time{font-size:10px;color:var(--text-dim)}.news-title{font-size:12px;margin:4px 0;line-height:1.4}.news-keywords{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.news-keyword{font-size:10px;padding:1px 6px;border-radius:3px;border:1px solid}.news-stock{font-size:10px;color:var(--accent-blue)}.news-empty,.scan-empty{font-size:12px;color:var(--text-dim);text-align:center;padding:20px}.scan-panel{margin-top:20px}.scan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scan-tabs{display:flex;gap:4px}.scan-tabs button{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-secondary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:11px;font-family:Noto Sans KR,sans-serif}.scan-tabs button.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.scan-table{font-size:12px}.scan-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.2fr;padding:7px 4px;border-bottom:1px solid var(--border);align-items:center}.scan-row.header{color:var(--text-dim);font-size:10px}.scan-name{font-size:12px}.scan-price{font-size:11px}.scan-rate{font-size:11px;font-weight:700}.scan-rate.pos{color:var(--accent-red)}.scan-rate.neg{color:var(--accent-blue)}.scan-volume{font-size:11px;color:var(--accent-yellow)}.history-page,.stats-page{padding:0}.page-title{font-size:20px;font-weight:700;margin-bottom:20px}.history-table{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.history-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1.5fr 1fr 1.2fr;padding:12px 16px;border-bottom:1px solid var(--border);align-items:center;font-size:13px}.history-row.header{color:var(--text-dim);font-size:11px;background:var(--bg-hover)}.h-name{font-weight:600}.h-type{font-size:11px;padding:2px 8px;border-radius:4px;text-align:center}.h-type.scalp{background:rgba(255,107,53,.15);color:var(--scalp-color)}.h-type.swing{background:rgba(74,158,255,.15);color:var(--swing-color)}.h-pattern{font-size:11px;color:var(--text-secondary)}.h-price{font-size:12px}.h-price.target{color:var(--accent-green)}.h-status{font-size:11px;font-weight:600}.h-status.status-성공{color:var(--success)}.h-status.status-실패{color:var(--fail)}.h-date{font-size:11px;color:var(--text-dim)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.stat-card.success{border-color:var(--success)}.stat-card.fail{border-color:var(--fail)}.stat-card.highlight{border-color:var(--accent-yellow);background:rgba(255,215,0,.05)}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;font-family:Bebas Neue,sans-serif;letter-spacing:2px}.stat-card.success .stat-value{color:var(--success)}.stat-card.fail .stat-value{color:var(--fail)}.stat-card.highlight .stat-value{color:var(--accent-yellow)}@media (max-width: 1100px){.dashboard{grid-template-columns:1fr}.news-panel{position:static;max-height:300px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.recommendations-grid{grid-template-columns:1fr}.header{padding:0 12px}.main-content{padding:12px}.logo-sub{display:none}.stats-grid{grid-template-columns:1fr 1fr}}