:root{--color-text: #294532;--color-text-muted: #5f7464;--color-text-strong: #31583a;--color-bg: #f1f8f2;--color-surface: #ffffff;--color-surface-soft: #fbfefb;--color-surface-muted: #f7fbf7;--color-surface-tint: #f4faf5;--color-panel-header: #e7f3e9;--color-border: #cddfce;--color-border-soft: #d7e6d8;--color-border-strong: #b8d2bc;--color-primary: #4f7f5c;--color-primary-hover: #6f9f79;--color-primary-active: #416b4c;--color-accent: #77a884;--color-up: #c2413b;--color-down: #2563a6;--color-flat: #5f7464;--color-danger: #b91c1c;--color-status-online: #4f9b62;--color-status-connecting: #d2a33c;--color-status-offline: #c55353;--color-status-mock: #6f9f79;--shadow-header: 0 2px 8px rgba(0, 0, 0, .18);--shadow-card: 0 4px 16px rgba(0, 0, 0, .08);font-family:Arial,Noto Sans KR,sans-serif;color:var(--color-text);background:var(--color-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;min-height:100dvh}button{font:inherit}.app-shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:64px 1fr;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 28px;color:#fff;background:var(--color-primary);box-shadow:var(--shadow-header)}.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:0;border-radius:8px;background:transparent;cursor:pointer}.menu-toggle:hover{background:#ffffff1f}.menu-toggle-bar{display:block;width:100%;height:2px;border-radius:2px;background:#fff}.sidebar-backdrop{display:none}.topbar h1{margin:0;font-size:20px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-box{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff}.status-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af}.status-online{background:var(--color-status-online)}.status-connecting{background:var(--color-status-connecting)}.status-offline,.status-error{background:var(--color-status-offline)}.status-mock{background:var(--color-status-mock)}.sidebar{background:var(--color-panel-header);color:var(--color-text-strong);padding:20px 12px;border-right:1px solid var(--color-border)}.menu-group{margin-top:14px}.menu-title{padding:10px 12px 6px;color:var(--color-primary);font-size:12px;font-weight:700}.menu-item{display:block;margin:3px 0;padding:11px 14px;border-radius:7px;color:inherit;text-decoration:none}.menu-item:hover,.menu-item.active{color:#fff;background:var(--color-accent)}.main-content{padding:28px;overflow:auto;min-height:0;background:var(--color-bg)}.main-content:has(.news-page){display:flex;flex-direction:column;overflow:hidden}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.page-header h2{margin:0 0 7px;font-size:25px;color:var(--color-text)}.page-header p{margin:0;color:var(--color-text-muted)}.actions{display:flex;align-items:center;gap:9px}.repeat-option{display:flex;align-items:center;gap:8px;color:var(--color-text-strong);font-size:14px;-webkit-user-select:none;user-select:none;white-space:nowrap}.button{min-width:90px;padding:9px 15px;border:1px solid var(--color-border-strong);border-radius:7px;color:var(--color-text-strong);background:var(--color-surface);cursor:pointer}.button:hover{background:#eaf5ec}.button-primary{color:#fff;border-color:var(--color-primary);background:var(--color-primary)}.button-primary:hover{background:var(--color-primary-active)}.button-danger{color:#fff;border-color:var(--color-danger);background:var(--color-danger)}.button-danger:hover{background:#991b1b}.message{margin-bottom:14px;padding:10px 13px;border-radius:7px;font-size:13px}.message-info{color:var(--color-text-strong);background:#e7f3e9}.message-success{color:var(--color-text-strong);background:#dff0e2}.message-error{color:var(--color-danger);background:#fde8e8}.hidden{display:none!important}.login-page{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 120px);padding:12px}.login-card{width:min(420px,100%);padding:28px 26px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-card)}.login-card h2{margin:0 0 8px;font-size:24px;color:var(--color-text)}.login-desc{margin:0 0 22px;color:var(--color-text-muted);font-size:14px}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px;color:var(--color-text-strong);font-size:13px;font-weight:600}.login-field input{padding:11px 12px;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface);color:var(--color-text);font:inherit;font-weight:400}.login-field input:focus{outline:2px solid rgb(79 127 92 / 35%);border-color:var(--color-primary)}.login-submit{width:100%;margin-top:4px;min-height:42px}body:not(.is-authenticated) .sidebar,body:not(.is-authenticated) .menu-toggle,body:not(.is-authenticated) .sidebar-backdrop{display:none!important}body:not(.is-authenticated) .app-shell{grid-template-columns:1fr}.summary-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px 18px;align-items:baseline;margin-bottom:18px;padding:20px 22px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft);box-shadow:var(--shadow-card);overflow:visible}.summary-label{grid-row:1 / span 2;color:var(--color-text-muted);font-weight:700}.summary-card strong{min-width:0;font-size:26px;color:var(--color-text);overflow-wrap:anywhere}.summary-card #summary-difference{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:keep-all}.summary-card small{grid-column:2;color:var(--color-text-muted)}.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-card)}.table-wrap table{min-width:720px}table{width:100%;border-collapse:collapse}th,td{padding:13px 14px;border-bottom:1px solid var(--color-border-soft);text-align:left;white-space:nowrap}th{color:var(--color-text-strong);background:var(--color-panel-header);font-size:13px}tbody tr:hover{background:#f2f9f3}tbody tr:last-child td{border-bottom:0}.numeric{text-align:right;font-variant-numeric:tabular-nums}.value-up{color:var(--color-up)}.value-down{color:var(--color-down)}.value-flat{color:var(--color-flat)}.empty-cell{padding:36px;color:var(--color-text-muted);text-align:center}.tr-error-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073}.tr-error-popup-dialog{width:min(420px,100%);padding:20px 22px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-card)}.tr-error-popup-title{margin:0 0 10px;font-size:18px;color:var(--color-text)}.tr-error-popup-message{margin:0 0 18px;color:var(--color-danger);font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}.tr-error-popup-actions{display:flex;justify-content:flex-end}.evaluation-result{margin-top:12px;padding:12px 14px;border:1px solid var(--color-border);border-radius:7px;color:var(--color-text);background:var(--color-surface-soft);font-size:13px}.asset-chart-panel{margin-top:16px;padding:16px 16px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-card)}.asset-chart-title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--color-text)}.asset-chart-title.value-up{color:var(--color-up)}.asset-chart-title.value-down{color:var(--color-down)}.asset-chart-title.value-flat{color:var(--color-flat)}.asset-chart-wrap{position:relative}.asset-chart-canvas{display:block;width:100%;height:260px;min-height:220px;cursor:crosshair}.asset-chart-tooltip{position:absolute;z-index:2;padding:6px 10px;border:1px solid var(--color-border-strong);border-radius:6px;background:#fffffff5;color:var(--color-text-strong);font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000001f}.placeholder-card{padding:30px;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-muted);background:var(--color-surface-soft)}.verify-option{display:flex;align-items:center;gap:8px;color:var(--color-text-strong);font-size:14px;-webkit-user-select:none;user-select:none}.news-toolbar{display:flex;align-items:center;gap:9px}.level-option{display:flex;align-items:center;gap:8px;color:var(--color-text-strong);font-size:14px;-webkit-user-select:none;user-select:none}.level-select{min-width:56px;padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface);color:var(--color-text-strong);font:inherit}.news-page{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.news-page .page-header,.news-page #page-message{flex-shrink:0}.news-layout{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:560px}.news-page .news-layout{flex:1;min-height:0}.news-list-panel,.news-content-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft);box-shadow:var(--shadow-card)}.news-panel-header{flex-shrink:0;padding:12px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-strong);background:var(--color-panel-header);font-size:13px;font-weight:700}.news-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto;background:var(--color-surface-muted)}.news-list-item{padding:12px 14px;border-bottom:1px solid var(--color-border-soft);background:var(--color-surface);cursor:pointer}.news-list-item:hover{background:#edf8ef}.news-list-item.active{background:#d9efdd}.news-list-item strong{display:block;line-height:1.45;font-size:14px}.news-list-item small{display:block;margin-top:4px;color:var(--color-text-muted);font-size:12px}.news-list-item .news-realkey-realtime{color:#3f7650}.news-list-empty{padding:36px 14px;color:var(--color-text-muted);text-align:center}.news-content-body{flex:1;padding:20px;overflow-y:auto;line-height:1.7;word-break:break-word;background:var(--color-surface)}.news-content-body p{margin:0 0 12px}.news-content-body a{color:#3f7650}.news-content-body img{display:block;max-width:100%;height:auto;margin:12px 0;border-radius:6px}.news-content-body table{width:100%;max-width:100%;border-collapse:collapse}.news-content-body table,.news-content-body th,.news-content-body td{border:1px solid var(--color-border)}.news-content-body th,.news-content-body td{padding:8px}.news-content-body table img{max-width:100%;height:auto}.news-content-empty{margin:0;color:var(--color-text-muted);text-align:center}.main-content:has(.chart-page){display:flex;flex-direction:column;overflow:hidden}.chart-page{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.chart-page .page-header,.chart-page #page-message{flex-shrink:0}.chart-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;flex:1;min-height:0}.chart-layout-full{grid-template-columns:1fr}.chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}.chart-inline-field{display:flex;align-items:center;gap:6px;color:var(--color-text-strong);font-size:13px;font-weight:600;white-space:nowrap}.chart-inline-field .chart-select{min-width:0;width:auto;max-width:max-content;box-sizing:border-box;padding:6px 6px 6px 8px}.chart-control-panel{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft);box-shadow:var(--shadow-card)}.chart-field{display:flex;flex-direction:column;gap:6px;color:var(--color-text-strong);font-size:13px;font-weight:600}.chart-select{padding:7px 10px;border:1px solid var(--color-border-strong);border-radius:7px;background:var(--color-surface);color:var(--color-text-strong);font:inherit;font-weight:400}.chart-view-panel{display:grid;grid-template-rows:auto minmax(0,1.6fr) minmax(0,1fr);gap:12px;height:100%;min-height:0;min-width:0}.chart-symbol-title{font-size:1rem;font-weight:700;color:var(--color-text-strong);padding:0 2px}.chart-canvas{display:block;width:100%;height:100%;min-height:180px;max-height:100%;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);box-shadow:var(--shadow-card);cursor:crosshair}.chart-canvas-candle{min-height:280px}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:56px 1fr}.topbar{padding:0 12px 0 8px;min-height:56px}.topbar h1{font-size:16px}.connection-box{font-size:12px;flex-shrink:0}.menu-toggle{display:flex}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:40;border:0;background:#0006}.sidebar-backdrop[hidden]{display:none}.sidebar{position:fixed;top:0;left:0;z-index:50;width:min(280px,82vw);height:100dvh;padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-right:1px solid var(--color-border);box-shadow:4px 0 24px #0000002e;transform:translate(-105%);transition:transform .2s ease}body.nav-open .sidebar{transform:translate(0)}body.nav-open{overflow:hidden}.main-content{padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px))}.page-header{align-items:center;gap:8px;margin-bottom:14px}.page-header>div:first-child{flex:0 1 auto;min-width:0}.page-header h2{margin:0;font-size:18px;white-space:nowrap}.actions,.chart-actions,.news-toolbar{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.chart-page .page-header{flex-direction:column;align-items:stretch;gap:10px}.chart-actions{flex-wrap:nowrap;justify-content:flex-start;width:100%;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-actions .chart-inline-field{flex:0 0 auto;min-width:0}.chart-actions .chart-inline-field>span{display:none}.chart-actions .chart-inline-field .chart-select{flex:0 0 auto;min-width:0;padding:6px 4px 6px 6px;font-size:13px}.chart-actions .button{flex:0 0 auto;min-width:52px;margin-left:auto}.button{min-width:64px;padding:8px 12px}.summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px}.summary-label{grid-row:auto}.summary-card strong{width:100%;font-size:20px;line-height:1.35}.summary-card #summary-difference{display:block;width:100%;font-size:14px;line-height:1.45}.summary-card small{grid-column:auto;width:100%}.table-wrap{margin:0 -4px;padding-bottom:2px}.table-wrap table{min-width:760px}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:1;background:var(--color-surface);box-shadow:1px 0 0 var(--color-border-soft)}.table-wrap thead th:first-child{z-index:2;background:var(--color-panel-header)}th,td{padding:10px 12px;font-size:13px}.news-layout{grid-template-columns:1fr;grid-template-rows:minmax(220px,38%) minmax(0,1fr);gap:10px;min-height:0}.news-page .news-layout{flex:1}.news-list-panel,.news-content-panel{min-height:0}.chart-layout{min-height:0;overflow:hidden}.chart-view-panel{grid-template-rows:auto minmax(0,1.6fr) minmax(0,1fr);gap:8px;overflow:hidden}.chart-canvas,.chart-canvas-candle{min-height:0}.asset-chart-panel{margin-top:12px;padding:12px}.asset-chart-canvas{height:220px;min-height:180px}.level-option,.verify-option,.repeat-option{font-size:13px}}@media(max-width:480px){.connection-box #connection-text{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}