.formal-w01{margin-top:8px}.formal-w01-updated{margin:16px 0 0;color:#6b7280;font-size:14px;text-align:right}.formal-w01-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px}.formal-w01-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px 24px}.formal-w01-label{color:#6b7280;font-size:13px;margin:0 0 10px}.formal-w01-value{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.02em;margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formal-w01-value-accent{color:#0a84ff}.formal-w01-value-negative{color:#cc1f36}.formal-w01-value-neutral{color:#111}.formal-w01-panel{margin-top:20px;border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff}.formal-w01-panel-title,.formal-w01-table-title{margin:0;font-size:28px}.formal-w01-legend{display:flex;justify-content:flex-end;gap:20px;margin:10px 0 8px;font-size:12px;color:#6b7280}.formal-w01-legend-item:before{content:"";display:inline-block;width:16px;height:10px;border-radius:4px;margin-right:6px;vertical-align:middle}.formal-w01-legend-cost:before{background:#94a3b8}.formal-w01-legend-pl:before{background:#cbd5e1}.formal-w01-legend-latest:before{background:#0a84ff}.formal-w01-chart-wrap{overflow-x:auto;border:1px solid #f0f2f5;border-radius:10px;padding:8px;position:relative;-webkit-overflow-scrolling:touch}.formal-w01-chart{min-width:1100px;display:block}.formal-w01-tooltip{position:absolute;pointer-events:none;background:#111111eb;color:#fff;font-size:12px;line-height:1.4;padding:8px 10px;border-radius:8px;transform:translate(-50%,-120%);white-space:nowrap;transition:opacity .12s ease}.formal-w01-empty{margin-top:8px;color:#cc1f36}.formal-w01-table-sub{margin:8px 0 12px;color:#6b7280;font-size:13px}.formal-w01-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.formal-w01-table{width:100%;min-width:960px;border-collapse:collapse;font-size:13px}.formal-w01-table thead tr{background:#f2f2f6}.formal-w01-table th,.formal-w01-table td{border-top:1px solid #eef2f7;padding:10px 8px}.formal-w01-table th{color:#6b7280;font-weight:500;text-align:center}.formal-w01-table td{text-align:left}.formal-w01-num{text-align:right!important}@media (max-width: 900px){.formal-w01-updated{text-align:left}.formal-w01-kpis{grid-template-columns:1fr;gap:12px}.formal-w01-value{font-size:clamp(24px,7.5vw,34px)}.formal-w01-panel-title,.formal-w01-table-title{font-size:22px}.formal-w01-legend{justify-content:flex-start;flex-wrap:wrap}}.formal-w02{margin-top:8px}.formal-w02-actions-row{margin-top:16px}.formal-w02-panel{margin-top:16px;border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff}.formal-w02-title{margin:0 0 12px;font-size:30px;letter-spacing:-.02em}.formal-w02-empty{margin:4px 0 0;color:#6b7280}.formal-w02-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.formal-w02-table{width:100%;border-collapse:collapse;font-size:13px}.formal-w02-holdings-table{min-width:1200px}.formal-w02-transactions-table{min-width:980px}.formal-w02-table thead tr{background:#f2f2f6}.formal-w02-table th,.formal-w02-table td{border-top:1px solid #eef2f7;padding:10px 8px;text-align:center;vertical-align:middle;white-space:nowrap}.formal-w02-table th{color:#6b7280;font-weight:500}.formal-w02-num{text-align:right!important}.formal-w02-accent{color:#0a84ff}.formal-w02-negative{color:#cc1f36}.formal-w02-neutral{color:#111}.formal-w02-inline-actions{display:inline-flex;gap:8px}.formal-w02-inline-btn{border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:6px 10px;font-size:12px;color:#4b5563;cursor:pointer}.formal-w02-inline-btn:hover{border-color:#0a84ff;color:#0a84ff}.formal-w02-primary-btn,.formal-w02-secondary-btn,.formal-w02-danger-btn{border-radius:10px;font-size:13px;padding:9px 14px;cursor:pointer}.formal-w02-primary-btn{border:1px solid #0668cc;background:#0668cc;color:#fff}.formal-w02-secondary-btn{border:1px solid #d1d5db;background:#fff;color:#6b7280}.formal-w02-danger-btn{border:1px solid #cc1f36;background:#cc1f36;color:#fff}.formal-w02-filters{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:10px;margin-bottom:12px}.formal-w02-filter{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:9px 12px;font-size:13px}.formal-w02-th-sort-btn{border:none;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0}.formal-w02-hint{margin-top:12px;border:1px solid #dbe5f1;background:#f8fbff;border-radius:10px;padding:10px 12px;color:#4b5563;font-size:13px}.formal-w02-hint p{margin:0}.formal-w02-hint p+p{margin-top:4px}.formal-w02-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182747;display:grid;place-items:center;padding:16px;z-index:40;overscroll-behavior:contain}.formal-w02-modal{width:min(860px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 24px 48px #1118272e;padding:22px}.formal-w02-modal-title{margin:0 0 14px;font-size:28px;letter-spacing:-.02em;line-height:1.2;overflow-wrap:anywhere}.formal-w02-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.formal-w02-field{display:grid;gap:6px;color:#6b7280;font-size:13px}.formal-w02-field input,.formal-w02-field select{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.formal-w02-field-span-2{grid-column:1 / -1}.formal-w02-modal-note{margin:0;color:#6b7280;font-size:13px;line-height:1.6}.formal-w02-modal-error{margin:0;color:#cc1f36;font-size:13px;grid-column:1 / -1}.formal-w02-modal-actions{margin-top:8px;display:flex;justify-content:flex-end;gap:8px}.formal-w02-danger-input{width:100%;border:1px solid #ef4444;border-radius:10px;padding:10px 12px;font-size:14px;margin-top:8px}@media (max-width: 900px){.formal-w02-title{font-size:24px}.formal-w02-filters,.formal-w02-form-grid{grid-template-columns:1fr}.formal-w02-field-span-2{grid-column:auto}.formal-w02-modal-title{font-size:24px}}.formal-w03{margin-top:8px}.formal-w03-header-row{margin-top:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.formal-w03-updated{color:#6b7280;font-size:14px;margin-left:auto;text-align:right}.formal-w03-primary-btn,.formal-w03-secondary-btn{border-radius:10px;font-size:13px;padding:9px 14px;cursor:pointer}.formal-w03-primary-btn{border:1px solid #0668cc;background:#0668cc;color:#fff}.formal-w03-secondary-btn{border:1px solid #d1d5db;background:#fff;color:#6b7280}.formal-w03-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}.formal-w03-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:16px 18px;min-width:0}.formal-w03-label{margin:0;color:#6b7280;font-size:13px}.formal-w03-value{margin:8px 0 0;font-size:clamp(24px,2.3vw,42px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formal-w03-accent{color:#0a84ff}.formal-w03-negative{color:#cc1f36}.formal-w03-neutral{color:#111}.formal-w03-panel{margin-top:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:20px}.formal-w03-title{margin:0;font-size:30px}.formal-w03-subtle{margin:10px 0 0;color:#6b7280;font-size:14px}.formal-w03-table-wrap{margin-top:10px;overflow-x:auto;-webkit-overflow-scrolling:touch}.formal-w03-table{width:100%;min-width:1100px;border-collapse:collapse;font-size:13px}.formal-w03-table thead tr{background:#f2f2f6}.formal-w03-table th,.formal-w03-table td{border-top:1px solid #eef2f7;padding:10px 8px;text-align:center;white-space:nowrap}.formal-w03-table th{color:#6b7280;font-weight:500}.formal-w03-num{text-align:right!important}.formal-w03-badge{border-radius:999px;font-size:12px;padding:4px 9px;border:1px solid #d1d5db}.formal-w03-badge.manual{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.formal-w03-badge.auto{color:#6b7280;background:#f9fafb}.formal-w03-status{color:#6b7280}.formal-w03-status.ready{color:#047857}.formal-w03-inline-btn{border:1px solid #3b82f6;color:#2563eb;background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer}.formal-w03-result,.formal-w03-result-top{margin-top:12px;border:1px solid #dbe5f1;background:#f8fbff;border-radius:10px;padding:10px 12px;color:#374151;font-size:13px;white-space:pre-line}.formal-w03-result-top{margin-top:10px;border-color:#f5c2c7;background:#fff5f6;color:#7f1d1d}.formal-w03-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#11182747;display:grid;place-items:center;padding:16px;overscroll-behavior:contain}.formal-w03-modal{width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 48px #1118272e;padding:20px}.formal-w03-modal-title{margin:0;font-size:24px;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.formal-w03-modal-symbol{display:block;margin-top:6px}.formal-w03-form-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.formal-w03-field{display:grid;gap:6px;color:#6b7280;font-size:13px}.formal-w03-field input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.formal-w03-span-2{grid-column:1 / -1}.formal-w03-hint{border:1px solid #dbe5f1;border-radius:10px;background:#f8fbff;padding:10px 12px;font-size:13px;color:#4b5563}.formal-w03-hint p{margin:0}.formal-w03-hint p+p{margin-top:4px}.formal-w03-modal-actions{margin-top:14px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 900px){.formal-w03-kpis,.formal-w03-form-grid{grid-template-columns:1fr}.formal-w03-span-2{grid-column:auto}}.formal-w04{margin-top:8px}.formal-w04-updated{margin:14px 0 0;color:#6b7280;font-size:14px;text-align:right}.formal-w04-granularity{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.formal-w04-gran-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.formal-w04-gran-btn{border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#6b7280;padding:9px 14px;font-size:13px;cursor:pointer}.formal-w04-gran-btn.active{border-color:#0668cc;background:#0668cc;color:#fff}.formal-w04-help{position:relative;color:#6b7280;font-size:13px;text-decoration:underline;cursor:default;padding:4px 6px}.formal-w04-help-pop{position:absolute;left:0;top:calc(100% + 6px);width:260px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;box-shadow:0 14px 28px #11182724;padding:10px 12px;z-index:8;display:none}.formal-w04-help:hover .formal-w04-help-pop,.formal-w04-help:focus-within .formal-w04-help-pop{display:block}.formal-w04-help-pop p{margin:0;font-size:12px;color:#4b5563}.formal-w04-help-pop p+p{margin-top:4px}.formal-w04-display-count{margin-left:auto;display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.formal-w04-display-count select{border:1px solid #d1d5db;border-radius:10px;padding:9px 12px;font-size:13px;background:#fff}.formal-w04-kpis{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.formal-w04-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:16px 18px;min-width:0}.formal-w04-label{margin:0;color:#6b7280;font-size:13px}.formal-w04-value{margin:8px 0 0;font-size:clamp(24px,2.3vw,42px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formal-w04-accent{color:#0a84ff}.formal-w04-negative{color:#cc1f36}.formal-w04-neutral{color:#111}.formal-w04-empty{margin-top:8px;color:#cc1f36;font-size:13px}.formal-w04-panel{margin-top:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:20px}.formal-w04-title{margin:0;font-size:30px}.formal-w04-legend{margin:10px 0 8px;display:flex;gap:16px;flex-wrap:wrap;color:#6b7280;font-size:12px}.formal-w04-legend span:before{content:"";display:inline-block;width:15px;height:10px;border-radius:4px;margin-right:6px;vertical-align:middle}.formal-w04-legend .cost:before{background:#94a3b8}.formal-w04-legend .pl:before{background:#cbd5e1}.formal-w04-legend .rate:before{background:#5f789a}.formal-w04-legend .stock:before{background:#6b7280}.formal-w04-legend .crypto:before{background:#9ca3af}.formal-w04-legend .fx:before{background:#c5cad3}.formal-w04-legend .pension:before{background:#e2e6ec}.formal-w04-chart-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #f0f2f5;border-radius:10px;padding:8px}.formal-w04-chart{min-width:920px;display:block}.formal-w04-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));pointer-events:none;background:#111827eb;color:#fff;font-size:12px;padding:6px 8px;border-radius:8px;white-space:nowrap;transition:opacity .12s ease-out}.formal-w04-summary-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.formal-w04-summary-filter{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.formal-w04-summary-filter select{border:1px solid #d1d5db;border-radius:10px;padding:9px 12px;font-size:13px}.formal-w04-subsection{margin:14px 0 8px;font-size:14px;color:#6b7280}.formal-w04-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.formal-w04-table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px}.formal-w04-table thead tr{background:#f2f2f6}.formal-w04-table th,.formal-w04-table td{border-top:1px solid #eef2f7;padding:10px 8px;text-align:center;white-space:nowrap}.formal-w04-table th{color:#6b7280;font-weight:500}.formal-w04-num{text-align:right!important}@media (max-width: 900px){.formal-w04-updated{text-align:left}.formal-w04-display-count{margin-left:0}.formal-w04-kpis{grid-template-columns:1fr}}.formal-w05{margin-top:8px}.formal-w05-top-meta{margin-top:12px}.formal-w05-updated{margin:0;color:#6b7280;font-size:14px;text-align:right}.formal-w05-top-controls{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end;flex-wrap:wrap}.formal-w05-granularity{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.formal-w05-gran-btn{border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#6b7280;padding:9px 14px;font-size:13px;cursor:pointer}.formal-w05-gran-btn.active{border-color:#0668cc;background:#0668cc;color:#fff}.formal-w05-help{position:relative;color:#6b7280;font-size:13px;text-decoration:underline;padding:4px 6px}.formal-w05-help-pop{position:absolute;left:0;top:calc(100% + 6px);width:260px;border:1px solid #dbe5f1;border-radius:10px;background:#fff;box-shadow:0 14px 28px #11182724;padding:10px 12px;display:none;z-index:8}.formal-w05-help:hover .formal-w05-help-pop,.formal-w05-help:focus-within .formal-w05-help-pop{display:block}.formal-w05-help-pop p{margin:0;font-size:12px;color:#4b5563}.formal-w05-help-pop p+p{margin-top:4px}.formal-w05-period-filter{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#6b7280}.formal-w05-period-filter select{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:9px 12px;font-size:13px}.formal-w05-empty{margin-top:8px;color:#cc1f36;font-size:13px}.formal-w05-panel{margin-top:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:20px}.formal-w05-title{margin:0;font-size:30px}.formal-w05-subsection{margin:12px 0 8px;font-size:14px;color:#6b7280}.formal-w05-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.formal-w05-table{width:100%;min-width:900px;border-collapse:collapse;font-size:13px}.formal-w05-symbol-table{min-width:1040px}.formal-w05-detail-table{min-width:1240px}.formal-w05-table thead tr{background:#f2f2f6}.formal-w05-table th,.formal-w05-table td{border-top:1px solid #eef2f7;padding:10px 8px;text-align:center;white-space:nowrap}.formal-w05-table th{color:#6b7280;font-weight:500}.formal-w05-num{text-align:right!important}.formal-w05-accent{color:#0a84ff}.formal-w05-negative{color:#cc1f36}.formal-w05-neutral{color:#111}.formal-w05-symbol-filters{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;margin-bottom:10px}.formal-w05-filter{border:1px solid #d1d5db;border-radius:10px;background:#fff;padding:9px 12px;font-size:13px}.formal-w05-inline-btn{border:1px solid #3b82f6;color:#2563eb;background:#fff;border-radius:8px;padding:6px 11px;font-size:12px;cursor:pointer}.formal-w05-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#11182747;display:grid;place-items:center;padding:16px;overscroll-behavior:contain}.formal-w05-modal{width:min(1100px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 24px 48px #1118272e;padding:20px}.formal-w05-modal-title{margin:0;font-size:24px}.formal-w05-modal-actions{margin-top:12px;display:flex;justify-content:flex-end}.formal-w05-secondary-btn{border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#6b7280;font-size:13px;padding:9px 14px;cursor:pointer}@media (max-width: 900px){.formal-w05-updated{text-align:left}.formal-w05-symbol-filters{grid-template-columns:1fr}}:root{--formal-bg: #f5f5f7;--formal-surface: #ffffff;--formal-line: #e5e7eb;--formal-text: #111111;--formal-muted: #6b7280;--formal-accent: #0668cc}html,body{margin:0;padding:0}body{background:var(--formal-bg);color:var(--formal-text);font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}.formal-shell{min-height:100vh;padding:0}.formal-page{width:min(1248px,calc(100vw - 24px));margin:12px auto;background:var(--formal-surface);border:1px solid var(--formal-line);border-radius:20px;padding:32px 48px;box-shadow:0 2px 10px #0000000a}.formal-header-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.formal-brand{margin:0;font-size:clamp(30px,2.6vw,40px);line-height:1.12;letter-spacing:-.02em;font-weight:640}.formal-brand-wrap{display:grid;gap:6px}.formal-brand-kicker{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8a93a3}.formal-brand-rule{width:112px;height:2px;border-radius:999px;background:#d6dfeb}.formal-logout-link{text-decoration:none;color:var(--formal-muted);border:1px solid var(--formal-line);border-radius:10px;background:#fff;padding:8px 12px;font-size:12px;cursor:pointer}.formal-top-tabs{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.formal-top-tabs a{text-align:center;border:1px solid var(--formal-line);border-radius:10px;color:var(--formal-muted);text-decoration:none;padding:10px 14px;font-size:13px;background:#fff}.formal-top-tabs a.active{color:#fff;border-color:#0668cc;background:#0668cc}.formal-login-state{margin-top:10px;color:var(--formal-text);font-size:12px}.formal-panel{margin-top:20px;border:1px solid var(--formal-line);border-radius:12px;padding:20px;background:var(--formal-surface)}.auth-center{min-height:100vh;display:grid;place-items:center;padding:12px}.formal-auth-card{width:min(440px,calc(100vw - 24px));background:#fff;border:1px solid var(--formal-line);border-radius:20px;padding:28px;box-shadow:0 2px 10px #0000000a}.formal-subtitle{margin:8px 0 0;color:var(--formal-muted);font-size:13px}.formal-message{margin:20px 0 0;color:#374151;font-size:14px;line-height:1.6}.formal-form{margin-top:18px;display:grid;gap:12px}.formal-field{display:grid;gap:6px}.formal-field span{color:var(--formal-muted);font-size:12px}.formal-field input{border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font-size:14px}.formal-auth-actions{margin-top:8px;display:flex;justify-content:flex-end}.formal-primary-btn,.formal-secondary-btn{border-radius:10px;font-size:13px;padding:9px 14px;cursor:pointer}.formal-primary-btn{border:1px solid #0668cc;background:#0668cc;color:#fff}.formal-secondary-btn{border:1px solid #d1d5db;background:#fff;color:#6b7280}.formal-error{margin-top:8px;color:#b00020;font-size:12px}@media (max-width: 900px){.formal-brand{font-size:clamp(28px,7.2vw,34px)}.formal-brand-rule{width:88px}.formal-page{margin:6px auto;padding:20px 14px}.formal-top-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.formal-top-tabs a{flex:0 0 auto}}:root{--font-sans: "Inter", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--bg: #f5f5f7;--surface: #ffffff;--surface-soft: #fafafc;--text-main: #101218;--text-muted: #6a7282;--line: #d4d9e2;--accent: #0a66d9;--accent-hover: #0858bd;--danger: #cc1f36;--shadow: 0 4px 14px rgba(16, 18, 24, .05)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text-main);background:var(--bg);min-height:100vh}#root{min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:24px 16px 64px}.app-header{display:grid;gap:10px}.app-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.login-shell{display:grid;gap:16px;max-width:480px;margin:24px auto 0}.login-card{gap:12px}.route-nav{display:flex;gap:10px;flex-wrap:wrap}.route-link{text-decoration:none;border:1px solid var(--line);border-radius:12px;color:var(--text-muted);background:var(--surface);padding:10px 16px;font-weight:600;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.route-link-active{border-color:var(--accent);background:var(--accent);color:#fff}.screen-card{border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);background:var(--surface);padding:16px;display:grid;gap:12px}.screen-stack{display:grid;gap:12px}.screen-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.home-top-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.home-top-meta-right{display:grid;gap:4px;justify-items:end}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.metric-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:12px;display:grid;gap:4px}.home-legend{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.86rem}.legend-chip{width:14px;height:14px;border-radius:4px;border:1px solid #c7cfdd}.legend-cost{background:#7b8797}.legend-pl{background:#c8d0dc}.legend-latest{background:#0a66d9}.home-chart-scroll{overflow-x:auto;padding-bottom:4px}.home-chart{width:100%;min-width:860px;height:auto}.table-wrap{overflow-x:auto}.inline-actions{display:inline-flex;gap:6px}.filter-row{display:flex;flex-wrap:wrap;gap:10px}.filter-row input,.filter-row select{min-width:180px}.helper-text-box{border:1px solid #dbe6f6;background:#f8fbff;border-radius:12px;padding:10px 12px;color:#4a5568;font-size:.86rem}.helper-text-box p{margin:0}.helper-text-box p+p{margin-top:4px}.chart-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:12px;display:grid;gap:8px}.chart-card-compact{padding:8px;gap:6px}.chart-head,.chart-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.chart-svg{width:100%;height:auto}.chart-bg{fill:#ffffffb3}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.asset-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}h1,h2{letter-spacing:.01em}section,form,table{font-size:.95rem}button{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-main);cursor:pointer;font:inherit;font-weight:600;transition:border-color .12s ease,background-color .12s ease,color .12s ease}button:hover:enabled{border-color:#b1bccf}.primary-btn{border-color:var(--accent);background:var(--accent);color:#fff}.primary-btn:hover:enabled{border-color:var(--accent-hover);background:var(--accent-hover)}.danger-btn{border-color:var(--danger);background:var(--danger);color:#fff}.th-sort-btn{border:0;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer}.th-sort-btn:hover{text-decoration:underline}button:disabled{opacity:.65;cursor:not-allowed}input,select{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text-main);font:inherit}small{color:var(--text-muted)}.form-error{color:var(--danger);font-weight:600}.value-negative{color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c121e42;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.dialog-card{width:min(760px,100%);border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);padding:18px;display:grid;gap:12px;max-height:84vh;overflow-y:auto}.dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dialog-grid label{display:grid;gap:6px;color:var(--text-muted);font-size:.9rem}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 860px){.dialog-grid{grid-template-columns:1fr}}table{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}th,td{padding:8px 10px;border-bottom:1px solid var(--line)}th{background:#f1f2f6;color:#5e6678;text-align:center}.page{width:min(1248px,calc(100vw - 24px));margin:12px auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px 48px;box-shadow:var(--shadow);display:grid;gap:0}.brand{margin:0;font-size:32px;font-weight:600}.header-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.logout-link{text-decoration:none;color:var(--text-muted);border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 12px;font-size:12px;font-weight:500}.top-tabs{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.top-tabs a{text-decoration:none;color:var(--text-muted);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;background:#fff}.top-tabs a.active{color:#fff;border-color:#0668cc;background:#0668cc}.updated{margin:16px 0 0;color:var(--text-muted);font-size:14px;text-align:right}.home-heading{margin:8px 0 0;font-size:16px;color:var(--text-muted);font-weight:500}.kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 24px}.card .label{color:var(--text-muted);font-size:13px;margin:0 0 10px}.card .value{font-size:42px;letter-spacing:-.02em;margin:0}.card .value.accent{color:var(--accent)}.note{margin:12px 0 0;font-size:12px;color:var(--text-muted);text-align:right}.panel{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--surface)}.panel h2{margin:0 0 12px;font-size:24px}.legend{display:flex;justify-content:flex-end;gap:20px;margin:10px 0 8px;font-size:12px;color:var(--text-muted)}.legend span:before{content:"";display:inline-block;width:16px;height:10px;border-radius:4px;margin-right:6px;vertical-align:middle}.legend .cost:before{background:#94a3b8}.legend .pl:before{background:#cbd5e1}.legend .latest:before{background:var(--accent)}.chart-wrap{overflow-x:auto;border:1px solid #f0f2f5;border-radius:10px;padding:8px;position:relative}.chart{min-width:1100px;display:block}.table-panel{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:20px}.table-title{margin:0;font-size:28px}.table-sub{margin:8px 0 12px;color:var(--text-muted);font-size:13px}.header-row{margin-top:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;padding:10px 16px;font-size:13px;cursor:pointer}.actions{display:flex;gap:6px;justify-content:center}.btn-inline{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:var(--text-muted);font-size:11px;padding:4px 10px;cursor:pointer}.btn-inline.edit{border-color:var(--accent);color:var(--accent)}.filters{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap;align-items:center}.filter{border:1px solid #d1d5db;border-radius:10px;min-width:150px;color:var(--text-main);font-size:12px;padding:9px 12px;background:#fff}.hint{margin-top:10px;border:1px solid #dbeafe;background:#f8fbff;border-radius:10px;padding:10px 12px}.hint p{margin:0;color:#374151;font-size:12px;line-height:1.5}.hint p+p{margin-top:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{width:min(760px,100%);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px;max-height:84vh;overflow-y:auto}.modal h3{margin:0 0 12px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.guide{margin:0;border:1px solid #dbeafe;background:#f8fbff;border-radius:10px;color:#1f2937;font-size:12px;line-height:1.5;padding:10px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.secondary{border:1px solid #d1d5db;border-radius:10px;background:#fff;color:var(--text-muted);font-size:13px;padding:9px 14px;cursor:pointer}.danger{border:1px solid #dc2626;background:#fff;color:#dc2626;border-radius:10px;font-size:13px;padding:9px 14px}.danger:disabled{border-color:#fecaca;color:#fca5a5}@media (max-width: 900px){.page{padding:20px 14px}.kpis{grid-template-columns:1fr}.card .value{font-size:34px}.panel h2,.table-title{font-size:22px}.legend{justify-content:flex-start;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}}