:root{--bg:#F4F8FD;--surface:#FFF;--navy:#122D55;--muted:#647791;--blue:#256FE8;--blue-soft:#EAF3FF;--border:#DEE8F4;--green:#087C5A;--red:#C73A48;--amber:#A75A0D;--radius:18px;--shadow:0 4px 20px rgba(43,84,132,.035);font-family:'Pretendard','Noto Sans CJK KR','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;font-size:14px;color:var(--navy);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3686ED;outline-offset:3px}button{color:var(--navy)}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.btn{min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:650;background:white;white-space:normal;line-height:1.5}.btn.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 4px 9px #256FE813}.btn.ghost{background:#FFF}.btn.danger{background:#FFF3F4;color:var(--red);border-color:#F0C5CC}.btn.text{border:0;background:none;padding:3px 0;min-height:44px;color:var(--blue);font-size:12px;white-space:nowrap}.btn.text .icon{width:15px}.btn.block{display:flex;width:100%;margin-top:12px}.btn+.btn{margin-left:8px}.btn.block+.btn.block{margin-left:0}.btn:hover{filter:brightness(.985);border-color:#9BBEEB}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.actions .btn+.btn{margin-left:0}.blue{color:var(--blue)}.green{color:var(--green)}.red{color:var(--red)}.amber{color:var(--amber)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--blue)}
.sidebar{position:fixed;inset:0 auto 0 0;width:208px;background:#FFF;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20}.brand{display:block;padding:25px 26px 19px;font-size:29px;font-weight:850;letter-spacing:-1px;line-height:1.2;color:#133C79}.brand small{display:block;font-size:9px;letter-spacing:1.8px;font-weight:550;color:#7D91AD;margin-top:6px}.nav-label{padding:18px 25px 8px;color:#8A9AB2;font-size:10px;letter-spacing:.1em}.sidebar nav{padding:0 13px;overflow:auto;flex:1;scrollbar-width:thin}.sidebar nav a{display:flex;align-items:center;gap:12px;font-size:13px;min-height:45px;margin:3px 0;padding:9px 13px;border-radius:10px;color:#4E6584}.sidebar nav a .icon{width:18px}.sidebar nav a.active{color:#1866D8;background:linear-gradient(100deg,#E6F1FF,#F1F7FF);font-weight:750}.sidebar .bottom-info{margin:18px;padding:18px 13px;background:linear-gradient(135deg,#F0F6FF,#EAF6FE);border:1px solid #E0ECFB;border-radius:15px}.bottom-info strong{display:block;font-size:13px;margin:5px 0}.bottom-info small{font-size:10px;color:var(--muted)}.layout{margin-left:208px;min-width:0}.appbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);background:#FCFEFF;gap:20px}.appbar-path{color:var(--muted);display:flex;gap:10px;align-items:center;font-size:12px}.appbar-right{display:flex;align-items:center;gap:18px;font-size:12px}.avatar{width:37px;height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#EAF2FF;color:#3B6EAA;font-weight:750}.avatar.small{width:30px;height:30px;font-size:11px}.header-avatar{display:flex;align-items:center;gap:9px}.mobile-menu{display:none}.appbar .brand{display:none}.design-label{border:1px solid #DCE8F6;color:#6783A9;background:#F4F8FD;font-size:10px;padding:5px 9px;border-radius:6px;white-space:nowrap}.demo-tag{font-size:10px;font-weight:750;letter-spacing:.08em;padding:5px 8px;background:#ECF5FF;color:#3277C5;border-radius:5px}.main{padding:30px 32px 26px;max-width:1600px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.pagehead .eyebrow{font-size:10px;color:#6F89A7;letter-spacing:.12em}.pagehead h1{font-size:30px;margin:5px 0 6px;letter-spacing:-1.1px;line-height:1.35}.pagehead p{margin:0;color:var(--muted);font-size:13px;max-width:720px}.pagehead-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:10px}.screen-content{display:flex;flex-direction:column;gap:20px;min-width:0}.screen-content>.btn{align-self:flex-start}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;min-width:0}.grid.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.grid.wide-right{grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{background:#FFF;border:1px solid var(--border);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.panel-head h2{font-size:17px;margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:9px;line-height:1.6}.panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.panel h3{font-size:16px;line-height:1.6;margin:16px 0 10px;letter-spacing:-.35px}.panel>p{font-size:13px}.panel .kpis{margin:0 0 16px}.panel .kpi{box-shadow:none;padding:17px}.panel .notice{margin-top:16px}.panel .steps{margin-bottom:20px}.kpis{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px}.kpi{background:#FFF;border:1px solid var(--border);border-radius:16px;padding:20px 21px;box-shadow:var(--shadow);min-width:0}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#5C718C;font-size:12px;gap:8px}.icon-tile{width:37px;height:37px;border-radius:12px;background:#EBF4FF;color:#2973D5;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon-tile.large{width:56px;height:56px;border-radius:16px}.icon-tile.large .icon{width:29px;height:29px}.kpi strong{font-size:26px;line-height:1.4;letter-spacing:-.5px;display:block;margin:10px 0 5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi strong em{font-size:12px;font-style:normal;letter-spacing:0;font-weight:600;white-space:nowrap}.kpi small{font-size:10px;color:#7E8CA2;display:block;line-height:1.6}.kpi.blue{background:linear-gradient(115deg,#2371EA,#3091EF);border-color:transparent;color:white}.kpi.blue .kpi-top,.kpi.blue small{color:#EAF3FF}.kpi.blue .icon-tile{background:#FFFFFF25;color:white}.kpi.green{background:linear-gradient(135deg,#FFFFFF,#F3FBF8)}.kpi.red{background:#FFFCFC}.kpi.amber{background:#FFFCF8}.filterbar{display:flex;gap:12px;align-items:flex-end;background:white;border:1px solid var(--border);padding:16px 18px;border-radius:14px;flex-wrap:wrap}.filter{min-width:132px;display:block;flex:1}.filter>span{font-size:10px;color:#71849F;display:block;margin-bottom:6px}.filter select{width:100%;height:44px;min-width:0;color:var(--navy);border:1px solid var(--border);background:#FBFDFF;border-radius:8px;padding:0 11px;font-size:12px}.filter.search>div{display:flex;align-items:center;border:1px solid var(--border);height:44px;border-radius:8px;padding:0 10px;gap:8px;color:#8096B2;background:#FBFDFF}.filter input{width:100%;min-width:0;border:0;outline:none;background:none;font-size:12px;color:var(--navy)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#EDF4FF;border-radius:6px;font-size:10px;font-weight:650;white-space:nowrap;line-height:1.6;color:#2561AF}.badge .status-dot{width:5px;height:5px;background:currentColor;border-radius:50%}.badge.green{color:#087C5A;background:#EAF8F2}.badge.red{background:#FFF0F2;color:#BC3247}.badge.amber{background:#FFF3E4;color:#94500D}.badge.gray{background:#F0F3F7;color:#697A91}.chip{display:inline-flex;border-radius:6px;padding:4px 8px;background:#F0F6FF;font-size:11px}.table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{background:#F3F7FC;color:#7386A1;font-weight:500;padding:11px 10px;font-size:10px;white-space:nowrap;border-bottom:1px solid #E2ECF6}td{padding:15px 10px;border-bottom:1px solid #EAF0F7;line-height:1.75;vertical-align:middle;overflow-wrap:anywhere}td:first-child{padding-left:10px}td strong{font-weight:650}td small{display:block;color:#7D90A9;font-size:9px;margin-top:4px}td .btn{font-size:10px;padding:2px 0;min-height:35px}tr:last-child td{border-bottom:0}.table-foot,.chart-note{font-size:10px;line-height:1.8;color:#8795AA;margin:15px 0 0}.table-foot{padding-top:13px;border-top:1px solid #EAF0F7}.kv{margin:0}.kv-row{display:flex;gap:18px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ECF1F8;padding:13px 0;font-size:12px}.kv-row:first-child{padding-top:2px}.kv-row:last-child{border-bottom:0}.kv dt{color:#7385A0;flex:0 0 36%;min-width:0}.kv dd{margin:0;text-align:right;font-weight:550;overflow-wrap:anywhere;min-width:0}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:flex;gap:13px;position:relative;padding-bottom:22px}.timeline li:not(:last-child):before{content:'';position:absolute;left:14px;top:28px;bottom:0;width:1px;background:#E0EAF6}.timeline li:last-child{padding-bottom:0}.timeline-pin{position:relative;z-index:1;width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;background:#ECF3FE;color:#3177C4;border-radius:50%;flex-shrink:0}.timeline-pin .icon{width:15px;height:15px}.timeline-pin.green{color:#0A8965;background:#ECF9F2}.timeline-pin.amber{color:#AA691E;background:#FFF4E3}.timeline-pin.gray{color:#7B8BA3;background:#F1F4F8}.timeline strong{display:block;font-size:12px;padding-top:3px}.timeline p{margin:4px 0 3px;font-size:11px;color:#7A8BA3;line-height:1.8}.timeline time{font-size:10px;color:#91A0B3}.notice{padding:17px 18px;display:flex;align-items:flex-start;gap:12px;border-radius:12px;background:#ECF5FF;color:#2B609D;border:1px solid #E0ECF9}.notice>.icon{width:20px;margin-top:2px}.notice strong{display:block;font-size:12px}.notice p{font-size:11px;line-height:1.9;margin:4px 0 0;color:#6C83A1}.notice.amber{background:#FFF8EF;border-color:#F5E4CE;color:#965C19}.notice.amber p{color:#977755}.notice.green{background:#EEF9F4;border-color:#D7EDE1;color:#0C7F5E}.steps{padding:18px 10px;margin:0;display:flex;align-items:flex-start;justify-content:space-between;list-style:none;gap:10px}.steps li{position:relative;flex:1;text-align:center;font-size:12px;color:#8A9CB4;display:flex;align-items:center;flex-direction:column;gap:10px;z-index:1}.steps li:not(:last-child):after{content:'';position:absolute;top:19px;width:calc(100% - 30px);height:1px;background:#DCE7F4;left:calc(50% + 22px);z-index:-1}.steps b{height:39px;width:39px;border:1px solid #DBE6F3;border-radius:50%;font-size:14px;display:flex;align-items:center;justify-content:center;background:#F8FBFF;color:#8EA5C1}.steps .active{color:var(--blue);font-weight:700}.steps .active b{color:#FFF;background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px #E8F1FF}.steps .done b{background:#EAF7F2;border-color:#CEEADF;color:#0D8865}.steps .done{color:#4A8B73}.chart{width:100%;height:auto;display:block;margin-top:12px;font-family:inherit}.chart-caption{display:flex;justify-content:space-between;gap:10px;color:#8A9AB0;font-size:10px}.chart-caption span{display:inline-flex;align-items:center;gap:6px}.chart-caption i{width:6px;height:6px;border-radius:50%;display:inline-block}.bar-list{padding-top:5px}.bar-item{margin-bottom:24px}.bar-item>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px}.bar-item strong{font-weight:550}.bar-item b{font-variant-numeric:tabular-nums}.bar-track{height:11px;border-radius:8px;background:#EEF4FC;overflow:hidden}.bar-track>span{display:block;height:100%;background:linear-gradient(90deg,#286FEB,#73B4FA);border-radius:8px}.bar-item small{display:block;color:#8999AF;font-size:10px;margin-top:6px}.tabs{display:flex;gap:14px;border-bottom:1px solid var(--border);overflow:auto}.tab{min-height:48px;padding:10px 16px;border:0;border-bottom:2px solid transparent;background:none;white-space:nowrap;font-size:13px;color:#7388A3}.tab.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:700}.account-hero{display:flex;gap:18px;padding:23px;align-items:center;background:linear-gradient(115deg,#FFF,#F6FBFF);border:1px solid var(--border);border-radius:18px}.account-hero h2{font-size:21px;margin:0}.account-hero p{font-size:12px;color:var(--muted);margin:7px 0 0}.account-hero>.badge{margin-left:auto}.exchange-letter,.strategy-letter{display:flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;background:#E8F2FF;color:#236ACE;font-size:19px;font-weight:750;flex-shrink:0}.exchange-letter{background:#FFF6DB;color:#936B10}.exchange-card{display:flex;gap:18px;align-items:center;padding:24px;border:1px solid #B4D3FC;border-radius:14px;background:#F7FBFF}.exchange-card>div{flex:1}.exchange-card h3{margin:0;font-size:19px}.exchange-card p{font-size:12px;color:var(--muted);margin:6px 0}.exchange-card>.icon{color:var(--blue)}.select-list{display:flex;flex-direction:column;gap:12px}.select-list>a{display:block;padding:18px;border:1px solid #E1EAF5;border-radius:12px}.select-list .selected{border-color:#96BDF7;background:#F0F6FF}.select-list strong{display:block;margin-bottom:8px}.select-list small{display:block;margin-top:7px;color:var(--muted);font-size:10px}.auth-shell .main{max-width:1050px}.auth-card{width:560px;max-width:100%;margin:12px auto 36px;padding:34px}.auth-card h2{font-size:23px}.auth-card .panel-head p{font-size:12px}.form-fields{display:flex;flex-direction:column;gap:18px;margin:12px 0 20px}.form-label{display:block;font-size:12px;font-weight:600}.form-label>span{display:block;margin-bottom:8px}.form-label input,.form-label textarea{display:block;width:100%;border:1px solid #D9E5F4;background:#FCFEFF;border-radius:9px;min-height:46px;padding:12px;color:var(--navy);font-size:13px;resize:vertical}.form-label small{color:#8B9BB0;font-weight:400;font-size:10px;display:block;margin-top:7px;line-height:1.8}.form-label input::placeholder,.form-label textarea::placeholder{color:#99AAC1;font-size:12px}.auth-links{display:flex;justify-content:space-between;margin-top:13px;gap:12px}.check-list{display:flex;flex-direction:column;gap:12px;padding:10px 0 20px;font-size:12px}.check-list label{display:flex;align-items:center;gap:8px;min-height:32px}.check-list input{accent-color:var(--blue);width:17px;height:17px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:18px;font-size:12px;color:var(--muted)}.report-cover{padding:25px;border-radius:12px;background:linear-gradient(120deg,#EAF4FF,#F8FCFF);border:1px solid #DFEDFC;margin-bottom:18px;position:relative;overflow:hidden}.report-cover:after{content:'';position:absolute;width:180px;height:180px;border:28px solid #5DAAFF10;border-radius:50%;right:-38px;top:22px}.report-cover>span{font-size:10px;letter-spacing:.16em;color:#74A0D4}.report-cover h3{font-size:25px;margin:22px 0 12px;line-height:1.5}.report-cover p{font-size:11px;color:#7290B4}.report-title{padding:28px 30px;background:linear-gradient(115deg,#EDF5FF,#F9FCFF);border:1px solid #DCEAF9;border-radius:18px}.report-title>span:first-child{font-size:10px;color:#4C85C8;letter-spacing:.16em}.report-title h2{font-size:29px;margin:14px 0 10px}.report-title p{font-size:12px;color:#7290B4;margin:10px 0 14px}.notification-list{display:flex;flex-direction:column;gap:10px}.notification{display:flex;gap:12px;width:100%;padding:17px 12px;border:1px solid #E4EDF6;background:white;border-radius:12px;text-align:left}.notification.selected{background:#F0F7FF;border-color:#B8D5FB}.notification>div{flex:1;min-width:0}.notification strong{font-size:12px}.notification p{font-size:11px;color:var(--muted);margin:5px 0}.notification small{font-size:10px;color:#92A1B5}.unread{width:6px;height:6px;background:var(--blue);border-radius:50%;flex-shrink:0;margin-top:8px}.notification-detail{padding:4px 0 17px}.notification-detail h3{font-size:22px;margin-top:15px}.notification-detail p{font-size:12px;color:var(--muted)}.profile{display:flex;gap:14px;align-items:center;padding:10px 0 22px}.profile .avatar{width:53px;height:53px;font-size:19px}.profile>div{flex:1}.profile h3{margin:0}.profile p{margin:4px 0 0;font-size:12px;color:var(--muted)}.switch-list>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #E7EEF7}.switch-list strong{font-size:13px}.switch-list p{margin:5px 0 0;color:var(--muted);font-size:11px}.switch{width:51px;height:44px;padding:8px 0;border:0;background:none;display:flex;align-items:center;flex-shrink:0}.switch:before{content:'';position:absolute;width:45px;height:25px;border-radius:20px;background:#AFBDD0}.switch.on:before{background:var(--blue)}.switch i{z-index:1;display:block;width:19px;height:19px;background:#FFF;box-shadow:0 2px 5px #0001;border-radius:50%;margin-left:3px;transition:margin .15s}.switch.on i{margin-left:23px}.message{padding:17px 20px;background:#EFF6FF;border-radius:12px;margin-bottom:14px;font-size:13px}.message.user{background:#F7F9FC}.message small{color:#8B9BB0;font-size:10px}.message p{line-height:1.9}.prose{font-size:13px;line-height:2;max-width:880px}.prose h3{font-size:22px;line-height:1.6}.prose p{color:#66809D}.log-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 ui-monospace,monospace;padding:20px;background:#F4F8FD;border:1px solid var(--border);border-radius:10px;color:#405D80}.landing-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:50px 30px 65px;align-items:center}.landing-hero h2{font-size:47px;line-height:1.35;letter-spacing:-2px;margin:20px 0}.landing-hero p{font-size:15px;color:var(--muted);line-height:1.9;max-width:420px}.landing-hero small{display:block;color:#8B9BB0;font-size:10px;margin-top:20px}.landing-visual{display:flex;flex-direction:column;gap:18px;position:relative;padding:20px}.landing-visual:before{content:'';position:absolute;inset:0;background:#E9F3FF;border-radius:44% 56% 54% 46%;z-index:-1}.floating-tile{padding:25px;background:#FFFE;border:1px solid #DEEAF8;border-radius:18px;box-shadow:0 20px 45px #3D75C010;display:grid;grid-template-columns:35px 1fr;gap:2px 15px}.floating-tile:nth-child(2){transform:translateX(25px)}.floating-tile>.icon{grid-row:span 2;width:30px;height:30px;color:var(--blue);align-self:center}.floating-tile strong{font-size:17px}.floating-tile span{font-size:11px;color:var(--muted);margin-top:6px}.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{font-size:14px;font-weight:650;cursor:pointer;min-height:44px;display:flex;align-items:center;list-style:none;justify-content:space-between;gap:10px}.faq summary:after{content:'+';color:var(--blue);font-size:22px}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);font-size:13px;line-height:1.9}.public-title{padding:35px 0 15px}.public-title h2{font-size:34px;letter-spacing:-1px;max-width:750px;line-height:1.5}.public-title p{color:var(--muted)}.error-card{text-align:center;padding:35px 20px 60px}.error-number{font-size:120px;line-height:1.5;font-weight:850;letter-spacing:-8px;background:linear-gradient(120deg,#6FB2FF,#155ED6);background-clip:text;color:transparent}.error-card h2{font-size:25px}.error-card p{color:var(--muted);font-size:13px}.error-card .actions{justify-content:center}.sitemap-links{display:flex;flex-direction:column;gap:3px}.sitemap-links .btn.text{justify-content:space-between;white-space:normal;text-align:left;font-size:11px;min-height:40px}.footer{font-size:10px;color:#8898AD;display:flex;justify-content:space-between;gap:16px;padding:25px 0 6px;line-height:1.8;border-top:1px solid #E3EDF8;margin-top:25px}.footer a{color:#6485AD}.mobile-bottom{display:none}.mobile-welcome{padding:8px 2px 4px}.mobile-welcome h2{font-size:27px;line-height:1.5;margin:12px 0;color:#17345B;letter-spacing:-.9px}.mobile-welcome p{font-size:11px;color:var(--muted)}.balance-inline{font-size:24px;font-weight:750;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.balance-inline span{font-size:12px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid .btn+.btn{margin-left:0}.mobile-trade-result{font-size:23px;margin:14px 0 12px}
.preview-controls{display:flex;align-items:center;gap:8px;font-size:10px}.preview-controls select{background:#FFF;border:1px solid var(--border);padding:7px;border-radius:6px;color:#6E83A0;font-size:10px;min-height:32px}.state-output:empty{display:none}.state-output{margin-bottom:20px}.state-empty{background:white;border:1px solid var(--border);border-radius:18px;text-align:center;padding:55px 25px}.state-empty>.icon{width:36px;height:36px;color:#5D95D5}.state-empty h2{font-size:21px}.state-empty p{font-size:13px;color:var(--muted);line-height:1.9}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skeleton{height:160px;background:#E6EEF8;border-radius:18px}.skeleton.large{grid-column:1/-1;height:280px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#17385E;color:white;border-radius:12px;padding:15px 23px;max-width:90vw;font-size:12px;box-shadow:0 8px 30px #0002}.dialog-backdrop{position:fixed;inset:0;z-index:200;background:#17334D66;display:flex;align-items:center;justify-content:center;padding:22px}.dialog{background:#FFF;max-width:520px;width:100%;border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:0 20px 80px #17385830}.dialog h2{font-size:21px;margin:0 0 16px}.dialog p{font-size:13px;color:var(--muted);line-height:1.95}.dialog .actions{justify-content:flex-end}.dialog small{font-size:10px;color:#9A6870;display:block;margin:16px 0}.wizard-body .form-fields{margin-top:18px}.bottom-space{height:0}body.drawer-open .sidebar{transform:translateX(0)}.drawer-shade{display:none}
@media(min-width:1600px){.main{padding-top:38px}.panel{padding:28px}.kpi{padding:25px}.pagehead h1{font-size:33px}}
@media(max-width:1180px){.sidebar{width:182px}.layout{margin-left:182px}.main{padding:26px 22px}.appbar{padding:0 22px}.grid.wide-left,.grid.wide-right{grid-template-columns:1fr 1fr}.kpi{padding:17px}.kpi strong{font-size:23px}.panel{padding:20px}.kpi-top{font-size:11px}.header-avatar span:not(.avatar){display:none}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead-actions .btn{font-size:12px}.pagehead-actions .preview-controls{display:none}.table-wrap th,.table-wrap td{padding-left:7px;padding-right:7px}}
@media(max-width:900px){.sidebar{width:172px}.layout{margin-left:172px}.main{padding:23px 18px}.kpis{grid-auto-flow:initial;grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.grid.wide-left,.grid.wide-right{grid-template-columns:1fr}.grid.three{grid-template-columns:1fr}.pagehead{display:block}.pagehead-actions{margin-top:16px}.pagehead h1{font-size:28px}.appbar-path{font-size:10px}.filterbar{gap:10px}.landing-hero{grid-template-columns:1fr}.landing-visual{max-width:440px}.footer{flex-direction:column;gap:8px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root{font-size:14px}.sidebar{width:240px;transform:translateX(-100%);transition:transform .18s}.layout{margin-left:0}.appbar{height:62px;padding:0 17px;gap:9px;position:sticky;top:0;z-index:19;background:#FFFFFFF4;backdrop-filter:blur(8px)}.appbar .brand{display:block;padding:0;font-size:23px;letter-spacing:-.6px}.appbar .brand small{display:none}.appbar-path{display:none}.appbar-right{gap:12px}.header-avatar{display:none}.design-label{font-size:9px;padding:4px 6px}.demo-tag{font-size:9px}.mobile-menu{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0;border:0;background:none}.appbar-right .btn.icon-only{display:none}.drawer-open .drawer-shade{display:block;position:fixed;inset:0;background:#203D6355;z-index:19}.main{padding:22px 16px}.pagehead{margin-bottom:20px}.pagehead h1{font-size:26px;margin:4px 0 8px;letter-spacing:-.8px}.pagehead p{font-size:12px;line-height:1.8}.pagehead-actions{margin-top:12px;justify-content:space-between}.pagehead-actions .btn{min-height:40px;padding:9px 12px;font-size:11px}.pagehead-actions .preview-controls{display:flex}.screen-content{gap:16px}.grid,.grid.wide-left,.grid.wide-right,.grid.three,.grid.four{grid-template-columns:1fr;gap:16px}.stack{gap:16px}.panel{padding:18px;border-radius:15px}.panel-head{margin-bottom:17px;gap:12px}.panel-head h2{font-size:16px}.panel-head p{font-size:10px;line-height:1.8}.panel-head .btn.text{font-size:10px;min-height:30px}.kpis{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:initial}.kpi{padding:16px 14px;border-radius:14px}.kpi strong{font-size:23px;margin-top:13px;line-height:1.4}.kpi strong em{font-size:11px}.kpi small{font-size:9px;line-height:1.8}.kpi-top{font-size:10px;align-items:flex-start}.icon-tile{width:30px;height:30px;border-radius:9px}.icon-tile .icon{width:17px;height:17px}.kpi.blue{grid-column:1/-1;padding:21px}.kpi.blue strong{font-size:29px}.kpi.blue .icon-tile{width:36px;height:36px}.filterbar{padding:14px;border-radius:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter{min-width:0;max-width:100%}.filter select{font-size:11px;padding:0 8px;min-height:44px}.filter.search{grid-column:1/-1}.filterbar>.btn{margin-left:0;align-self:end}.filter>span{font-size:10px}.table-wrap{overflow-x:auto}table{font-size:10px;min-width:280px}th{font-size:9px;max-width:120px;white-space:normal}td{font-size:10px;padding:14px 6px}.table-wrap .priority-low{display:none}td .num{white-space:normal}td small{font-size:9px}.table-foot{font-size:9px;line-height:1.8}.kv-row{font-size:12px;padding:13px 0;gap:14px}.kv dt{flex-basis:38%;font-size:11px}.kv dd{font-size:11px}.timeline strong{font-size:12px}.timeline p{font-size:10px}.timeline time{font-size:9px}.notice{padding:15px 14px;gap:10px}.notice strong{font-size:11px}.notice p{font-size:10px}.notice .icon{width:18px;height:18px}.steps{padding:14px 0;gap:7px}.steps li{font-size:10px;gap:9px}.steps b{height:32px;width:32px;font-size:12px}.steps li:not(:last-child):after{top:15px;left:calc(50% + 18px);width:calc(100% - 24px)}.account-hero{padding:18px;gap:12px;flex-wrap:wrap}.account-hero h2{font-size:17px}.account-hero p{font-size:10px;line-height:1.8;max-width:240px}.account-hero>.badge{margin-left:64px}.strategy-letter,.exchange-letter{width:44px;height:44px;border-radius:13px;font-size:16px}.exchange-card{padding:17px;gap:11px}.exchange-card h3{font-size:17px}.exchange-card p{font-size:10px}.exchange-card .exchange-letter{width:39px}.chart-caption{font-size:9px}.chart{margin-top:15px}.chart-note{font-size:9px}.bar-item strong,.bar-item b{font-size:11px}.bar-item small{font-size:9px}.bar-track{height:10px}.auth-card{padding:23px 20px;width:100%;margin:0 0 20px}.auth-card h2{font-size:21px}.auth-card .panel-head p{font-size:11px}.auth-links .btn{font-size:11px}.btn{min-height:44px;font-size:12px;padding:10px 14px;border-radius:9px}.btn.text{min-height:44px;font-size:11px}.btn+.btn{margin-left:4px}.tabs{gap:4px}.tab{padding:10px 12px;font-size:12px}.report-title{padding:23px 20px}.report-title h2{font-size:24px}.report-title p{font-size:10px;line-height:1.9}.report-cover{padding:23px}.report-cover h3{font-size:23px}.notification{gap:10px;padding:15px 10px}.notification strong{font-size:11px}.notification p{font-size:10px}.notification small{font-size:9px}.notification-detail h3{font-size:20px}.form-label input,.form-label textarea{font-size:16px}.form-label input::placeholder,.form-label textarea::placeholder{font-size:12px}.form-label small{font-size:10px}.switch-list strong{font-size:12px}.switch-list p{font-size:10px}.profile .avatar{width:46px;height:46px}.profile p{font-size:11px}.public-title h2{font-size:28px}.public-title p{font-size:12px;line-height:1.9}.landing-hero{padding:22px 4px 28px;gap:28px}.landing-hero h2{font-size:37px;letter-spacing:-1.5px}.landing-hero p{font-size:13px}.landing-visual{padding:5px}.floating-tile{padding:20px}.floating-tile:nth-child(2){transform:translateX(0)}.landing-visual:before{inset:-5px}.error-number{font-size:100px}.error-card{padding:30px 5px}.error-card h2{font-size:22px}.error-card p{font-size:12px}.footer{font-size:9px;margin-top:22px;padding:20px 0 5px}.sitemap-links .btn.text{min-height:44px}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.skeleton{height:130px}.toast{bottom:85px;width:calc(100% - 28px);padding:14px 18px;font-size:11px}.dialog{padding:23px}.dialog h2{font-size:19px}.dialog p{font-size:12px}.preview-controls select{font-size:9px;max-width:110px}.state-empty{padding:36px 18px}.state-empty h2{font-size:19px}.mobile-app .main{padding:17px 16px 25px}.mobile-app .pagehead h1{font-size:24px}.mobile-app .pagehead p{display:none}.mobile-app .pagehead .eyebrow{display:none}.mobile-app .pagehead-actions{display:none}.mobile-app .pagehead{margin-bottom:15px}.mobile-app .screen-content{gap:16px}.mobile-app .panel{padding:19px}.mobile-app .kpis .kpi strong{font-size:22px}.mobile-app .kpis .kpi.blue strong{font-size:30px}.mobile-app .footer{padding-bottom:0}.mobile-app .bottom-space{height:85px}.mobile-app .mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:fixed;bottom:0;left:0;right:0;background:#FFFFFFF8;backdrop-filter:blur(8px);border-top:1px solid #DDE8F5;padding:8px 8px calc(9px + env(safe-area-inset-bottom));z-index:18;box-shadow:0 -5px 20px #356CAA04}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;gap:4px;font-size:9px;color:#8596B0;border-radius:10px}.mobile-bottom a.active{color:var(--blue);background:#F0F6FF;font-weight:700}.mobile-bottom .icon{width:21px;height:21px}.mobile-app .appbar .design-label{font-size:8px}.mobile-app .appbar .demo-tag{display:none}.balance-inline{font-size:25px}}
/* Long-name and touch refinements from rendered review. */
body{word-break:keep-all;overflow-wrap:break-word}.row-link{display:block;min-height:44px;padding:7px 0}.panel p.balance-inline{font-size:25px;line-height:1.5}.bottom-info strong{font-size:12px;word-break:keep-all}
@media(max-width:600px){.kpis:has(>.kpi.blue):has(>.kpi:nth-child(2):last-child)>.kpi:last-child{grid-column:1/-1}.kpis:has(>.kpi.blue)>.kpi:nth-child(4):last-child{grid-column:1/-1}.row-link{min-height:44px}td .btn.text{min-height:44px;white-space:normal}.mobile-app .kpis:has(>.kpi.blue):has(>.kpi:nth-child(2):last-child)>.kpi:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:center}.mobile-app .kpis:has(>.kpi.blue):has(>.kpi:nth-child(2):last-child)>.kpi:last-child>.kpi-top{grid-row:span 2}.mobile-app .kpis:has(>.kpi.blue):has(>.kpi:nth-child(2):last-child)>.kpi:last-child>strong{font-size:23px;margin:0}}