@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8fafc;--surface: #ffffff;--surface2: #f1f5f9;--surface3: #e2e8f0;--border: #e2e8f0;--border2: #cbd5e1;--green: #16a34a;--green-dim: #22c55e;--red: #dc2626;--red-dim: #ef4444;--amber: #d97706;--blue: #2563eb;--purple: #9333ea;--text: #0f172a;--text2: #475569;--text3: #94a3b8;--mono: "Space Mono", monospace;--sans: "Syne", sans-serif;--header-h: 52px;--bottom-nav-h: 56px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 25px rgba(15, 23, 42, .08), 0 4px 10px rgba(15, 23, 42, .05)}html[data-theme=dark]{--bg: #080c10;--surface: #0d1117;--surface2: #161b22;--surface3: #1c2433;--border: #21262d;--border2: #30363d;--green: #39d353;--green-dim: #1a7f37;--red: #f85149;--red-dim: #7d1f1a;--amber: #e3b341;--blue: #58a6ff;--purple: #bc8cff;--text: #e6edf3;--text2: #8b949e;--text3: #484f58;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5)}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.header{border-bottom:1px solid var(--border);padding:0 20px;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;background:var(--surface);position:sticky;top:0;z-index:100;gap:8px;box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{font-family:var(--mono);font-size:15px;color:var(--green);letter-spacing:.1em;white-space:nowrap;flex-shrink:0;font-weight:700}.logo span{color:var(--text3)}.header-time{font-family:var(--mono);font-size:11px;color:var(--text3);white-space:nowrap}.blink{animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}.header-nav{display:flex;gap:4px}.header-nav button{padding:7px 16px;border-radius:6px;cursor:pointer;background:transparent;border:1px solid transparent;color:var(--text2);font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.04em;transition:all .15s;white-space:nowrap}.header-nav button:hover:not(.active){color:var(--text);background:var(--surface2)}.header-nav button.active{background:var(--green);color:#fff;border-color:var(--green)}html[data-theme=dark] .header-nav button.active{background:#39d35326;color:var(--green);border-color:var(--green)}.logout-btn{padding:7px 14px;background:transparent;border:1px solid var(--border2);border-radius:6px;color:var(--text2);font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .15s;white-space:nowrap}.logout-btn:hover{border-color:var(--red);color:var(--red)}.theme-toggle{width:34px;height:34px;border-radius:50%;border:1px solid var(--border2);background:var(--surface2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);transition:all .2s;font-size:15px}.theme-toggle:hover{border-color:var(--amber);color:var(--amber)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--surface);border-top:1px solid var(--border);z-index:100;padding:0 8px;box-shadow:0 -2px 12px #0f172a0f;align-items:center;justify-content:space-around}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:6px 2px;background:none;border:none;cursor:pointer;color:var(--text3);font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:all .15s;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav button.active{color:var(--green)}.bottom-nav button .nav-icon{font-size:16px;line-height:1}.content{padding:16px 20px;max-width:1440px;margin:0 auto}.main-grid{display:grid;grid-template-columns:1fr 400px;gap:14px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;position:relative;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.card-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:7px}.card-value{font-family:var(--mono);font-size:24px;font-weight:700;color:var(--text);line-height:1}.card-value.pos{color:var(--green)}.card-value.neg{color:var(--red)}.card-sub{font-family:var(--mono);font-size:12px;color:var(--text2);margin-top:6px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--surface)}.panel-title{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text2)}.add-btn{display:flex;align-items:center;gap:4px;padding:9px 16px;background:var(--green);border:1px solid var(--green);border-radius:6px;color:#fff;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}.add-btn:hover{background:var(--green-dim);transform:translateY(-1px);box-shadow:var(--shadow-md)}html[data-theme=dark] .add-btn{background:#39d3531a;color:var(--green);border-color:var(--green-dim)}html[data-theme=dark] .add-btn:hover{background:#39d35333;transform:none}.refresh-btn{padding:8px 14px;background:var(--surface);border:1px solid var(--border2);border-radius:6px;color:var(--text2);font-family:var(--mono);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.refresh-btn:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:var(--surface2)}.refresh-btn:disabled{opacity:.4;cursor:not-allowed}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.table-wrap{scroll-behavior:smooth;background-image:linear-gradient(to right,var(--surface),var(--surface)),linear-gradient(to right,var(--surface),var(--surface)),linear-gradient(to right,#0000000f,#0000),linear-gradient(to left,#0000000f,#0000);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}.table{min-width:unset}.table th,.table td{padding:10px;font-size:12px}}.table{width:100%;border-collapse:collapse;min-width:600px}.table th{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:10px 14px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface2)}.table th:first-child{text-align:left}.table td{font-family:var(--mono);font-size:14px;padding:13px 15px;text-align:right;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;color:var(--text)}.table td:first-child{text-align:left}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .1s;cursor:pointer}.table tbody tr:hover td{background:var(--surface2)}.table tbody tr.sel td{background:#16a34a14}html[data-theme=dark] .table tbody tr.sel td{background:#39d3530a}.ticker{font-weight:700;color:var(--text);font-size:15px}.co-name{font-size:12px;color:var(--text3);font-family:var(--sans);margin-top:3px;font-weight:500}.pos{color:var(--green);font-weight:600}.neg{color:var(--red);font-weight:600}.muted{color:var(--text2)}.stale{color:var(--text3);font-style:italic}.del-btn{background:none;border:none;color:var(--text3);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:15px;transition:all .15s;line-height:1}.del-btn:hover{color:var(--red);background:#dc262614}.pos-card{display:none;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;gap:10px;background:var(--surface)}.pos-card:active{background:var(--surface2)}.pos-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pos-card-bottom{display:flex;align-items:center;justify-content:space-between}.pos-card-actions{display:flex;gap:6px}.sparkline{display:flex;align-items:flex-end;gap:1px;height:18px;margin-top:4px}.spark-bar{width:3px;border-radius:1px}.status-bar{padding:8px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;color:var(--text3);background:var(--surface2)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-dot.loading{background:var(--amber);animation:none}.empty-state{padding:48px 24px;text-align:center;color:var(--text3)}.empty-icon{font-size:32px;margin-bottom:12px}.empty-state p{font-size:14px}.ai-panel{display:flex;flex-direction:column}.ai-messages{height:460px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px;background:var(--surface)}.msg{display:flex;gap:10px;animation:msgIn .2s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:var(--mono)}.msg.user .msg-avatar{background:#2563eb1a;color:var(--blue);border:1px solid rgba(37,99,235,.3)}.msg.ai .msg-avatar{background:#16a34a1a;color:var(--green);border:1px solid var(--green)}html[data-theme=dark] .msg.ai .msg-avatar{background:#39d3531f;border-color:var(--green-dim)}.msg-bubble{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:15px;line-height:1.6;color:var(--text);flex:1;white-space:pre-wrap;word-break:break-word}.msg.user .msg-bubble{background:#2563eb0d;border-color:#2563eb33}html[data-theme=dark] .msg.user .msg-bubble{background:#58a6ff0d;border-color:#58a6ff26}.selected-notice{padding:8px 16px;border-bottom:1px solid var(--border);font-size:11px;font-family:var(--mono);color:var(--text2);background:#16a34a0a}html[data-theme=dark] .selected-notice{background:#39d3530a}.selected-notice strong{color:var(--green)}.typing{display:flex;gap:4px;align-items:center}.typing span{width:5px;height:5px;background:var(--green);border-radius:50%;animation:bounce 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.ai-input-area{padding:12px 14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;background:var(--surface)}.quick-btns{display:flex;gap:6px;flex-wrap:wrap}.quick-btn{padding:6px 12px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;color:var(--text2);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .15s;white-space:nowrap}.quick-btn:hover:not(:disabled){border-color:var(--purple);color:var(--purple);background:var(--surface3)}.quick-btn:disabled{opacity:.4;cursor:not-allowed}.ai-input-row{display:flex;gap:8px}.ai-input{flex:1;background:var(--surface2);border:1px solid var(--border2);border-radius:8px;color:var(--text);font-family:var(--sans);font-size:15px;padding:12px 16px;outline:none;resize:none;transition:border-color .15s;line-height:1.5}.ai-input:focus{border-color:var(--purple)}.ai-input::placeholder{color:var(--text3)}.send-btn{padding:10px 14px;background:var(--purple);border:1px solid var(--purple);border-radius:8px;color:#fff;font-size:18px;cursor:pointer;transition:all .15s;align-self:flex-end;box-shadow:var(--shadow-sm)}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.send-btn:disabled{opacity:.4;cursor:not-allowed}html[data-theme=dark] .send-btn{background:#bc8cff1a;color:var(--purple);border-color:#bc8cff4d}html[data-theme=dark] .send-btn:hover:not(:disabled){transform:none;background:#bc8cff33}.news-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;padding:3px 7px;background:#d977061a;border:1px solid rgba(217,119,6,.3);border-radius:4px;color:var(--amber)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}html[data-theme=dark] .modal-overlay{background:#000000bf}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;animation:slideUp .2s ease;box-shadow:var(--shadow-lg)}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:22px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:6px}.field input,.field select{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;color:var(--text);font-family:var(--mono);font-size:15px;padding:11px 13px;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field input:focus,.field select:focus{border-color:var(--green)}.field input::placeholder{color:var(--text3)}.modal-actions{display:flex;gap:8px;margin-top:20px}.btn-primary{flex:1;padding:13px;background:var(--green);border:1px solid var(--green);border-radius:8px;color:#fff;font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--green-dim);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .btn-primary{background:var(--green-dim);color:var(--green);border-color:var(--green)}html[data-theme=dark] .btn-primary:hover:not(:disabled){background:#39d35333;transform:none}.btn-secondary{padding:13px 20px;background:transparent;border:1px solid var(--border2);border-radius:8px;color:var(--text2);font-family:var(--sans);font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--text2);color:var(--text);background:var(--surface2)}.form-error{font-size:11px;color:var(--red);margin-top:4px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:16px}.auth-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:40px 32px;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.auth-logo{font-family:var(--mono);font-size:22px;color:var(--green);letter-spacing:.15em;margin-bottom:6px;font-weight:700}.auth-logo span{color:var(--text3)}.auth-sub{font-size:14px;color:var(--text2);margin-bottom:28px}.auth-btn{width:100%;padding:14px;background:var(--green);border:1px solid var(--green);border-radius:8px;color:#fff;font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s;margin-top:6px;box-shadow:var(--shadow-sm)}.auth-btn:hover:not(:disabled){background:var(--green-dim);transform:translateY(-1px);box-shadow:var(--shadow-md)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{font-size:11px;color:var(--red);margin-top:10px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-bg{0%,to{opacity:1}50%{opacity:.5}}.analysis-sector-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}@media(max-width:768px){.analysis-sector-grid{grid-template-columns:1fr}.analysis-sector-grid svg{margin:0 auto;display:block}}@media(max-width:1024px){.summary-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.ai-messages{height:320px}}@media(max-width:640px){:root{--header-h: 52px}.header{padding:6px 10px;height:auto;min-height:var(--header-h);flex-wrap:wrap;gap:6px}.header-left{flex-shrink:1;flex-basis:auto;gap:8px}.header-right{flex-shrink:0;gap:6px;flex-wrap:nowrap}.header-time,.header-nav{display:none}.logo{font-size:11px;letter-spacing:.08em}.logout-btn{padding:5px 8px;font-size:10px}.theme-toggle{width:28px;height:28px;font-size:13px}.bottom-nav{display:flex}.content{padding:10px 12px calc(var(--bottom-nav-h) + 10px)}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.card{padding:12px 14px}.card-value{font-size:17px}.card-label{font-size:8px}.main-grid{grid-template-columns:1fr;gap:10px}.portfolio-table-wrap{display:none}.pos-card{display:flex;flex-direction:column}.ai-messages{height:260px}.ai-input{font-size:14px}.field input,.field select{font-size:16px}.modal-overlay{padding:0;align-items:flex-end}.modal{border-radius:16px 16px 0 0;max-height:92vh;padding:22px 16px;max-width:100%}.panel-header{flex-wrap:wrap;gap:8px}.add-btn{padding:9px 14px;font-size:12px}.refresh-btn{padding:9px 10px}.header-left>button[type=button]{max-width:130px;overflow:hidden;text-overflow:ellipsis}.panel-header{overflow-x:auto}.analysis-sector-grid svg{max-width:100%;height:auto}.pos-card-top .co-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-title{font-size:13px;margin-bottom:16px}}