:root{--page-bg:#f4f7f2;--surface:#fff;--ink:#1f2421;--muted:#66706b;--line:#d9dfd6;--green:#0f8a5f;--green-soft:#e4f4ed;--red:#c43b4a;--red-soft:#fae8ea;--teal:#137c8b;--teal-soft:#e3f2f4;--amber:#9a6a00;--amber-soft:#fff2cf}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:linear-gradient(180deg, #137c8b1f, transparent 260px), var(--page-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}#root{min-height:100vh}.dashboard-shell{width:min(1320px,100% - 32px);margin:0 auto;padding:32px 0 48px}.dashboard-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.dashboard-title h1,.section-heading h2{color:var(--ink);letter-spacing:0;margin:0}.dashboard-title h1{font-size:32px}.dashboard-title p,.section-heading p,.metric-card p,.quiet,.holding-row span,.timeline-row span,.quality-list span{color:var(--muted);margin:0}.quality-pill{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-weight:700;display:inline-flex}.quality-pill.ok{color:var(--green);background:var(--green-soft)}.quality-pill.risk{color:var(--red);background:var(--red-soft)}.metrics-grid,.content-grid{gap:16px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metrics-grid.compact .metric-card{min-height:128px}.content-grid{grid-template-columns:1.25fr .75fr;margin-top:16px}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #1f242114}.metric-card{min-height:148px;padding:18px}.metric-topline,.section-heading,.holding-row,.timeline-row,.quality-list>div{align-items:center;display:flex}.metric-topline{color:var(--muted);justify-content:space-between;font-weight:700}.metric-topline svg{color:var(--teal)}.metric-card strong{color:var(--ink);margin:18px 0 8px;font-size:26px;display:block}.panel{padding:18px}.chart-panel,.full-panel{margin-top:16px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{font-size:22px}.section-heading p{text-transform:uppercase;margin-bottom:4px;font-size:13px;font-weight:800}.month-extremes{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:12px;font-size:13px;display:flex}.chart-box{height:380px;position:relative}.real-ai-panel{gap:16px;margin-bottom:16px;display:grid}.real-ai-main{justify-content:space-between;align-items:center;gap:18px;display:flex}.real-ai-main p,.real-ai-grid span,.real-score span{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.real-ai-main h2{color:var(--ink);margin:4px 0 8px;font-size:28px}.real-ai-main>div:first-child>span{color:var(--muted)}.real-score{border:1px solid var(--line);text-align:center;border-radius:8px;min-width:160px;padding:14px}.real-score-pair{gap:12px;display:flex}.real-score strong{color:var(--green);font-size:34px;display:block}.real-ai-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.real-ai-grid>div{border-top:1px solid var(--line);padding:14px 0 0}.real-ai-grid strong{color:var(--ink);margin:8px 0 6px;font-size:20px;display:block}.real-ai-grid p,.real-ai-notes p{color:var(--muted);margin:0}.real-ai-notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;display:grid}.real-ai-notes p{border-left:3px solid var(--teal);padding-left:10px}.real-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.real-segment-card{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;gap:10px;padding:14px;display:grid}.real-segment-card>strong{color:var(--ink);font-size:18px}.real-segment-card p,.real-segment-card em{color:var(--muted);margin:0;font-style:normal}.real-segment-card div{border-top:1px solid var(--line);gap:4px;padding-top:10px;display:grid}.real-segment-card span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.real-segment-card b{color:var(--ink)}.nav-chart-box{height:420px}.fund-panel{gap:16px;display:grid}.fund-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.fund-summary-grid>div{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;min-height:112px;padding:14px}.fund-summary-grid span,.fund-summary-grid p{color:var(--muted);margin:0}.fund-summary-grid span{text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.fund-summary-grid strong{color:var(--ink);margin-bottom:8px;font-size:22px;display:block}.value-stack{gap:2px;display:grid}.value-stack strong,.value-stack span{display:block}.value-stack span{color:var(--muted);font-size:12px}.fund-chart-box{height:360px}.fund-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.fund-tabs button{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 12px;font-weight:800}.fund-tabs button.active{color:var(--green);background:var(--green-soft);border-color:#0f8a5f57}.fund-tab-panel{gap:16px;display:grid}.fund-detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start}.fund-table-scroll{max-height:560px}.fund-detail-card{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;gap:12px;max-height:calc(100vh - 36px);padding:14px;display:grid;position:sticky;top:18px;overflow:auto}.fund-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.fund-mini-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:76px;padding:10px}.fund-mini-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.fund-mini-grid strong{color:var(--ink);font-size:18px}.fund-mini-grid p{color:var(--muted);margin:6px 0 0;font-size:12px}.fund-transaction-list{max-height:560px;overflow:auto}.month-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;margin-top:16px;display:grid}.month-badge{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:68px;padding:10px}.month-badge span,.month-badge strong{display:block}.month-badge span{color:var(--muted);font-size:13px}.month-badge strong{margin-top:8px;font-size:18px}.month-badge.hit{background:var(--green-soft);color:var(--green);border-color:#0f8a5f57}.month-badge.miss{background:var(--red-soft);color:var(--red);border-color:#c43b4a57}.month-matrix-panel{gap:14px;display:grid}.matrix-legend{align-items:center}.legend-dot{align-items:center;gap:6px;font-weight:800;display:inline-flex}.legend-dot:before{content:"";border-radius:999px;width:10px;height:10px}.legend-dot.hit:before{background:var(--green)}.legend-dot.miss:before{background:var(--red)}.legend-dot.exit:before{background:var(--ink)}.month-matrix-stack{gap:14px;display:grid}.month-year-card{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;gap:12px;padding:14px;display:grid;overflow-x:auto}.year-summary{min-width:1140px;color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.year-summary strong{color:var(--ink);font-size:20px}.month-matrix-grid{grid-template-columns:repeat(12,minmax(88px,1fr));gap:8px;min-width:1140px;display:grid}.month-cell{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:space-between;min-height:118px;padding:10px;display:grid}.month-cell.hit{background:var(--green-soft);border-color:#0f8a5f57}.month-cell.miss{background:var(--red-soft);border-color:#c43b4a57}.month-cell.exit{background:#eef1ed;border-color:#1f242173}.month-cell.low-exposure{box-shadow:inset 0 -3px #137c8b57}.month-cell.empty{color:var(--muted);background:#f4f6f3}.month-cell-top,.month-cell-meta,.month-cell-footer{gap:4px;display:grid}.month-cell-top span,.month-cell-meta span,.month-cell-footer span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.month-cell-top span,.month-cell-meta{color:var(--muted);font-size:12px}.month-cell-top strong{color:var(--ink);font-size:18px}.month-cell.hit .month-cell-top strong{color:var(--green)}.month-cell.miss .month-cell-top strong{color:var(--red)}.month-cell-footer{margin-top:8px}.month-cell-footer span{width:max-content;max-width:100%;min-height:24px;color:var(--ink);background:#ffffffb3;border-radius:8px;padding:4px 7px;font-size:11px;font-weight:800}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 10px}th{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:13px}td{color:var(--ink)}.positive{color:var(--green);font-weight:800}.negative{color:var(--red);font-weight:800}.holding-list,.timeline,.quality-list{gap:10px;display:grid}.compact-list{margin-top:12px}.holding-row,.timeline-row,.quality-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;min-height:44px;padding:10px 0}.holding-row:last-child,.timeline-row:last-child,.quality-list>div:last-child{border-bottom:0}.holding-row div,.timeline-row div{gap:3px;display:grid}.operation-badge{text-align:center;border-radius:8px;min-width:74px;padding:5px 8px;font-size:12px;font-weight:800}.operation-badge.buy{color:var(--green);background:var(--green-soft)}.operation-badge.sell{color:var(--red);background:var(--red-soft)}.operation-badge.transfer_in,.operation-badge.transfer_out,.operation-badge.ipo_allocation,.operation-badge.ipo_conversion_in,.operation-badge.ipo_conversion_out{color:var(--teal);background:var(--teal-soft)}.operation-badge.bonus{color:var(--amber);background:var(--amber-soft)}.operation-badge.dividend{color:var(--green);background:var(--green-soft)}.operation-badge.commission,.operation-badge.mkk_fee{color:var(--red);background:var(--red-soft)}.warning-box{background:var(--red-soft);border:1px solid #c43b4a57;border-radius:8px;padding:12px;display:block}.warning-box p{margin:0 0 8px}.warning-box p:last-child{margin-bottom:0}.explanation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.explanation-card{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;min-height:150px;padding:14px}.explanation-title{gap:6px;margin-bottom:12px;display:grid}.explanation-title strong{color:var(--ink);font-size:18px}.explanation-title span,.impact-label{color:var(--muted)}.impact-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.impact-columns p{color:var(--ink);justify-content:space-between;gap:10px;margin:8px 0 0;display:flex}.impact-label{text-transform:uppercase;font-size:12px;font-weight:800;display:block}.symbol-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:16px;display:grid}.symbol-table-panel,.symbol-detail-panel{min-height:680px}.symbol-toolbar,.filter-row,.tab-buttons,.sort-button,.symbol-tag{align-items:center;display:flex}.symbol-toolbar{justify-content:space-between;gap:12px;margin-bottom:12px}.symbol-toolbar input{border:1px solid var(--line);width:min(260px,100%);min-height:40px;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 12px}.tab-buttons,.filter-row{flex-wrap:wrap;gap:8px}.filter-row{margin-bottom:12px}.tab-buttons button,.filter-row button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:8px;padding:7px 10px}.tab-buttons button.active,.filter-row button.active{color:var(--ink);background:var(--teal-soft);border-color:#137c8b80;font-weight:800}.sort-button{color:inherit;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;font-weight:800}.sort-button span{min-width:10px}.symbol-table-scroll{max-height:560px}.symbol-table-scroll tr{cursor:pointer}.symbol-table-scroll tbody tr:hover,.selected-row{background:#eef6f3}.symbol-tag{border-radius:8px;width:max-content;min-height:28px;padding:5px 8px;font-size:12px;font-weight:800}.symbol-tag.ipo{color:var(--teal);background:var(--teal-soft)}.symbol-tag.regular{color:var(--muted);background:#eef1ed}.table-note{color:var(--muted);margin:12px 0 0;font-size:13px}.symbol-detail-panel{align-self:start;position:sticky;top:16px}.symbol-detail-heading{align-items:flex-start}.symbol-heading-tags,.symbol-detail-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.position-status-tag{border-radius:8px;min-height:28px;padding:5px 8px;font-size:12px;font-weight:800}.position-status-tag.open{color:var(--green);background:var(--green-soft)}.position-status-tag.closed{color:var(--muted);background:#eef1ed}.decision-note{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;gap:6px;margin-bottom:14px;padding:12px;display:grid}.decision-note strong{color:var(--ink)}.decision-note p{color:var(--muted);margin:0}.symbol-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.decision-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.symbol-summary-grid>div{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;min-height:82px;padding:12px}.symbol-summary-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.symbol-summary-grid strong{color:var(--ink);font-size:20px}.symbol-detail-tabs{margin:0 0 16px;padding-bottom:2px;overflow-x:auto}.symbol-detail-tabs button{border:1px solid var(--line);min-height:36px;color:var(--muted);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 10px}.symbol-detail-tabs button.active{color:var(--ink);background:var(--teal-soft);border-color:#137c8b80;font-weight:800}.symbol-tab-panel{gap:16px;display:grid}.decision-panel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.decision-panel-grid>div{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;min-height:74px;padding:12px}.decision-panel-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.decision-panel-grid strong{color:var(--ink);font-size:18px}.mini-chart-box{height:240px;margin:14px 0}.holding-window-box{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;gap:10px;margin:16px 0;padding:12px;display:grid}.holding-window-summary,.window-chip-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.holding-window-summary span{color:var(--muted);font-size:13px}.window-chip{border:1px solid var(--line);min-height:30px;color:var(--ink);background:var(--surface);border-radius:8px;padding:5px 8px;font-size:12px;font-weight:700}.window-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.window-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:8px;padding:12px;display:grid}.window-card-title,.window-card-row,.window-card-metric{justify-content:space-between;align-items:center;gap:10px;display:flex}.window-card-title strong{color:var(--ink)}.window-card-title span,.window-card-row span,.window-card-metric span{color:var(--muted);font-size:12px}.window-card-metric{flex-direction:column;align-items:flex-start;gap:4px}.window-card-metric strong{font-size:20px}.window-card-row strong{color:var(--ink)}.ipo-detail-box{background:var(--teal-soft);border:1px solid #137c8b57;border-radius:8px;gap:12px;margin:16px 0;padding:12px;display:grid}.ipo-detail-box p,.detail-block p,.empty-detail p{color:var(--muted);margin:6px 0 0}.compact-detail-grid{margin-bottom:0}.detail-block{margin-top:18px}.detail-block.no-top-margin{margin-top:0}.detail-block h3{color:var(--ink);margin:0 0 10px;font-size:16px}.compact-table-scroll{max-height:260px;overflow:auto}.compact-detail-list{max-height:360px;overflow:auto}.lot-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lot-columns p{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:8px 0;display:flex}.professional-lots p{grid-template-columns:1fr auto auto;display:grid}.symbol-detail-filter{margin-bottom:0}.empty-state{border:1px dashed var(--line);min-height:120px;color:var(--muted);text-align:center;background:#fbfcfa;border-radius:8px;place-content:center;gap:6px;padding:16px;display:grid}.empty-state strong{color:var(--ink)}.empty-state p{margin:0}.compact-empty{min-height:96px}.empty-detail{text-align:center;place-content:center;min-height:240px;display:grid}@media (width<=1100px){.metrics-grid,.content-grid,.explanation-grid,.symbol-grid,.fund-summary-grid,.real-ai-grid,.real-ai-notes,.real-segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fund-detail-layout{grid-template-columns:1fr}.fund-detail-card{max-height:none;position:static}}@media (width<=760px){.dashboard-shell{width:min(100% - 20px,1320px);padding-top:18px}.dashboard-title,.section-heading,.real-ai-main{flex-direction:column;align-items:flex-start}.dashboard-title h1{font-size:28px}.metrics-grid,.content-grid,.explanation-grid,.impact-columns,.symbol-grid,.symbol-summary-grid,.decision-summary-grid,.decision-panel-grid,.window-card-grid,.lot-columns,.fund-summary-grid,.fund-mini-grid,.real-ai-grid,.real-ai-notes,.real-segment-grid{grid-template-columns:1fr}.real-score-pair{flex-direction:column;width:100%}.real-score{width:100%}.symbol-toolbar{flex-direction:column;align-items:stretch}.symbol-toolbar input{width:100%}.symbol-detail-panel{position:static}.chart-box{height:320px}.timeline-row{flex-direction:column;align-items:flex-start}}