/* Commerce and administration — official Isem design-system tokens. */
.cm-checkout-page,.cm-admin-page{padding-top:var(--space-10);padding-bottom:96px;word-break:keep-all}
.cm-checkout-page h1,.cm-checkout-page h2,.cm-checkout-page h3,.cm-admin-page h1,.cm-admin-page h2,.cm-admin-page h3{font-family:var(--font-display);font-weight:500;letter-spacing:var(--ls-display)}
.cm-back{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;color:var(--text-muted);font-size:14px}
.cm-back svg{width:16px;height:16px}
.cm-page-intro{display:flex;align-items:center;justify-content:space-between;gap:var(--space-7);margin:var(--space-7) 0 var(--space-9)}
.cm-page-intro .page-heading{margin:var(--space-4) 0 var(--space-5)}
.cm-page-intro p{font-size:16px;margin:0;line-height:1.65}
.cm-secure{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-muted);font-size:14px;white-space:nowrap}
.cm-secure svg{width:16px;height:16px;color:var(--brand)}
.cm-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 376px;align-items:start;gap:var(--space-7)}
.cm-checkout-main{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
.cm-card{min-width:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:none}
.cm-section-title{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-7)}
.cm-section-title h2,.cm-summary-card h2,.cm-panel-heading h2{font-size:22px;margin:0;line-height:1.4}
.cm-step{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-sm);font:500 12px var(--font-mono);color:var(--blue-700);background:var(--blue-50)}
.cm-order-course{display:flex;gap:var(--space-7);align-items:center}
.cm-order-art{width:176px;aspect-ratio:1.1;overflow:hidden;flex-shrink:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-subtle)}
.cm-order-art>*{width:100%;height:100%;min-height:0!important}
.cm-order-art .course-art{display:flex;align-items:center;justify-content:center;padding:var(--space-5)}
.cm-order-art .course-art>strong{font-size:18px;line-height:1.65}
.cm-order-art .art-topline,.cm-order-art .art-subtitle,.cm-order-art .art-terminal{display:none}
.cm-order-info{min-width:0}
.cm-order-info h3{font-size:18px;line-height:1.55;margin:var(--space-4) 0 var(--space-3)}
.cm-order-info p{font-size:14px;color:var(--text-muted);margin:0 0 var(--space-3)}
.cm-order-info>strong{display:block;color:var(--text-strong);font-size:22px;margin-top:var(--space-4)}
.cm-order-info .chip{font-size:12px;padding:var(--space-2) var(--space-3)}
.cm-course-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--text-muted);font-size:12px}
.cm-course-meta span{display:flex;align-items:center;gap:var(--space-2)}
.cm-course-meta svg{width:16px;height:16px}
.cm-field-label,.cm-form-field label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-3);color:var(--text-strong)}
.cm-coupon-row{display:flex;gap:var(--space-3)}
.cm-input{display:block;min-width:0;width:100%;min-height:44px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);padding:var(--space-4);font:400 14px/1.4 var(--font-body);color:var(--text-strong);outline:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.cm-input:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}
.cm-input::placeholder{color:var(--text-muted);opacity:1}
.cm-coupon-row .btn{flex-shrink:0;min-height:44px;padding:var(--space-3) var(--space-6);font-size:14px;white-space:nowrap}
.cm-field-help{margin:var(--space-4) 0 0;font-size:12px;line-height:1.65;color:var(--text-muted)}
.cm-field-help strong{color:var(--blue-700);font-family:var(--font-mono);font-weight:500}
.cm-success-text{color:var(--success-text)}
.cm-error-text{color:var(--danger-text)}
.cm-payment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.cm-payment-option{position:relative;display:flex;align-items:center;gap:var(--space-4);min-height:64px;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-5);font-size:14px;font-weight:500;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}
.cm-payment-option:hover{background:var(--surface-subtle)}
.cm-payment-option:has(input:checked){background:var(--blue-50);border-color:var(--brand);color:var(--blue-700)}
.cm-payment-option:has(input:focus-visible){box-shadow:var(--focus-ring)}
.cm-payment-option input{position:absolute;opacity:0;pointer-events:none}
.cm-payment-icon{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-xs);font:700 12px var(--font-body);color:var(--navy-900);background:var(--gray-100)}
.cm-payment-icon svg{width:20px;height:20px;color:var(--brand)}
.cm-payment-icon-naver{font-size:16px}
.cm-radio-dot{flex-shrink:0;margin-left:auto;border:1px solid var(--border-strong);width:20px;height:20px;border-radius:50%;background:var(--surface-card)}
.cm-payment-option input:checked~.cm-radio-dot{border:6px solid var(--brand)}
.cm-demo-notice{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-7);padding:var(--space-5);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-muted);font-size:12px;line-height:1.65}
.cm-demo-notice>svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--brand)}
.cm-demo-notice strong{display:block;font-weight:500;color:var(--text-body)}
.cm-demo-notice span{display:block;margin-top:var(--space-2)}
.cm-checkout-summary{position:sticky;top:96px}
.cm-summary-card{padding:var(--space-7)}
.cm-summary-card .eyebrow{font-size:12px}
.cm-summary-card h2{margin-top:var(--space-4);font-size:28px}
.cm-cost-list{margin:var(--space-8) 0 var(--space-7);font-size:14px}
.cm-cost-list>div{display:flex;justify-content:space-between;gap:var(--space-4);margin:var(--space-5) 0}
.cm-cost-list dt{color:var(--text-muted)}
.cm-cost-list dd{margin:0;font-weight:500}
.cm-discount{color:var(--blue-700)}
.cm-total{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-7);border-top:1px solid var(--border-default);font-size:14px;font-weight:500}
.cm-total strong{font-size:28px;color:var(--brand);font-weight:700;white-space:nowrap;letter-spacing:-.02em}
.cm-summary-benefits{margin-bottom:var(--space-7);padding:var(--space-7) 0;border-bottom:1px solid var(--border-default)}
.cm-summary-benefits p{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:var(--text-muted);margin:var(--space-3) 0}
.cm-summary-benefits svg{width:16px;height:16px;color:var(--brand);flex-shrink:0}
.cm-consent{display:flex;align-items:flex-start;gap:var(--space-4);min-height:44px;color:var(--text-muted);font-size:12px;line-height:1.75;cursor:pointer}
.cm-consent input{width:20px;height:20px;flex-shrink:0;border-radius:var(--radius-xs);accent-color:var(--brand);margin:2px 0 0}
.cm-consent a{color:var(--blue-700);text-decoration:underline;text-underline-offset:3px}
.cm-consent em{font-style:normal;color:var(--text-strong)}
.cm-pay-button{width:100%;justify-content:center;gap:var(--space-3);min-height:52px;margin-top:var(--space-7);font-size:16px}
.cm-pay-button svg{width:20px;height:20px}
.cm-summary-note{font-size:12px;line-height:1.65;color:var(--text-muted);margin:var(--space-4) 0 0;text-align:center}
.cm-checkout-quote{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-7) var(--space-3);color:var(--text-muted)}
.cm-checkout-quote>svg{width:20px;height:20px;flex-shrink:0;color:var(--brand);margin-top:2px}
.cm-checkout-quote strong{font-size:14px;font-weight:500;color:var(--text-strong)}
.cm-checkout-quote p{font-size:12px;line-height:1.65;margin:var(--space-3) 0 0}
.cm-checkout-success{max-width:600px;margin:var(--space-9) auto;padding:var(--space-7) 0;text-align:center}
.cm-success-icon{display:grid;place-items:center;width:80px;height:80px;margin:0 auto var(--space-7);border-radius:var(--radius-lg);background:var(--success-subtle);color:var(--success-text)}
.cm-success-icon svg{width:40px;height:40px}
.cm-checkout-success h1{font-size:28px;margin:var(--space-5) 0;line-height:1.5}
.cm-checkout-success>p{font-size:16px;color:var(--text-muted);line-height:1.8}
.cm-checkout-success>p strong{font-weight:500;color:var(--text-strong)}
.cm-success-receipt{margin:var(--space-8) 0 0;padding:var(--space-7);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);text-align:left}
.cm-success-receipt>div{display:flex;justify-content:space-between;gap:var(--space-5);padding:var(--space-3) 0;font-size:14px}
.cm-success-receipt span{color:var(--text-muted)}
.cm-success-receipt strong{font-weight:500;overflow-wrap:anywhere}
.cm-checkout-success>.cm-demo-notice{justify-content:center}
.cm-checkout-success>.btn{margin-top:var(--space-7);min-height:52px;padding:var(--space-4) var(--space-8)}
.cm-text-link{display:block;margin-top:var(--space-5);padding:var(--space-4);font-size:14px;color:var(--brand);text-underline-offset:4px}
/* Administration */
.cm-admin-page>.cm-page-intro{margin-top:0}
.cm-admin-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:var(--space-7);align-items:start}
.cm-admin-sidebar{position:sticky;top:96px;border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-4);background:var(--surface-card)}
.cm-studio-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 0 var(--space-7);margin:0 var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default)}
.cm-studio-brand>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--blue-50);color:var(--brand)}
.cm-studio-brand svg{width:20px;height:20px}
.cm-studio-brand strong{display:block;font-size:14px;font-weight:500;line-height:1.4}
.cm-studio-brand small{display:block;font:400 12px/1.5 var(--font-mono);color:var(--text-muted);margin-top:var(--space-2)}
.cm-admin-sidebar nav{display:grid;gap:var(--space-3)}
.cm-admin-nav{display:flex;align-items:center;gap:var(--space-4);min-height:44px;border:0;border-radius:var(--radius-sm);padding:var(--space-4);background:transparent;color:var(--text-body);text-align:left;font:500 14px var(--font-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}
.cm-admin-nav svg{width:20px;height:20px;flex-shrink:0}
.cm-admin-nav.active{background:var(--blue-50);color:var(--blue-700)}
.cm-admin-nav:hover{background:var(--gray-100)}
.cm-admin-nav.active:hover{background:var(--blue-100)}
.cm-admin-nav:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.cm-admin-sidebar-note{margin:var(--space-10) var(--space-3) 0;padding-top:var(--space-6);border-top:1px solid var(--border-default);font-size:12px;color:var(--text-muted)}
.cm-admin-sidebar-note strong{font-size:12px;font-weight:500;color:var(--text-body)}
.cm-demo-dot{display:inline-block;width:8px;height:8px;margin-right:var(--space-3);border-radius:50%;background:var(--brand)}
.cm-admin-sidebar-note p{font-size:12px;line-height:1.7;margin:var(--space-3) 0 0}
.cm-admin-main{min-width:0}
.cm-admin-banner{display:flex;align-items:flex-start;gap:var(--space-3);font-size:12px;line-height:1.65;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-7);border:1px solid var(--blue-100);border-radius:var(--radius-md);color:var(--blue-700);background:var(--blue-50)}
.cm-admin-banner svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.cm-admin-banner strong{font-weight:500}
.cm-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5);margin-bottom:var(--space-7)}
.cm-metric{min-width:0;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}
.cm-metric-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);font-size:14px;color:var(--text-muted)}
.cm-metric-top svg{width:20px;height:20px;flex-shrink:0;color:var(--brand)}
.cm-metric-value{font:700 28px/1.4 var(--font-body);letter-spacing:-.02em;color:var(--text-strong);white-space:nowrap;margin:var(--space-5) 0 var(--space-4)}
.cm-metric:first-child .cm-metric-value{font-size:25px}
.cm-metric-value small{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:var(--space-2);letter-spacing:0}
.cm-metric p{display:flex;align-items:flex-start;gap:var(--space-2);font-size:12px;color:var(--text-muted);line-height:1.6;margin:0}
.cm-metric p svg{width:16px;height:16px;flex-shrink:0;color:var(--brand);margin-top:1px}
.cm-dashboard-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-7);margin-bottom:var(--space-7)}
.cm-dashboard-columns .cm-card{padding:var(--space-7)}
.cm-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-7)}
.cm-panel-heading h2{font-size:18px}
.cm-panel-heading p{font-size:14px;margin:var(--space-3) 0 0;line-height:1.65}
.cm-period{font-size:12px;color:var(--text-muted);border:1px solid var(--border-default);border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);white-space:nowrap}
.cm-chart-layout{display:flex;gap:var(--space-3);height:244px;align-items:stretch;margin-top:var(--space-8)}
.cm-chart-ylabels{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:43px;padding:var(--space-5) 0 var(--space-8);font:400 12px/1 var(--font-mono);color:var(--text-muted);text-align:right}
.cm-chart-plot{flex:1;min-width:0}
.cm-revenue-chart{display:block;width:100%;height:210px;overflow:visible}
.cm-chart-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));font:400 12px/1.65 var(--font-mono);color:var(--text-muted);text-align:center;padding-top:var(--space-2)}
.cm-muted-mini{font-size:12px;color:var(--text-muted);line-height:1.6}
.cm-popular-admin .cm-panel-heading{margin-bottom:var(--space-4)}
.cm-popular-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle)}
.cm-rank{align-self:flex-start;margin-top:2px;font:500 12px var(--font-mono);color:var(--brand)}
.cm-popular-row>div{min-width:0;flex:1}
.cm-popular-row strong{display:block;font-size:14px;line-height:1.65;font-weight:500;color:var(--text-strong)}
.cm-popular-row small{display:block;font-size:12px;color:var(--text-muted);margin-top:var(--space-2)}
.cm-popular-score{font:500 14px var(--font-mono);color:var(--blue-700)}
.cm-admin-tip{display:flex;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-5)}
.cm-admin-tip>svg{width:20px;height:20px;flex-shrink:0;color:var(--brand);margin-top:2px}
.cm-admin-tip p{font-size:12px;line-height:1.65;color:var(--text-muted);margin:0}
.cm-admin-tip strong{font-weight:400}
.cm-recent-card{padding:var(--space-7)}
.cm-text-button{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) 0;border:0;background:none;color:var(--blue-700);font:500 14px var(--font-body);white-space:nowrap;cursor:pointer}
.cm-text-button:hover{text-decoration:underline;text-underline-offset:3px}
.cm-text-button svg{width:16px;height:16px}
.cm-table-wrap{width:100%;max-width:100%;overflow-x:auto;border-radius:var(--radius-sm);overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--gray-300) var(--gray-50)}
.cm-table-wrap:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.cm-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;white-space:nowrap}
.cm-table th{background:var(--surface-subtle);color:var(--text-muted);font-size:12px;font-weight:500;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}
.cm-table td{padding:var(--space-5);color:var(--text-body);border-bottom:1px solid var(--border-subtle)}
.cm-table tr:last-child td{border-bottom:0}
.cm-student{display:flex;align-items:center;gap:var(--space-4)}
.cm-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:500;flex-shrink:0;background:var(--blue-50);color:var(--blue-700)}
.cm-student strong{display:block;font-size:14px;font-weight:500;color:var(--text-strong)}
.cm-student small{display:block;font-size:12px;color:var(--text-muted);margin-top:var(--space-2)}
.cm-table-progress{display:flex;align-items:center;gap:var(--space-3)}
.cm-table-progress>span{display:block;min-width:72px;height:6px;border-radius:var(--radius-pill);background:var(--gray-100);overflow:hidden}
.cm-table-progress i{display:block;height:100%;background:var(--brand);border-radius:var(--radius-pill)}
.cm-table-progress small{min-width:32px;font:400 12px var(--font-mono);color:var(--text-muted)}
.cm-status{display:inline-block;font-size:12px;border-radius:var(--radius-xs);padding:var(--space-2) var(--space-3);color:var(--blue-700);background:var(--blue-50)}
.cm-status-complete{color:var(--success-text);background:var(--success-subtle)}
.cm-status-local{color:var(--warning-text);background:var(--warning-subtle)}
.cm-admin-courses{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
.cm-admin-courses>.cm-card{min-width:0}
.cm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7)}
.cm-form-field{min-width:0}
.cm-form-field label>span{color:var(--brand)}
.cm-form-field label small{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:var(--space-2)}
.cm-field-full{grid-column:1/-1}
.cm-form-field textarea{resize:vertical;line-height:1.65;min-height:120px}
.cm-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-7);margin-top:var(--space-7);border-top:1px solid var(--border-default)}
.cm-form-bottom p{font-size:12px;line-height:1.65;color:var(--text-muted);margin:0}
.cm-form-bottom p svg{width:16px;height:16px;display:inline;vertical-align:-3px;color:var(--brand)}
.cm-form-bottom .btn{min-height:44px;white-space:nowrap;font-size:14px;padding:var(--space-4) var(--space-6)}
.cm-form-bottom .btn svg{width:20px;height:20px}
.cm-count{font:400 14px var(--font-mono);color:var(--blue-700);margin-left:var(--space-3)}
.cm-courses-table td:first-child{min-width:240px;max-width:360px;white-space:normal;line-height:1.65}
.cm-courses-table td strong{font-size:14px;font-weight:500;color:var(--text-strong)}
.cm-student-filters{display:flex;gap:var(--space-4);margin:var(--space-7) 0 var(--space-5)}
.cm-search-field{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;min-height:44px;padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card)}
.cm-search-field:focus-within{border-color:var(--brand);box-shadow:var(--focus-ring)}
.cm-search-field svg{width:20px;height:20px;flex-shrink:0;color:var(--text-muted)}
.cm-search-field input{min-width:0;width:100%;padding:0;border:0;outline:none;background:transparent;color:var(--text-strong);font:400 14px var(--font-body);box-shadow:none}
.cm-search-field input::placeholder{color:var(--text-muted)}
.cm-student-filters select{width:144px;flex-shrink:0}
.cm-result-count{font-size:12px;color:var(--text-muted);margin:0 0 var(--space-4)}
.cm-data-note{font-size:12px;color:var(--text-muted);margin:var(--space-7) 0 0;line-height:1.65}
.cm-empty{text-align:center;padding:var(--space-9) var(--space-5)!important;font-size:14px;white-space:normal;line-height:1.65}
.cm-sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;border:0;white-space:nowrap}
@media(max-width:1199px){
 .cm-admin-layout{grid-template-columns:188px minmax(0,1fr)}
 .cm-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cm-metric:first-child .cm-metric-value{font-size:28px}
 .cm-dashboard-columns{grid-template-columns:minmax(0,1fr)}
 .cm-checkout-layout{grid-template-columns:minmax(0,1fr) 344px}
 .cm-card{padding:var(--space-7)}
 .cm-order-art{width:128px}
 .cm-order-course{gap:var(--space-5)}
 .cm-payment-option{gap:var(--space-3);padding:var(--space-4)}
 .cm-payment-icon{display:none}
}
@media(max-width:899px){
 .cm-checkout-layout{grid-template-columns:minmax(0,1fr)}
 .cm-checkout-summary{position:static}
 .cm-order-art{width:176px}
 .cm-payment-icon{display:grid}
 .cm-page-intro{align-items:flex-start}
 .cm-secure{display:none}
 .cm-admin-layout{grid-template-columns:minmax(0,1fr)}
 .cm-admin-sidebar{position:static;padding:var(--space-3)}
 .cm-studio-brand,.cm-admin-sidebar-note{display:none}
 .cm-admin-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
 .cm-admin-nav{justify-content:center;gap:var(--space-3)}
 .cm-dashboard-columns{grid-template-columns:minmax(0,1fr)}
 .cm-form-bottom{align-items:flex-start;flex-direction:column}
 .cm-admin-page>.cm-page-intro .btn{flex-shrink:0}
}
@media(max-width:599px){
 .cm-checkout-page,.cm-admin-page{padding-top:var(--space-7);padding-bottom:var(--space-11)}
 .cm-page-intro{flex-direction:column;align-items:flex-start;gap:var(--space-5);margin:var(--space-5) 0 var(--space-8)}
 .cm-page-intro .page-heading{font-size:28px;margin:var(--space-4) 0}
 .cm-page-intro p{font-size:14px}
 .cm-card{padding:var(--space-6)}
 .cm-section-title h2{font-size:18px}
 .cm-order-course{align-items:flex-start;gap:var(--space-4)}
 .cm-order-art{width:96px;aspect-ratio:1;align-self:center}
 .cm-order-art .course-art{padding:var(--space-4)}
 .cm-order-art .course-art>strong{font-size:14px}
 .cm-order-info h3{font-size:16px;line-height:1.6;margin:var(--space-3) 0}
 .cm-order-info p{font-size:12px}
 .cm-order-info>strong{font-size:18px;margin-top:var(--space-3)}
 .cm-course-meta{gap:var(--space-3)}
 .cm-course-meta svg{width:16px;height:16px}
 .cm-coupon-row .btn{font-size:14px;padding:var(--space-3) var(--space-4)}
 .cm-payment-options{gap:var(--space-3)}
 .cm-payment-option{font-size:14px;gap:var(--space-3);padding:var(--space-4);min-height:56px}
 .cm-payment-icon{display:none}
 .cm-demo-notice{padding:var(--space-4)}
 .cm-summary-card h2{font-size:22px}
 .cm-total strong{font-size:28px}
 .cm-checkout-quote{padding:var(--space-7) 0 0}
 .cm-success-receipt{padding:var(--space-5)}
 .cm-success-receipt>div{font-size:12px;gap:var(--space-4)}
 .cm-checkout-success{margin:var(--space-5) auto}
 .cm-checkout-success h1{font-size:22px}
 .cm-checkout-success>p{font-size:14px}
 .cm-admin-page>.cm-page-intro .btn{min-height:44px;font-size:14px}
 .cm-admin-sidebar nav{gap:var(--space-2)}
 .cm-admin-nav{flex-direction:column;gap:var(--space-2);font-size:12px;min-height:64px;padding:var(--space-3) var(--space-2)}
 .cm-admin-nav svg{width:20px;height:20px}
 .cm-admin-banner{font-size:12px;padding:var(--space-4);margin-bottom:var(--space-5)}
 .cm-metric-grid{gap:var(--space-4);margin-bottom:var(--space-5)}
 .cm-metric{padding:var(--space-5)}
 .cm-metric-top{font-size:12px;gap:var(--space-2)}
 .cm-metric-top svg{width:16px;height:16px}
 .cm-metric-value{font-size:24px;margin:var(--space-4) 0}
 .cm-metric:first-child .cm-metric-value{font-size:20px}
 .cm-metric p{font-size:12px;gap:var(--space-2)}
 .cm-metric p svg{display:none}
 .cm-dashboard-columns{gap:var(--space-5);margin-bottom:var(--space-5)}
 .cm-dashboard-columns .cm-card,.cm-recent-card,.cm-students-card,.cm-admin-courses>.cm-card{padding:var(--space-5)}
 .cm-panel-heading{gap:var(--space-4);align-items:flex-start}
 .cm-panel-heading h2{font-size:18px}
 .cm-panel-heading p{font-size:12px}
 .cm-period{font-size:12px}
 .cm-chart-layout{gap:var(--space-2);margin-top:var(--space-7);height:224px}
 .cm-chart-ylabels{width:39px;padding-top:var(--space-5);padding-bottom:var(--space-8)}
 .cm-revenue-chart{height:190px}
 .cm-chart-months{font-size:12px}
 .cm-popular-row{gap:var(--space-4)}
 .cm-popular-row strong{font-size:14px}
 .cm-form-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}
 .cm-form-bottom .btn{width:100%;justify-content:center;min-height:52px}
 .cm-panel-heading>.cm-muted-mini{max-width:135px;text-align:right}
 .cm-panel-heading>.chip{font-size:12px;white-space:nowrap}
 .cm-student-filters{flex-direction:column}
 .cm-student-filters select{width:100%}
 .cm-search-field input{font-size:14px}
 .cm-courses-table td:first-child{min-width:220px}
}
@media(max-width:359px){
 .cm-order-art{display:none}
 .cm-metric{padding:var(--space-4)}
 .cm-metric-top svg{display:none}
 .cm-metric:first-child .cm-metric-value{font-size:18px}
 .cm-metric-value small{font-size:12px;margin-left:2px}
 .cm-payment-options{grid-template-columns:minmax(0,1fr)}
 .cm-payment-icon{display:grid}
 .cm-coupon-row{flex-wrap:wrap}
 .cm-coupon-row .btn{width:100%;justify-content:center}
 .cm-total{gap:var(--space-3)}
 .cm-total strong{font-size:24px}
 .cm-pay-button{font-size:14px;padding-left:var(--space-3);padding-right:var(--space-3)}
 .cm-panel-heading{flex-wrap:wrap}
 .cm-panel-heading>.cm-muted-mini{text-align:left;max-width:none}
 .cm-checkout-success>.btn{width:100%;padding:var(--space-4)}
}
@media(prefers-reduced-motion:reduce){.cm-input,.cm-payment-option,.cm-admin-nav{transition:none}}