.invitation-result{margin-bottom:22px;border-color:var(--brand)}
.invitation-code{display:block;margin:8px 0;font-size:clamp(24px,5vw,38px);letter-spacing:.12em;overflow-wrap:anywhere}
.lesson-picker{display:grid;gap:9px;max-height:360px;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.lesson-picker strong:not(:first-child){margin-top:12px}
.invitation-row{display:grid;gap:7px;padding:13px}
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted)}
.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}
[hidden]{display:none!important}
.redeem-code{margin-bottom:24px}.redeem-code .field{flex:1;margin:0;min-width:min(100%,280px)}
html[data-theme=light]{--brand-2:#08745f}
html[data-theme=light] .button.secondary{color:var(--text)}
html[data-theme=light] .badge.free{background:#d5f5e9;color:#075c4b}
html[data-theme=light] .course-hero{background:linear-gradient(150deg,#ece9ff,#eef8f6 68%)}
html[data-theme=light] .course-hero p{color:#4f5f74}
.course-carousel{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 10%,#4832a63b,transparent 34%),radial-gradient(circle at 80% 30%,#14b89926,transparent 38%)}
.carousel-slide{padding:54px 0 34px;min-height:450px}
.carousel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,535px);gap:70px;align-items:center}
.carousel-grid h1{font-size:clamp(38px,5vw,68px);line-height:1.03;margin:18px 0}
.carousel-grid p{color:var(--muted);font-size:17px;max-width:690px;margin-bottom:26px}
.carousel-cover{height:330px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none}
.carousel-cover img{width:100%;height:100%;object-fit:cover}
.carousel-cover .fallback{font-size:80px;font-weight:900;color:var(--brand)}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding-bottom:25px}
.carousel-controls button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:26px;cursor:pointer}
.payment-options{padding-top:8px;border-top:1px solid var(--line)}
.payment-options form,.payment-options .button{width:100%}
.practice-title{margin-top:34px}
.payment-reviews{margin-bottom:28px}
.payment-review-row{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(280px,1fr) minmax(280px,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px}
.payment-review-row>div{display:grid;gap:4px}
.payment-review-row .inline{flex-wrap:nowrap}
.payment-review-row .input{min-width:0}
.notice.error{border-color:#a12f45;background:#4a1722;color:#ffd4dc}
.toast-stack{position:fixed;top:84px;right:18px;z-index:100;display:grid;gap:10px;width:min(390px,calc(100vw - 36px));pointer-events:none}.app-toast{display:flex;align-items:flex-start;gap:14px;padding:14px 15px;border:1px solid #1b7658;border-radius:12px;background:#0d3e30;color:#d2ffed;box-shadow:0 18px 48px #0004;pointer-events:auto;animation:toast-in .22s ease}.app-toast>span{flex:1}.app-toast.error{border-color:#a12f45;background:#4a1722;color:#ffd4dc}.app-toast button{border:0;background:none;color:inherit;font-size:21px;line-height:1;cursor:pointer;padding:0}.app-toast.leaving{opacity:0;transform:translateX(18px);transition:.2s ease}@keyframes toast-in{from{opacity:0;transform:translateX(18px)}}@media(max-width:680px){.toast-stack{top:76px;right:12px;width:calc(100vw - 24px)}}
@media(max-width:900px){.carousel-grid{grid-template-columns:1fr;gap:28px}.carousel-slide{min-height:0}.carousel-cover{height:min(52vw,340px)}.payment-review-row{grid-template-columns:1fr}.payment-review-row .inline{flex-wrap:wrap}}
@media(max-width:560px){.carousel-slide{padding-top:40px}.carousel-grid h1{font-size:38px}.carousel-cover{height:230px}.carousel-controls{justify-content:flex-start}.course-hero .purchase-card .button{width:100%}}
.nav-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--brand);color:#fff;font-size:11px}
.has-dashboard .topbar{position:fixed;inset:0 0 auto;height:68px}
.dashboard-sidebar{position:fixed;left:0;top:68px;bottom:0;width:248px;padding:22px 14px;background:var(--surface);border-right:1px solid var(--line);z-index:15;overflow:auto}
.dashboard-sidebar nav{display:grid;gap:7px}.sidebar-group{border:1px solid transparent;border-radius:11px}.sidebar-group[open]{border-color:var(--line);background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.sidebar-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:10px 12px;border-radius:10px;list-style:none;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;user-select:none}.sidebar-group>summary::-webkit-details-marker{display:none}.sidebar-group>summary:hover,.sidebar-group>summary:focus-visible,.sidebar-group[open]>summary{background:var(--surface-2);color:var(--text);outline:none}.sidebar-group>summary:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 65%,transparent)}.sidebar-group-chevron{font-size:18px;line-height:1;transition:transform .18s ease}.sidebar-group[open] .sidebar-group-chevron{transform:rotate(180deg)}.sidebar-group-links{display:grid;gap:3px;padding:4px 5px 7px}.sidebar-group-links>a{display:flex;align-items:center;gap:11px;padding:10px 8px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:700}.sidebar-group-links>a:hover,.sidebar-group-links>a.active{color:var(--text);background:var(--surface-2)}.sidebar-group-links>a.active{box-shadow:inset 3px 0 var(--brand)}.sidebar-group-links>a>span{display:grid;place-items:center;flex:0 0 22px;width:22px;color:var(--brand)}
.dashboard-main{margin-left:248px;padding-top:68px;min-height:100vh}.has-dashboard>.footer{margin-left:calc(248px + max(18px,calc((100vw - 248px - 1240px)/2)));width:min(1240px,calc(100% - 248px - 36px))}.dashboard-section>.container{width:min(1180px,calc(100% - 40px))}
.payment-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.payment-admin-card{display:grid;gap:18px;box-shadow:none}.payment-admin-card h2{margin:0}.payment-card-head{display:flex;align-items:center;justify-content:space-between}.payment-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#9d64ff);color:#fff;font-size:24px;font-weight:900}.gateway-create{margin-bottom:28px}.payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.payment-method-card{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.payment-method-card>div,.payment-method-card>span:last-child{display:grid;gap:3px;flex:1}.payment-method-card p,.payment-method-card small{margin:0;color:var(--muted)}.payment-method-card.selectable{cursor:pointer}.payment-method-card.selectable>input{width:18px;height:18px}.cart-course{display:grid;grid-template-columns:1fr auto;gap:20px}.cart-course-summary{display:flex;gap:18px}.cart-course-summary img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:11px}.cart-course-summary h2{margin-top:0}.cart-course>.payment-method-grid{grid-column:1/-1}.empty-state{text-align:center;padding:50px 25px}.table-panel{overflow:visible}.table-thumb{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.settings-stack{display:grid;gap:24px}.gateway-settings-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px}.gateway-list{display:grid;align-content:start;gap:8px}.gateway-list-item{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid var(--line);border-radius:12px;text-decoration:none}.gateway-list-item.active{border-color:var(--brand);background:var(--surface-2)}.gateway-list-item .payment-icon{width:40px;height:40px;flex-basis:40px;font-size:19px}.gateway-list-item>span:last-child{display:grid}.gateway-list-item small{color:var(--muted)}.notice-inline{padding:12px;border-radius:10px;background:var(--surface-2);color:var(--muted)}
.course-steps{display:flex;align-items:stretch;gap:0;margin-bottom:28px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.course-steps>.course-tab{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;flex:1 0 145px;min-height:64px;padding:10px 13px;border:0;border-bottom:4px solid transparent;background:transparent;color:var(--muted);text-decoration:none}.course-steps>a.course-tab:hover{background:var(--surface-2);color:var(--text)}.course-steps>.course-tab.active{background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--text);border-bottom-color:var(--brand)}.course-steps>.course-tab.step-pending{border-bottom-color:var(--danger)}.course-steps>.course-tab.disabled{cursor:not-allowed;opacity:.62}.course-tab-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--surface-3);color:var(--text);font-size:12px;font-weight:850}.course-tab.active .course-tab-number{background:var(--brand);color:#fff}.course-tab.step-pending .course-tab-number{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 50%,transparent)}.course-tab-copy{display:grid;gap:1px;line-height:1.15}.course-tab-copy strong{font-size:13px}.course-tab-copy small{font-size:10px;font-weight:750;color:var(--muted)}.course-tab.step-pending .course-tab-copy small{color:var(--danger)}.course-stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.thumbnail-preview{padding:0;overflow:hidden;min-height:300px}.thumbnail-preview img{width:100%;height:100%;object-fit:cover}.stage-next{display:flex;justify-content:flex-end;margin-top:20px}.section-card{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:10px}.add-video{margin-top:20px}.add-video>summary,.action-details>summary{cursor:pointer;font-weight:750;list-style:none}.add-video>form{margin-top:18px}.action-details{position:relative}.action-details form{position:absolute;right:0;top:42px;width:310px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);z-index:5}.tag-editor{display:grid;gap:8px}.tag-chips{display:flex;gap:7px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:#e7e1ff;color:#4930a6;font-weight:700}.tag-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:17px;line-height:1}
@media(max-width:1100px){.payment-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-settings-grid{grid-template-columns:1fr}.gateway-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.has-dashboard .topbar{position:fixed}.dashboard-top-nav{display:none}.dashboard-sidebar{top:64px;width:100%;height:112px;bottom:auto;padding:7px 10px;overflow:hidden}.dashboard-sidebar nav{display:grid;grid-template-columns:repeat(var(--sidebar-group-count),minmax(0,1fr));grid-template-rows:40px 54px;gap:4px 6px;width:100%}.sidebar-group{display:contents}.sidebar-group>summary{grid-row:1;min-width:0;min-height:40px;justify-content:center;padding:7px 8px;border:1px solid var(--line);white-space:nowrap;overflow:hidden}.sidebar-group>summary>span:first-child{overflow:hidden;text-overflow:ellipsis}.sidebar-group-chevron{font-size:16px}.sidebar-group-links{grid-column:1/-1;grid-row:2;display:flex;gap:4px;padding:3px 0;overflow-x:auto;scrollbar-width:thin}.sidebar-group-links>a{flex:0 0 auto;min-height:46px;padding:8px 11px;white-space:nowrap}.dashboard-main{margin-left:0;padding-top:176px}.has-dashboard>.footer{margin-left:auto;width:min(1240px,calc(100% - 36px))}.payment-admin-grid,.payment-method-grid,.course-stage-grid{grid-template-columns:1fr}.course-steps>.course-tab{flex-basis:138px;min-height:58px;padding:8px 10px}.cart-course{grid-template-columns:1fr}.cart-course>.payment-method-grid{grid-column:auto}.cart-course-summary{display:grid}.cart-course-summary img{width:100%}.gateway-list{grid-template-columns:1fr}.video-table td:first-child{display:none}.action-details form{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}}

/* Componentes interactivos globales */
.collapse-header{align-items:center;margin-bottom:18px;position:relative}.collapse-toggle{position:absolute;right:-13px;top:-13px;width:30px;height:30px;border:0;background:transparent;color:var(--brand);cursor:pointer}.collapse-corner{position:absolute;right:6px;top:6px;width:15px;height:15px;border-top:2px solid currentColor;border-right:2px solid currentColor;transition:transform .2s ease}.collapse-corner::after{content:"";position:absolute;right:3px;top:3px;width:5px;height:5px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(135deg)}.is-collapsed .collapse-corner{transform:rotate(180deg)}.is-collapsed>.collapse-header{margin-bottom:0}.collapse-content{animation:collapse-reveal .18s ease}.collapse-content>.stack:first-child,.collapse-content>.form-grid:first-child{margin-top:0}@keyframes collapse-reveal{from{opacity:0;transform:translateY(-5px)}}
.app-dialog{width:min(500px,calc(100% - 28px));border:0;padding:0;border-radius:20px;background:transparent;color:var(--text);box-shadow:0 28px 90px #0008}.app-dialog::backdrop{background:#080b12b8;backdrop-filter:blur(5px)}.app-dialog-card{display:grid;grid-template-columns:52px 1fr;gap:18px;margin:0;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.app-dialog-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:color-mix(in srgb,var(--danger) 18%,var(--surface));color:var(--danger);font-size:26px;font-weight:900}.app-dialog h2{margin:5px 0 8px;font-size:25px}.app-dialog p{margin:0;line-height:1.6}.app-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.app-dialog-actions .button{min-width:112px}
[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 9px);z-index:120;width:max-content;max-width:min(280px,80vw);padding:7px 10px;border:1px solid #33415a;border-radius:8px;background:#101727;color:#f7f9ff;font-size:12px;font-weight:650;line-height:1.35;text-align:center;box-shadow:0 12px 30px #0005;opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none}[data-tooltip]::before{content:"";position:absolute;left:50%;top:calc(100% + 4px);z-index:121;width:8px;height:8px;border-left:1px solid #33415a;border-top:1px solid #33415a;background:#101727;opacity:0;visibility:hidden;transform:translateX(-50%) rotate(45deg);pointer-events:none}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after,[data-tooltip].tooltip-visible::after,[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before,[data-tooltip].tooltip-visible::before{opacity:1;visibility:visible}[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after,[data-tooltip].tooltip-visible::after{transform:translate(-50%,0)}.account>[data-tooltip]::after{left:auto;right:0;transform:translateY(-4px)}.account>[data-tooltip]:hover::after,.account>[data-tooltip]:focus-visible::after,.account>[data-tooltip].tooltip-visible::after{transform:translateY(0)}.account>[data-tooltip]::before{left:auto;right:14px}
.filter-toggle{display:none;margin:0 0 12px}.table td[data-label]::before{content:none}
.app-toast{position:relative;overflow:hidden;align-items:center}.app-toast::before{content:"✓";display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:#34d39922;color:#74efc4;font-weight:900}.app-toast.error::before{content:"!";background:#ff6b8122;color:#ff9aaa}.app-toast::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:currentColor;opacity:.55;transform-origin:left;animation:toast-life 5s linear forwards}@keyframes toast-life{to{transform:scaleX(0)}}
@media(max-width:760px){.filters{grid-template-columns:1fr}.filter-toggle{display:inline-flex;width:100%}.filters[data-filter-collapsed=true]{display:none}}
@media(max-width:680px){.collapse-toggle-label{display:none}.collapse-toggle{width:40px;height:40px;justify-content:center;padding:0}.section-head{align-items:flex-start}.app-dialog-card{grid-template-columns:42px 1fr;padding:20px;gap:14px}.app-dialog-icon{width:42px;height:42px}.app-dialog h2{font-size:21px}.app-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.app-dialog-actions .button{width:100%;min-width:0}.table,.data-table{display:block}.table thead,.data-table thead{display:none}.table tbody,.data-table tbody{display:grid;gap:12px}.table tr,.data-table tr{display:grid;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.table td,.data-table td{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);gap:10px;align-items:start;padding:7px 3px;border:0;overflow-wrap:anywhere}.table td[data-label]::before,.data-table td[data-label]::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.table td[colspan],.data-table td[colspan]{grid-template-columns:1fr}.table td[colspan]::before,.data-table td[colspan]::before{content:none}.table td .inline,.data-table td .inline{align-items:stretch}.table td .button,.data-table td .button{max-width:100%}.payment-review-row{padding:14px}.payment-review-row form.inline{display:grid;grid-template-columns:1fr auto;width:100%}.payment-review-row form.inline .input{min-width:0}}
@media(hover:none){[data-tooltip]::before{display:none}[data-tooltip]::after,.account>[data-tooltip]::after{position:fixed;left:50%;right:auto;bottom:20px;top:auto;transform:translate(-50%,8px);max-width:calc(100vw - 30px)}[data-tooltip].tooltip-visible::after,[data-tooltip]:focus-visible::after,.account>[data-tooltip].tooltip-visible::after,.account>[data-tooltip]:focus-visible::after{transform:translate(-50%,0)}}
.app-icon{width:1.35em;height:1.35em;display:block}.welcome-header{display:grid;gap:1px;margin-left:auto;min-width:180px;max-width:330px}.welcome-header>span{line-height:1.15}.welcome-header>small{color:var(--brand);font-weight:800}.welcome-header>a{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:8px;margin-top:3px;color:var(--muted);font-size:11px;text-decoration:none}.welcome-header .progress{height:5px}.welcome-header em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-field{display:flex;position:relative}.password-field .input{padding-right:44px}.password-field button{position:absolute;right:5px;top:5px;width:34px;height:34px;border:0;border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer}.gateway-settings-cards{display:block}.gateway-settings-cards .gateway-list{grid-template-columns:repeat(2,minmax(0,1fr))}.narrow-container{max-width:960px}.payment-icon .app-icon{width:24px;height:24px}@media(max-width:900px){.welcome-header{display:none}}@media(max-width:680px){.collapse-toggle{width:36px;height:36px;right:-10px;top:-10px}.gateway-settings-cards .gateway-list{grid-template-columns:1fr}}
.generic-thumbnail{min-height:180px;display:grid;place-items:center;align-content:center;gap:14px;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));color:var(--brand)}.generic-thumbnail .app-icon{width:58px;height:58px}.table-thumb.generic-thumbnail{display:grid;min-height:54px}.table-thumb.generic-thumbnail .app-icon{width:28px;height:28px}.section-card summary,.activity-list details>summary,.course-stage-grid details>summary{cursor:pointer}.section-card form,.activity-list details>form,.activity-list details>.inline,.course-stage-grid details>form{margin-top:16px}.activity-list{display:grid;gap:14px;margin-bottom:20px}.rich-editor{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface)}.rich-toolbar{display:flex;gap:2px;flex-wrap:wrap;padding:7px;border-bottom:1px solid var(--line);background:var(--surface-2)}.rich-toolbar button{min-width:34px;height:32px;border:0;border-radius:7px;background:transparent;color:var(--text);cursor:pointer}.rich-toolbar button:hover,.rich-toolbar button:focus{background:var(--surface-3)}.rich-surface{min-height:150px;padding:13px;outline:none}.rich-surface:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 55%,transparent)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-menu,.row-actions{position:relative}.profile-menu>summary,.row-actions>summary{list-style:none;cursor:pointer}.profile-menu>summary::-webkit-details-marker,.row-actions>summary::-webkit-details-marker{display:none}.profile-menu>summary{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 8px 4px 4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.profile-menu[open]>summary{border-color:color-mix(in srgb,var(--brand) 55%,var(--line))}.profile-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand),#a65cff);color:#fff;font-weight:850}.profile-menu-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.profile-chevron{color:var(--muted);transition:transform .16s}.profile-menu[open] .profile-chevron{transform:rotate(180deg)}.profile-menu-panel{position:absolute;right:0;top:calc(100% + 9px);z-index:150;width:260px;padding:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.profile-menu-identity{display:grid;gap:3px;padding:10px 11px 12px;margin-bottom:6px;border-bottom:1px solid var(--line)}.profile-menu-identity small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.profile-menu-identity .badge{justify-self:start;margin-top:4px}.profile-menu-panel>a,.profile-menu-panel button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:var(--text);text-decoration:none;text-align:left;cursor:pointer}.profile-menu-panel>a:hover,.profile-menu-panel button:hover{background:var(--surface-2)}.profile-menu-panel .app-icon{width:19px;height:19px;color:var(--brand)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-grid h2{margin-top:0}
.row-actions{display:inline-block}.row-actions>summary{display:grid;place-items:center;width:38px;height:34px}.row-actions[open]>summary{background:var(--brand);color:#fff}.row-actions-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:90;display:grid;width:210px;padding:7px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:var(--shadow)}.row-actions-menu>a,.row-actions-menu>form>button,.row-actions-menu>.action-details>summary{display:flex;align-items:center;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);font-weight:700;text-decoration:none;text-align:left;cursor:pointer}.row-actions-menu>a:hover,.row-actions-menu>form>button:hover,.row-actions-menu>.action-details>summary:hover{background:var(--surface-2)}.row-actions-menu form{margin:0}.row-actions-menu .danger-action{color:var(--danger)}.row-actions-menu .action-details{position:static}.row-actions-menu .action-details form{position:static;width:auto;margin:5px;padding:10px;background:var(--surface-2);box-shadow:none}.table td:has(>.row-actions){width:1%;white-space:nowrap;text-align:right}.table:has(.row-actions) th:last-child{text-align:right}
.status-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.row-actions-menu .action-reject-form{display:grid;gap:6px;padding:6px}.row-actions-menu .action-reject-form .input{min-width:0}
@media(max-width:900px){.profile-menu-name{display:none}.profile-grid{grid-template-columns:1fr}}
@media(max-width:680px){.row-actions-menu{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto}.table td:has(>.row-actions){width:auto;text-align:left}.table:has(.row-actions) th:last-child{text-align:left}.profile-menu-panel{position:fixed;left:16px;right:16px;top:70px;width:auto}}
.player-shell iframe{width:100%;height:100%;display:block;border:0}.lesson-row.lesson-seen{background:color-mix(in srgb,var(--brand-2) 13%,var(--surface));color:var(--muted)}.speed-control{display:flex;align-items:center;gap:6px}.speed-control .select{width:auto;padding:7px}.discussion-item header{display:flex;justify-content:space-between;gap:10px}.discussion-skeleton{display:grid;gap:10px;margin-top:14px}.discussion-skeleton i{display:block;height:76px;border-radius:12px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:220% 100%;animation:skeleton 1.1s linear infinite}@keyframes skeleton{to{background-position:-220% 0}}
.learning-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.learning-row>div{flex:1}.review-grid,.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.review-card{padding:12px;border:1px solid var(--line);border-radius:11px}.review-card>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer}.review-card form{margin-top:14px}.settings-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;text-decoration:none;box-shadow:none}.settings-card>span:nth-child(2){display:grid}.settings-card small{color:var(--muted)}.settlement-summary dl{display:grid;gap:10px}.settlement-summary dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:9px}.settlement-summary .total{font-size:18px;font-weight:850}.metrics-grid .metric-card{display:grid;gap:10px}.metrics-grid .metric-card>b{font-size:32px}.metrics-grid .metric-card>span{height:9px;border-radius:99px;background:var(--surface-3);overflow:hidden}.metrics-grid .metric-card>span>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand-2))}@media(max-width:760px){.review-grid,.metrics-grid,.settings-hub{grid-template-columns:1fr}.learning-row{align-items:flex-start;flex-direction:column}}