.connection-wrap{gap:14px;display:grid}.connection-hero{color:#fff;background:linear-gradient(135deg,#13213b,#1d3153);justify-content:space-between;align-items:center;display:flex}.connection-hero small{color:#83a5da;letter-spacing:.18em;font-size:8px}.connection-hero h2{margin:8px 0;font-size:21px}.connection-hero p{color:#a8b5ca;margin:0;font-size:10px}.connection-hero>i{border-radius:20px;padding:8px 11px;font-size:10px;font-style:normal}.connection-hero>i.ready{color:#63e1ba;background:#183f3a}.connection-hero>i.waiting{color:#ffd08b;background:#49392b}.account-list{margin-top:18px}.account-row{border-top:1px solid var(--line);grid-template-columns:1fr 220px 110px;align-items:center;gap:12px;min-height:58px;display:grid}.account-row:first-child{border-top:0}.account-row span{gap:4px;display:grid}.account-row span b{font-size:11px}.account-row span small{color:#8d99aa;font-size:9px}.account-row>em{color:#8d99aa;font-size:9px;font-style:normal}.account-row>em.ok{color:var(--green);font-weight:700}.account-row>em.error{color:#df554f}.account-row button,.diagnose-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;height:34px;font-size:9px;font-weight:700}.api-link-check{position:relative}.diagnose-button{padding:0 14px;position:absolute;top:20px;right:20px}.diagnose-note,.diagnose-error{color:#7f8b9d;margin:18px 0 0;font-size:10px}.diagnose-error{color:#df554f}.link-results{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.link-results>div{border:1px solid var(--line);border-radius:9px;gap:10px;padding:13px;display:grid}.link-results span{gap:4px;display:grid}.link-results b{font-size:11px}.link-results small{color:#8d99aa;font-size:8px}.link-results em{font-size:9px;font-style:normal;font-weight:700}.link-results em.linked{color:var(--green)}.link-results em.unlinked{color:#df554f}.guide-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.guide-steps>div{background:#f7f9fc;border:1px solid #edf0f4;border-radius:9px;padding:15px}.guide-steps i{width:22px;height:22px;color:var(--blue);background:#e7efff;border-radius:7px;place-items:center;margin-bottom:10px;font-size:9px;font-style:normal;display:grid}.guide-steps b{font-size:11px}.guide-steps p{color:#7e8b9d;margin:7px 0 0;font-size:9px;line-height:1.55}@media (width<=760px){.account-row,.link-results,.guide-steps{grid-template-columns:1fr}.diagnose-button{margin-top:14px;position:static}}.product-report{overflow-x:auto}.product-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.product-cards>div{border:1px solid var(--line);background:#f8faff;border-radius:10px;gap:7px;padding:17px;display:grid;position:relative}.product-cards i{color:#bac5d5;font-size:9px;font-style:normal;position:absolute;top:13px;right:14px}.product-cards span{font-size:11px;font-weight:700}.product-cards strong{font-size:20px}.product-cards small{color:#7e8b9d;font-size:9px}.detail-table{border:1px solid var(--line);border-radius:9px;min-width:1040px;margin-top:20px;overflow:hidden}.detail-row{border-top:1px solid var(--line);align-items:center;min-height:47px;padding:0 12px;font-size:9px;display:grid}.detail-row:first-child{border-top:0}.detail-row span:not(:nth-child(-n+3)){text-align:right}.detail-row.detail-head{color:#7d899a;background:#f3f6fa;min-height:39px;font-size:8px;font-weight:700}.product-table .detail-row{grid-template-columns:1fr 1.45fr 1.2fr .75fr .65fr .65fr .8fr .9fr .65fr}.keyword-time-table .detail-row{grid-template-columns:.8fr 1.2fr .65fr .8fr 1.15fr .65fr .6fr .65fr .8fr .85fr .6fr}.keyword-time-table .detail-row span:nth-child(4),.keyword-time-table .detail-row span:nth-child(5){text-align:left}.hour-badge{color:var(--blue);background:#eaf1ff;border-radius:10px;padding:5px 7px;font-size:8px;font-style:normal;display:inline-block}.keyword-hours{overflow-x:auto}@media (width<=760px){.product-cards{grid-template-columns:1fr}}