.portal-shell:has(.data-control-page){height:100vh;min-height:100vh;overflow:hidden}
.portal-shell:has(.data-control-page) .portal-content{height:100vh;min-height:0;overflow:hidden}
.portal-shell:has(.data-control-page) .portal-main{flex:1 1 auto;height:calc(100vh - 86px);min-height:0;overflow-x:hidden;overflow-y:auto}
.portal-main:has(.data-control-page){padding-top:28px;padding-bottom:30px}
.data-control-page{width:100%;max-width:1240px;margin:0 auto;color:#0c1e40}
.data-control-page a{text-decoration:none}
.data-control-sprite{position:absolute;width:0;height:0;overflow:hidden}
.data-control-page svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.dc-heading{margin:0 0 23px}
.dc-heading.centered{text-align:center}
.dc-heading h1{margin:0;color:#081b45;font-size:40px;line-height:1.18}
.dc-heading p{margin:9px 0 0;color:#52617a;font-size:16px;line-height:1.55}
.dc-panel{border:1px solid #d7e1ee;border-radius:10px;background:#fff}
.dc-panel h2{margin:0;color:#0c1e40;font-size:20px}
.dc-training-banner,.dc-login-banner,.dc-warning-banner,.dc-support-strip{border:1px solid #bcd5ff;border-radius:10px;background:linear-gradient(110deg,#f1f7ff,#fbfdff)}
.dc-training-banner{min-height:136px;padding:20px 40px;display:flex;align-items:center;gap:34px}
.dc-training-banner>svg{width:78px;height:78px;flex:0 0 78px;color:#0873f9}
.dc-training-banner strong,.dc-training-banner small{display:block}
.dc-training-banner strong{font-size:19px;line-height:1.55}
.dc-training-banner small{margin-top:9px;color:#3e506d;font-size:16px;line-height:1.55}
.dc-training-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:23px;margin-top:28px}
.dc-training-current,.dc-training-history{min-height:250px;padding:27px 31px}
.dc-training-status-row{margin-top:31px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#3b4d68;font-size:16px}
.dc-training-status-row b{padding:5px 12px;border:1px solid #d6deea;border-radius:6px;background:#f7f9fc;color:#4b5a73;font-weight:500}
.dc-switch{position:relative;width:62px;height:34px;flex:0 0 62px}
.dc-switch input{position:absolute;opacity:0;pointer-events:none}
.dc-switch i{position:absolute;inset:0;border-radius:20px;background:#d9dee7;transition:.2s}
.dc-switch i:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(24,45,75,.2);transition:.2s}
.dc-switch input:checked+i{background:#0873f9}
.dc-switch input:checked+i:after{transform:translateX(28px)}
.dc-switch input:disabled+i{opacity:.68}
.dc-training-current>p{margin:18px 0 0;color:#344560;font-size:15px}
.dc-login-inline{margin-top:20px;min-height:65px;padding:10px 18px;display:flex;align-items:center;gap:15px;border:1px solid #bed7ff;border-radius:8px;background:#f3f8ff}
.dc-login-inline svg{width:34px;height:34px;color:#0873f9}
.dc-login-inline strong{flex:1;font-size:14px}
.dc-login-inline a,.dc-login-banner a,.dc-primary-button{min-width:90px;padding:10px 20px;border-radius:7px;background:#0873f9;color:#fff;text-align:center;font-size:14px}
.ac-status{min-height:20px;margin-top:9px;font-size:13px}
.ac-status.success{color:#0873f9}.ac-status.error{color:#d93232}
.dc-training-history>div{position:relative;margin-top:34px;padding-left:44px;min-height:130px;color:#344560;font-size:15px}
.dc-training-history>div:before{content:"";position:absolute;left:12px;top:10px;bottom:0;width:1px;background:#d3deeb}
.dc-training-history i{position:absolute;left:5px;top:4px;width:15px;height:15px;border:2px solid #0873f9;border-radius:50%;background:#fff}
.dc-learn-more{margin-top:25px;padding:20px 30px}
.dc-learn-more>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}
.dc-learn-more a{min-height:48px;padding:0 16px;display:flex;align-items:center;gap:14px;border-right:1px solid #d8e2ef;color:#10284e;font-size:15px}
.dc-learn-more a:last-child{border-right:0}
.dc-learn-more a:hover{color:#0873f9}
.dc-learn-more svg{width:31px;height:31px;color:#0873f9}
.dc-learn-more b{margin-left:auto;color:#0873f9;font-size:26px;font-weight:400}
.dc-bottom-note{margin:23px 0 0;color:#53627a;text-align:center;font-size:14px}
.dc-login-banner{min-height:68px;padding:10px 27px;display:flex;align-items:center;gap:21px}
.dc-login-banner>svg{width:37px;height:37px;flex:0 0 37px;color:#0873f9}
.dc-login-banner strong{flex:1;font-size:15px}
.dc-export-layout{display:grid;grid-template-columns:1.22fr .9fr;gap:25px;margin-top:20px}
.dc-export-left{display:grid;gap:18px}
.dc-export-left>.dc-panel,.dc-export-process{padding:21px 29px}
.dc-export-left h2,.dc-export-process h2{display:flex;align-items:center;gap:14px}
.dc-export-left h2 svg,.dc-export-process h2 svg{width:29px;height:29px;color:#0873f9}
.dc-export-left section>p,.dc-export-process>p{margin:5px 0 13px 43px;color:#69768b;font-size:13px}
.ac-export-select>label{min-height:52px;display:flex;align-items:flex-start;gap:15px;color:#12284d}
.ac-export-select input{width:19px;height:19px;margin:4px 0 0;accent-color:#0873f9}
.ac-export-select label span{display:block}
.ac-export-select label strong,.ac-export-select label small{display:block}
.ac-export-select label strong{font-size:15px}.ac-export-select label small{margin-top:2px;color:#65738a;font-size:12px}
.dc-export-format>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.dc-export-format label{display:flex;gap:13px}
.dc-export-format input{width:20px;height:20px;margin:3px 0 0;accent-color:#0873f9}
.dc-export-format strong,.dc-export-format small{display:block}
.dc-export-format strong{font-size:15px}.dc-export-format small{margin-top:3px;color:#65738a;font-size:12px;line-height:1.45}
.dc-export-process ol{margin:20px 0 0;padding:0;list-style:none}
.dc-export-process li{position:relative;min-height:78px;padding-left:45px;display:flex;gap:16px}
.dc-export-process li:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:1px;background:#cbd9ec}
.dc-export-process li>b{position:absolute;left:0;top:0;width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0873f9;color:#fff}
.dc-export-process li strong,.dc-export-process li small{display:block}.dc-export-process li strong{font-size:15px}.dc-export-process li small{margin-top:5px;color:#65738a;font-size:12px}
.dc-info-box{min-height:64px;padding:10px 16px;display:flex;align-items:center;gap:13px;border:1px solid #bcd5ff;border-radius:8px;background:#f2f7ff;color:#50617b;font-size:13px;line-height:1.45}
.dc-info-box svg{width:29px;height:29px;flex:0 0 29px;color:#0873f9}
.dc-primary-button{width:100%;margin-top:28px;border:0;font:inherit;cursor:pointer}
.dc-primary-button:disabled{background:#dcdfe5;color:#fff;cursor:not-allowed}
.dc-link-row{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:25px}
.dc-link-row a{color:#0873f9;font-size:14px}.dc-link-row a:hover{text-decoration:underline}
.dc-link-row i{width:1px;height:22px;background:#d5dfec}
.dc-warning-banner{max-width:980px;min-height:72px;margin:30px auto 35px;padding:12px 30px;display:flex;align-items:center;gap:20px;border-color:#f5c87e;background:#fff9ef;color:#975200;font-size:15px}
.dc-warning-banner svg{width:34px;height:34px;flex:0 0 34px;color:#f28a00}
.dc-delete-layout{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr 1.08fr;gap:50px}
.dc-chat-card,.dc-account-card{min-height:395px;padding:28px 36px}
.dc-chat-card h2,.dc-account-card h2{text-align:center;font-size:22px}
.dc-guest-chat{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.dc-guest-chat i{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f2f7ff}
.dc-guest-chat i svg{width:72px;height:72px;color:#0873f9}
.dc-guest-chat p{margin:20px 0;color:#53627a;font-size:15px}
.dc-guest-chat a{min-width:260px;padding:12px 24px;border:1px solid #0873f9;border-radius:7px;color:#0873f9;font-weight:600}
.dc-chat-search{margin-top:20px;height:44px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid #d5dfeb;border-radius:7px}
.dc-chat-search svg{width:22px;height:22px;color:#617089}.dc-chat-search input{width:100%;border:0;outline:0;background:transparent}
.dc-chat-list{height:225px;margin-top:12px;overflow:auto;border:1px solid #e0e6ef;border-radius:7px}
.ac-chat-row{min-height:64px;padding:8px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e3e8ef}
.ac-chat-row:last-child{border-bottom:0}.ac-chat-row>svg{width:30px;height:30px;color:#0873f9}.ac-chat-row>span{min-width:0;flex:1}.ac-chat-row strong,.ac-chat-row small{display:block}.ac-chat-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.ac-chat-row small{margin-top:3px;color:#79859a;font-size:11px}.ac-chat-row button{border:0;background:transparent;color:#e23e3e;cursor:pointer}
.dc-danger-outline{width:100%;margin-top:13px;padding:10px;border:1px solid #ee3b3b;border-radius:7px;background:#fff;color:#e42f2f}.dc-danger-outline svg{width:22px;height:22px;margin-right:8px;vertical-align:middle}
.dc-account-card ul{margin:25px 0 18px;padding:0;list-style:none}.dc-account-card li{position:relative;margin:13px 0;padding-left:22px;color:#354661;font-size:14px}.dc-account-card li:before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:50%;background:#ff9d31}
.dc-account-card>label{padding:10px 13px;display:grid;grid-template-columns:25px 1fr;gap:8px 10px;border:1px solid #d6deea;border-radius:8px;color:#52617a;font-size:13px}.dc-account-card>label svg{width:23px;height:23px}.dc-account-card>label input{grid-column:1/-1;height:37px;padding:0 10px;border:1px solid #e0e5ed;border-radius:6px;outline:0}.dc-account-card>label b{color:#df3737}
.dc-danger-button{width:100%;margin-top:17px;padding:12px;border:1px solid #ff9c9c;border-radius:7px;background:#fff0f0;color:#ef6464;font-size:15px}.dc-danger-button:disabled{opacity:.55}
.dc-account-card>a{margin-top:15px;display:block;color:#0873f9;text-align:center;font-size:15px}
.dc-support-strip{max-width:980px;min-height:70px;margin:40px auto 0;padding:10px 25px;display:flex;align-items:center;gap:18px}.dc-support-strip svg{width:39px;height:39px;color:#0873f9}.dc-support-strip span{flex:1;color:#243958}.dc-support-strip strong{margin-left:10px;color:#0873f9}.dc-support-strip b{color:#0873f9;font-size:28px;font-weight:400}
.dc-record-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:28px}
.dc-record-layout .dc-login-banner{margin-bottom:20px}
.dc-record-table{min-height:355px;padding:0 30px 25px}
.dc-record-head,.dc-record-rows article,.dc-record-placeholder{display:grid;grid-template-columns:1.35fr 1fr .8fr .55fr;gap:15px;align-items:center}
.dc-record-head{min-height:56px;border-bottom:1px solid #e0e6ef;color:#68758b;font-size:13px}
.dc-record-rows article{min-height:58px;border-bottom:1px solid #e6ebf2;font-size:13px}.dc-record-rows time{color:#617089}.dc-record-rows em{width:max-content;padding:4px 10px;border-radius:12px;background:#eaf6ee;color:#239451;font-style:normal}
.dc-record-empty{min-height:285px;padding:40px 12px 10px;display:flex;flex-direction:column;align-items:center;text-align:center}.dc-record-empty>svg{width:68px;height:68px;color:#0873f9}.dc-record-empty h2{margin:15px 0 0;font-size:22px}.dc-record-empty>p{margin:10px 0 30px;color:#53627a;font-size:14px}.dc-record-placeholder{width:100%;min-height:55px;padding:0 22px;border:1px solid #dce4ef;border-radius:7px;color:#8190a5;font-size:12px;text-align:left}
.dc-record-help{padding:30px 24px}.dc-record-help h2{font-size:18px}.dc-record-help>p{min-height:95px;margin:14px 0 0;display:flex;align-items:center;gap:17px;color:#53627a;font-size:13px}.dc-record-help i{width:55px;height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f6ff}.dc-record-help i svg{width:35px;height:35px;color:#0873f9}.dc-record-help span{display:flex;flex-direction:column;gap:5px}.dc-record-help a{color:#0873f9}

@media(max-width:1180px) and (min-width:921px){.dc-training-grid,.dc-delete-layout{gap:18px}.dc-export-layout{grid-template-columns:1.1fr .9fr}.dc-chat-card,.dc-account-card{padding-left:22px;padding-right:22px}.dc-record-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:920px){
 .portal-shell:has(.data-control-page),.portal-shell:has(.data-control-page) .portal-content{height:100vh;min-height:0;overflow:hidden}.portal-shell:has(.data-control-page) .portal-main{height:auto;min-height:0;overflow-y:auto}.portal-main:has(.data-control-page){padding-top:20px;padding-bottom:25px}.portal-shell:has(.data-control-page) .portal-topbar-title{display:none}.portal-shell:has(.data-control-page) .portal-subpage-back{max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .portal-shell:has(.data-control-page) .shell-topbar-left>.shell-topbar-separator,.portal-shell:has(.data-control-page) .shell-topbar-middle,.portal-shell:has(.data-control-page) .shell-topbar-suffix{display:none}
 .dc-heading h1{font-size:30px}.dc-heading p{font-size:13px}.dc-training-banner{padding:18px;align-items:flex-start;gap:15px}.dc-training-banner>svg{width:52px;height:52px;flex-basis:52px}.dc-training-banner strong{font-size:15px}.dc-training-banner small{font-size:13px}.dc-training-grid,.dc-export-layout,.dc-delete-layout,.dc-record-layout{grid-template-columns:minmax(0,1fr);gap:14px}.dc-training-current,.dc-training-history{min-height:0;padding:20px}.dc-training-status-row{margin-top:20px}.dc-login-inline{flex-wrap:wrap}.dc-login-inline a{width:100%}.dc-learn-more{padding:18px}.dc-learn-more>div{grid-template-columns:minmax(0,1fr)}.dc-learn-more a{border-right:0;border-bottom:1px solid #d8e2ef}.dc-learn-more a:last-child{border-bottom:0}
 .dc-login-banner{padding:12px 15px;flex-wrap:wrap}.dc-login-banner>svg{width:31px;height:31px;flex-basis:31px}.dc-login-banner strong{font-size:13px}.dc-login-banner a{width:100%}.dc-export-left>.dc-panel,.dc-export-process{padding:18px}.dc-export-left section>p,.dc-export-process>p{margin-left:0}.dc-export-format>div{grid-template-columns:minmax(0,1fr)}.dc-export-process ol{margin-top:16px}
 .dc-warning-banner{margin:20px 0;padding:14px 17px;font-size:13px}.dc-chat-card,.dc-account-card{min-height:0;padding:22px 18px}.dc-delete-layout{max-width:none}.dc-guest-chat{height:260px}.dc-guest-chat a{min-width:0;width:100%}.dc-support-strip{margin-top:18px;padding:12px 16px}.dc-support-strip span{font-size:13px}.dc-support-strip strong{display:block;margin:2px 0 0}
 .dc-record-layout{display:flex;flex-direction:column}.dc-record-help{order:2}.dc-record-table{padding:0 14px 18px}.dc-record-head{display:none}.dc-record-rows article{grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0}.dc-record-placeholder{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.dc-record-empty{padding-top:28px}.dc-link-row.three{flex-wrap:wrap;gap:9px 14px}
}