@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#172b38;background:#f5f7f8;font-synthesis:none;--blue:#325d86;--teal:#499b91;--amber:#d7a65e;--rose:#ca7c78;--line:#e3e9ec;--muted:#81919b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;flex:none;background:#fdfefe;border-right:1px solid var(--line);padding:28px 14px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 14px 37px}.brand-mark{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#1d4b64;color:#fff;font-weight:800;font-size:20px;box-shadow:0 5px 12px #25485a29}.brand strong{display:block;font-size:17px;letter-spacing:-.04em}.brand small{display:block;font-size:9px;letter-spacing:.15em;color:#9aa7ac;margin-top:2px}.sidebar-label,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:#9aa9af}.sidebar-label{padding:0 15px;margin-bottom:12px}.sidebar nav{display:grid;gap:2px}.sidebar nav button{height:39px;border:0;background:transparent;text-align:left;border-radius:9px;padding:0 12px;color:#637681;font-size:13px;font-weight:600;display:flex;align-items:center;gap:13px}.sidebar nav button:hover{background:#f1f5f6}.sidebar nav button.active{background:#e8f0f2;color:#1e526b}.nav-icon{width:18px;text-align:center;font-size:16px;font-weight:400}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:17px 12px 0;display:flex;align-items:center;gap:10px}.avatar,.top-avatar{display:grid;place-items:center;background:#e1edeb;color:#266b66;border-radius:50%;font-weight:700}.avatar{width:34px;height:34px}.sidebar-footer strong{display:block;font-size:12px}.sidebar-footer small{font-size:10px;color:var(--muted)}.main-area{flex:1;min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#6e818c;font-weight:600}.breadcrumb span{padding:0 9px;color:#c2ccd1}.topbar-right{display:flex;align-items:center;gap:20px}.today{font-size:11px;color:#899aa3}.top-avatar{width:29px;height:29px;font-size:11px}main{padding:38px 42px 80px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-head h1{font-size:28px;letter-spacing:-.06em;margin:7px 0 6px;line-height:1.25}.page-head p{font-size:12px;color:#8697a0;margin:0}.button{border:1px solid var(--line);border-radius:8px;padding:10px 16px;font-size:12px;font-weight:700;white-space:nowrap}.button.primary{background:#1d546c;border-color:#1d546c;color:#fff;box-shadow:0 4px 12px #1d546c24}.button.primary:hover{background:#123f55}.button.subtle{background:#fff;color:#3e5a68}.button.subtle:hover{background:#f1f5f6}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 16px #122e3a06}.stat-card{padding:21px 23px;min-height:164px;display:flex;flex-direction:column;align-items:flex-start}.stat-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:17px;margin-bottom:17px}.stat-icon.blue{background:#e9f1f8;color:#3a739a}.stat-icon.teal{background:#e7f5f2;color:#4c9b8f}.stat-icon.amber{background:#fff3df;color:#c28b37}.stat-icon.rose{background:#f9eeec;color:#c87673}.stat-card>span{font-size:12px;color:#8899a2}.stat-card strong{font-size:27px;letter-spacing:-.04em;margin-top:4px}.stat-card strong small{font-size:12px;color:#82939d;margin-left:3px}.stat-card strong.value{font-size:22px}.stat-card button{border:0;background:transparent;color:#3c708c;font-size:11px;font-weight:700;padding:0;margin-top:auto}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:18px}.panel{padding:22px 24px;margin-bottom:18px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-head h2,.panel h2{font-size:17px;letter-spacing:-.04em;margin:5px 0 0}.text-button,.back-link{border:0;background:none;color:#528198;font-weight:700;font-size:11px}.timeline-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-top:1px solid #edf1f2}.timeline-row:first-child{border-top:0}.date-pill{background:#eaf1f3;border-radius:7px;padding:9px 8px;font-size:11px;font-weight:700;color:#376278;min-width:51px;text-align:center}.date-pill.late{background:#fff0ed;color:#bc6f68}.timeline-row>div:nth-child(2){flex:1;min-width:0}.timeline-row strong{font-size:12px}.timeline-row p{font-size:11px;color:#9aa8ad;margin:3px 0 0}.badge{display:inline-flex;align-items:center;background:#f0f4f5;color:#6d828d;border-radius:5px;font-size:10px;font-weight:700;padding:4px 7px;white-space:nowrap}.badge.good{background:#e8f5f0;color:#39836b}.badge.warn{background:#fff2df;color:#a77525}.badge.bad{background:#fff0ee;color:#b8544f}.quick-actions{display:grid;gap:9px}.quick-actions button{background:#fafcfc;border:1px solid #e8eff1;border-radius:9px;padding:12px;display:flex;align-items:center;gap:12px;text-align:left}.quick-actions button:hover{border-color:#b9d0db;background:#f5f9fa}.quick-actions button>span{border:1px solid #d9e8ed;background:#fff;color:#58859c;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-size:17px}.quick-actions button>div{flex:1}.quick-actions strong{display:block;font-size:12px;color:#28414e}.quick-actions small{font-size:10px;color:#a0adb3}.quick-actions b{color:#9ab0b9;font-size:13px}.panel-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 12px;width:300px;height:36px;color:#8da1aa}.search input{border:0;outline:0;width:100%;font-size:11px}.panel-toolbar select{height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#566e7c;padding:0 8px;font-size:11px}.count{font-size:11px;color:#9aa9af;margin-left:auto}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:620px}.table-wrap th{text-align:left;color:#8b9aa2;background:#f8fafb;font-size:10px;font-weight:700;padding:12px 13px;white-space:nowrap}.table-wrap th:first-child{border-radius:6px 0 0 6px}.table-wrap th:last-child{border-radius:0 6px 6px 0}.table-wrap td{font-size:11px;padding:14px 13px;border-bottom:1px solid #edf1f2;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#445d69}.table-wrap tr.clickable{cursor:pointer}.table-wrap tr.clickable:hover{background:#f7fafb}.table-wrap td:first-child{font-weight:700;color:#253d49}.actions-col{text-align:right!important}.row-actions{text-align:right;white-space:nowrap!important}.small-button{border:0;background:transparent;font-size:10px;color:#4a7e97;font-weight:700;padding:2px 5px}.small-button.danger{color:#b86b68}.empty{text-align:center;padding:55px 15px;color:#9cabb2}.empty-symbol{font-size:32px;color:#c5d4d8}.empty h3{font-size:14px;color:#526d79;margin:8px 0}.empty p{font-size:11px;margin:0}.back-link{padding:0;margin-bottom:15px}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{white-space:nowrap;border:0;background:none;color:#8a9ba4;padding:13px 17px;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.tabs button.active{color:#245c78;border-bottom-color:#245c78}.detail-panel{min-height:400px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.summary-grid.three{grid-template-columns:repeat(3,1fr)}.mini-stat{background:#f7fafb;border:1px solid #edf1f2;border-radius:9px;padding:18px}.mini-stat span{font-size:11px;color:#8c9da5;display:block}.mini-stat strong{display:block;font-size:21px;margin-top:7px;letter-spacing:-.04em}.mini-stat small{font-size:10px;color:#a4b0b6}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 25px;padding:10px 0 25px}.info-grid span{font-size:10px;color:#9eabb1;display:block}.info-grid strong{font-size:12px;font-weight:600;display:block;margin-top:4px}.memo-box{border-top:1px solid var(--line);padding-top:20px}.memo-box h3,.allocation h3{font-size:13px;margin:0 0 8px}.memo-box p{font-size:12px;color:#748994}.allocation{margin-bottom:22px}.bar{display:flex;height:13px;overflow:hidden;border-radius:30px;background:#edf1f2;margin:15px 0 10px}.legend{display:flex;gap:20px;color:#738893;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.add-inline{margin-top:20px}.upload-zone{min-height:155px;border:1px dashed #a8c0ca;background:#f8fbfc;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#548199;font-size:24px}.upload-zone strong{font-size:13px;color:#325a70;margin-top:7px}.upload-zone span{font-size:10px;color:#93a6ae;margin-top:5px}.upload-zone input{display:none}.file-name{font-size:12px;color:#587080}.import-panel .summary-grid{margin-top:20px}.import-actions{display:flex;align-items:center;gap:15px;margin-top:20px}.import-actions small{font-size:10px;color:#9baab1}.guide h2{margin-bottom:18px}.guide p{font-size:11px;color:#81939c}.guide strong{color:#3b6176}.result-box{white-space:pre-wrap;background:#f4f8f9;padding:16px;border-radius:8px;font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-grid .panel{margin:0;min-height:165px}.settings-grid p{font-size:11px;color:#8599a3;line-height:1.8}.connection-list{display:grid;gap:12px;margin-top:20px}.connection-list>span{display:flex;justify-content:space-between;font-size:11px}.error-banner{background:#fff1ee;color:#b2534f;padding:11px 14px;border-radius:8px;font-size:12px;margin-bottom:20px;display:flex;justify-content:space-between}.error-banner button{border:0;background:none;color:inherit}.toast{position:fixed;right:25px;bottom:22px;background:#213f4d;color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 10px 30px #152d3b42;z-index:40;font-size:12px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:100px 0;color:#8ea0a9;font-size:13px}.spinner{width:22px;height:22px;border:2px solid #d4e1e5;border-top-color:#356e8a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#1127318c;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;width:min(650px,100%);max-height:min(88vh,900px);overflow:auto;border-radius:15px;box-shadow:0 25px 80px #081a2440;padding:26px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h2{font-size:22px;margin:7px 0 0;letter-spacing:-.05em}.icon-button{border:0;background:#f2f6f7;border-radius:8px;width:30px;height:30px;font-size:20px;color:#63808d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.stack label{font-size:11px;font-weight:700;color:#5d7480;display:flex;flex-direction:column;gap:7px}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.stack input{width:100%;border:1px solid #dce5e8;border-radius:7px;padding:9px 10px;outline:0;color:#203b49;background:#fff;font-size:12px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.stack input:focus{border-color:#5f93ab;box-shadow:0 0 0 3px #5f93ab1c}.form-grid input[type=checkbox]{width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.error{font-size:11px;color:#bd5955}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 25% 20%,#e9f2f3 0,transparent 30%),#f5f7f8}.auth-card{width:min(390px,100%);padding:36px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 45px #16313c0d}.auth-card .brand-mark{margin-bottom:23px}.auth-card h1{font-size:25px;letter-spacing:-.05em;margin:7px 0}.auth-card p{font-size:12px;line-height:1.7;color:#80939d;margin:0 0 25px}.auth-card .stack{display:grid;gap:17px}.auth-card .button{width:100%;margin-top:5px}.auth-card small{display:block;font-size:10px;color:#a1afb5;line-height:1.6;margin-top:21px}.auth-card .error{color:#bc5955}.auth-card .qr{max-width:220px;display:block;margin:auto}.notice{padding:14px;background:#f0f6f7;border-radius:8px;font-size:11px;line-height:1.8;color:#56727f}.notice code{font-size:10px}.menu-button,.mobile-scrim{display:none}@media(max-width:1100px){.sidebar{width:205px}.topbar{padding:0 27px}main{padding:30px 27px 70px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s;width:245px}.sidebar.open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#0a223b65;z-index:19}.menu-button{display:block;border:0;background:none;font-size:19px;color:#456778;margin-right:13px}.topbar{height:56px;padding:0 18px;justify-content:flex-start}.topbar-right{margin-left:auto}.today{display:none}main{padding:25px 17px 60px}.page-head h1{font-size:23px}.page-head{align-items:flex-start}.page-head .button{padding:9px 11px}.stat-grid{gap:9px}.stat-card{padding:16px;min-height:150px}.stat-card strong{font-size:23px}.stat-card strong.value{font-size:17px}.dashboard-grid{grid-template-columns:1fr;gap:0}.panel{padding:19px 16px}.summary-grid.three{grid-template-columns:1fr 1fr}.summary-grid.three .mini-stat:last-child{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.search{width:auto;flex:1}.modal{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}}.review-alert{background:#fff7e8;border:1px solid #f1d9ae;border-radius:9px;padding:13px 17px;margin-top:17px;color:#896830;font-size:11px}.review-alert button{border:0;background:none;color:#806023;font-size:11px;font-weight:700;margin-left:8px}.mapping-box{border:1px solid var(--line);border-radius:9px;padding:15px;margin:15px 0;background:#fbfcfc}.mapping-box h3{font-size:13px;margin:0 0 4px}.mapping-box p{font-size:10px;color:#8b9ca5}.mapping-box details{border-top:1px solid var(--line);padding:10px 0}.mapping-box summary{cursor:pointer;font-size:11px;font-weight:700;color:#4b6d7c}.mapping-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:13px}.mapping-grid label{font-size:10px;color:#708793}.mapping-grid select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:8px;margin-top:4px;font-size:11px;background:#fff}@media(max-width:760px){.mapping-grid{grid-template-columns:1fr}}.demo-banner{background:#e9f3f0;border:1px solid #bedbd1;color:#2c6658;border-radius:9px;padding:12px 16px;margin-bottom:22px;display:flex;align-items:center;gap:14px;font-size:11px}.demo-banner strong{font-size:12px}.demo-banner span{flex:1}.demo-banner a{font-weight:700;text-decoration:none}.demo-link{display:block;text-align:center;text-decoration:none;margin-top:18px}@media(max-width:760px){.demo-banner{display:block}.demo-banner span{display:block;margin:5px 0}.demo-banner a{display:inline-block;margin-top:4px}}.portfolio-return-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px 24px;margin-bottom:20px}.portfolio-return-panel .section-head{margin-bottom:10px;gap:12px}.portfolio-return-panel h3{font-size:16px;margin:5px 0 0}.portfolio-help{font-size:11px;line-height:1.7;color:#748995;margin:8px 0 14px}.portfolio-warning{background:#fff7e8;color:#8b682d;border-radius:7px;padding:9px 12px;font-size:11px}.return-table td:first-child strong{display:block}.return-table td:first-child small{display:block;color:#91a0a8;font-weight:400;margin-top:3px}.return-table input{width:120px;border:1px solid #cbdde4;border-radius:7px;padding:8px 9px;color:#1c485b;background:#fff;text-align:right;font-size:12px}.return-table input:focus{outline:2px solid #81adbf;outline-offset:1px}.holding-details{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 18px;margin-bottom:15px}.holding-details summary{font-size:12px;font-weight:700;color:#466b7b;cursor:pointer}.holding-details .table-wrap{margin-top:15px}@media(max-width:760px){.portfolio-return-panel{padding:18px 16px}.portfolio-return-panel .section-head{align-items:flex-start}.return-table{min-width:0!important}.return-table thead{display:none}.return-table tbody{display:grid;gap:10px}.return-table tr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;border:1px solid var(--line);border-radius:9px}.return-table td,.return-table td:first-child{display:block;max-width:none;overflow:visible;white-space:normal;border:0;padding:0;font-weight:400}.return-table td:before{content:attr(data-label);display:block;color:#8b9ca5;font-size:10px;margin-bottom:4px}.return-table td:first-child{grid-column:1/-1;font-weight:700}.return-table td:last-child{grid-column:1/-1}.return-table input{width:100%;text-align:left}}.customer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dashboard-metric{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:17px}.dashboard-metric span{display:block;font-size:12px;color:#728995}.dashboard-metric strong{display:block;font-size:25px;margin-top:4px;color:#25546d}.dashboard-metric p{font-size:11px;color:#899aa3;margin:5px 0 0}@media(max-width:760px){.dashboard-metric{align-items:flex-start;flex-direction:column}}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px}.metric-grid .dashboard-metric{margin:0}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr}}.panel-toolbar{flex-wrap:wrap}