.workspace{display:grid;grid-template-columns:215px minmax(0,1fr);gap:28px;padding:35px 0 70px;min-height:65vh}.workspace-nav{align-self:start;position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.workspace-nav a{display:block;padding:10px 13px;border-radius:6px;font-size:12px}.workspace-nav a.current{background:var(--green);color:white}.workspace h1{font-size:40px;margin-bottom:15px}.workspace h2{font-size:29px;margin:22px 0}.workspace .panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:20px}.workspace .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.metric{padding:23px;background:var(--soft);border-radius:10px}.metric strong{display:block;font:35px Georgia;margin-top:8px}.metric span{font-size:12px}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:var(--soft);font-weight:600}td,th{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}td .btn{white-space:nowrap}td small{display:block;color:var(--muted)}.status{display:inline-block;border-radius:20px;padding:2px 9px;background:var(--soft);font-size:11px;white-space:nowrap}.status.pending,.status.review{background:#fbebca;color:#88591e}.status.paid,.status.processed{background:#dcebdc;color:#285b32}.status.refunded,.status.cancelled{background:#f7d6da;color:#934551}.auth-wrap{max-width:460px;margin:55px auto 75px;padding:32px;background:white;border:1px solid var(--line);border-radius:15px}.auth-wrap h1{font-size:38px;margin-bottom:12px}.auth-wrap form{margin-top:25px}.auth-wrap label{margin-top:15px}.auth-wrap .btn{width:100%}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:12px;color:var(--gold)}.form-error{background:#fff0ef;color:#a24054;border-radius:6px;padding:12px;margin:15px 0;font-size:12px}.edit-form .grid{margin-top:20px}.edit-form label{margin-top:15px}.edit-form textarea{min-height:120px}.edit-form .wide{grid-column:1/-1}.edit-form .checkbox-line{display:flex;align-items:center;gap:8px}.edit-form .checkbox-line input{width:auto}.edit-form .actions .btn{width:auto}.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:950px;margin:40px auto 70px}.payment-layout>div{padding:30px;background:white;border:1px solid var(--line);border-radius:14px}.payment-layout img{max-width:330px;margin:15px auto}.payment-layout h1{font-size:38px}.payment-code{font:700 23px monospace;letter-spacing:.06em;background:var(--soft);padding:15px;margin:15px 0;overflow-wrap:anywhere}.lesson-body{white-space:pre-wrap;line-height:1.9;color:var(--muted);padding:25px 0}.video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:var(--green)}.form-help{font-size:11px;color:var(--muted);margin-top:7px}.app-loading{min-height:40vh;display:grid;place-items:center;color:var(--muted)}.compact-info{font-size:11px;color:var(--muted)}.admin-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.admin-toolbar h2{margin:0}.danger-button{border:1px solid #d17c8c;background:#fff0ef;color:#9a3b52;border-radius:6px;padding:8px 12px;font-size:11px}.bank-detail{padding:15px;background:var(--soft);border-radius:7px;white-space:pre-wrap;word-break:break-word}.workspace-nav .btn{margin-top:12px}.admin-search{margin:15px 0}.full-row{grid-column:1/-1}@media(max-width:850px){.workspace{grid-template-columns:1fr;gap:20px}.workspace-nav{position:static;display:flex;flex-wrap:wrap;gap:3px;padding:10px}.workspace-nav a{font-size:11px;padding:9px}.workspace .metrics{grid-template-columns:repeat(2,1fr)}.payment-layout{grid-template-columns:1fr}.workspace h1{font-size:34px}.workspace .panel{padding:18px}}@media(max-width:480px){.auth-wrap{margin:30px 18px;padding:24px}.workspace .metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:27px}.edit-form .grid.two{grid-template-columns:1fr}.edit-form .wide{grid-column:auto}.payment-layout>div{padding:22px}.workspace h1{font-size:30px}}
.admin-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.admin-course-card{display:flex;flex-direction:column;gap:14px}.admin-course-card>img{aspect-ratio:16/9;border-radius:8px}.admin-course-card h2{margin:0;font-size:25px}.admin-course-card .btn{margin-top:auto}.course-admin>.admin-toolbar{margin-top:22px}.course-section-links{display:flex;gap:20px;flex-wrap:wrap;padding:16px 0;margin-bottom:20px;border-bottom:1px solid var(--line)}.course-section-links a{font-weight:600;color:var(--green)}.course-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px}.course-summary img{border-radius:9px;aspect-ratio:16/9}.course-summary details{margin-top:15px}.course-summary summary{cursor:pointer;font-weight:600}.course-summary .lesson-body{padding-bottom:0}.course-admin .admin-toolbar{align-items:center;flex-wrap:wrap}.course-admin .admin-toolbar .actions{margin:0;gap:10px}.admin-lesson{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-top:1px solid var(--line)}.chapter-panel h3{font-size:23px}.edit-form .checkbox-line{margin-top:18px}.workspace>section{min-width:0}.app-loading{padding:45px;text-align:center}button:disabled{cursor:wait;opacity:.65}.course-admin h1{overflow-wrap:anywhere}@media(max-width:650px){.admin-course-grid{grid-template-columns:1fr}.course-summary{grid-template-columns:1fr}.admin-lesson{align-items:flex-start;flex-direction:column}.course-admin .admin-toolbar{align-items:flex-start}.course-admin .admin-toolbar .actions{width:100%}.chapter-panel{padding:18px}.workspace-nav a{font-size:14px}}
/* Basic editor and configurable tool terms. */
.rich-editor{margin-top:8px;min-width:0}.rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--soft);border:1px solid var(--line);border-radius:8px 8px 0 0}.rich-toolbar button{min-width:38px;min-height:38px;background:#fff;border:1px solid var(--line);border-radius:5px;color:var(--green);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}.rich-toolbar button:hover,.rich-toolbar button:focus-visible{background:#dcebdc;outline:2px solid var(--green);outline-offset:1px}.rich-canvas{min-height:220px;max-height:55vh;overflow:auto;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;padding:18px;font-size:17px;line-height:1.8;color:var(--ink);overflow-wrap:anywhere;white-space:normal}.rich-canvas:focus{outline:2px solid var(--green);outline-offset:1px}.rich-canvas p,.lesson-body p{margin:0 0 1em}.rich-canvas ul,.rich-canvas ol,.lesson-body ul,.lesson-body ol{padding-left:1.6em;margin:12px 0;list-style-position:outside}.rich-canvas ul,.lesson-body ul{list-style-type:disc}.rich-canvas ol,.lesson-body ol{list-style-type:decimal}.rich-canvas h2,.lesson-body h2{font-size:1.5em;margin:1.2em 0 .5em}.rich-canvas h3,.lesson-body h3{font-size:1.25em;margin:1em 0 .5em}.rich-canvas blockquote,.lesson-body blockquote{border-left:3px solid var(--gold);padding-left:18px;margin:16px 0;color:var(--muted)}.rich-canvas a,.lesson-body a{color:var(--green);text-decoration:underline}.rich-editor textarea[hidden]{display:none}.lesson-body{white-space:normal;overflow-wrap:anywhere}.pricing-editor{background:var(--soft);border:1px solid var(--line);padding:18px;border-radius:10px}.pricing-editor h3{margin:0 0 10px}.price-option-row{display:grid;grid-template-columns:1.4fr 1fr .75fr 1fr auto;gap:12px;align-items:end;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.price-option-row label{min-width:0;font-size:14px!important;margin:0}.price-option-row .danger-button{min-height:44px;margin-bottom:0}.price-option-row input,.price-option-row select{min-width:0;width:100%}.shop-card select{margin-top:8px}.tool-price-list{margin:22px 0;display:grid;gap:10px}.tool-price-list>div{padding:14px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.tool-price-list span{margin-left:auto;color:var(--gold);font-weight:600}.payment-layout>.panel{padding:30px;background:#fff;border:1px solid var(--line);border-radius:14px}.payment-layout .panel .btn{margin-top:18px}.payment-layout .panel .link{display:block;margin-top:20px}@media(max-width:850px){.price-option-row{grid-template-columns:1fr 1fr}.price-option-row label:first-child{grid-column:1/-1}.price-option-row .danger-button{justify-self:start}}@media(max-width:480px){.pricing-editor{padding:12px}.price-option-row{gap:10px}.rich-canvas{font-size:16px;padding:14px}.rich-toolbar{gap:4px;padding:8px}.tool-price-list span{margin-left:0}.admin-toolbar{flex-wrap:wrap}}

dialog:has(.edit-form){width:min(1000px,calc(100% - 32px))}
.category-checks{margin:8px 0 0;padding:16px;border:1px solid var(--line);border-radius:9px;display:flex;flex-wrap:wrap;gap:12px 24px}.category-checks legend{font-size:16px;font-weight:600}.category-checks .checkbox-line{margin:0;display:flex;align-items:center;gap:9px}.category-checks input{width:18px;height:18px}.category-checks .link{flex-basis:100%;font-size:14px}.resources-editor{margin-top:22px;padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.resources-editor h3{margin-bottom:14px}.resource-edit-row{display:grid;grid-template-columns:1fr 1.6fr auto;gap:14px;align-items:end;margin-bottom:18px}.resource-edit-row label{margin:0}.resource-edit-row button{min-height:44px}.resource-edit-row input{min-width:0;width:100%}.lesson-trash summary{cursor:pointer;font-weight:600}.admin-lesson .actions{flex-shrink:0;margin:0;gap:10px}.admin-toolbar>.actions{flex-wrap:wrap}.category-checks .checkbox-line input{width:18px}.resource-link{display:block;padding:12px 0;overflow-wrap:anywhere}@media(max-width:650px){.resource-edit-row{grid-template-columns:1fr}.resource-edit-row button{justify-self:start}.admin-lesson .actions{flex-wrap:wrap}.category-checks{display:grid;grid-template-columns:1fr}}

/* Grouped administration navigation; learner navigation remains independent. */
.workspace:has(>.admin-navigation){grid-template-columns:250px minmax(0,1fr)}
.workspace-nav.admin-navigation{padding:0;overflow:hidden;max-height:calc(100dvh - 120px);display:block}
.admin-nav-heading{padding:14px 18px 12px;border-bottom:1px solid var(--line);background:#fafbf7}
.admin-nav-heading>span{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--muted)}
.admin-nav-heading>strong{display:block;font-size:21px;color:var(--green);margin-top:5px}
.admin-navigation .admin-menu{padding:12px;overflow-y:auto;max-height:calc(100dvh - 198px);scrollbar-width:thin;overscroll-behavior:contain}
.admin-navigation .admin-menu>a,.admin-navigation .admin-nav-footer>a{font-size:15px;padding:11px 12px;line-height:1.55}
.admin-nav-groups{margin-top:10px;border-top:1px solid var(--line);padding-top:7px}
.admin-navigation .admin-nav-group{border:0;border-radius:8px;margin:3px 0;padding:0;background:none}
.admin-nav-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:9px 10px;font-size:15px;font-weight:600;line-height:1.5;color:var(--green);cursor:pointer;border-radius:7px}
.admin-nav-group>summary::-webkit-details-marker{display:none}
.admin-nav-group>summary:hover,.admin-navigation a:not(.current):hover{background:var(--soft)}
.admin-nav-group>summary:focus-visible,.admin-navigation a:focus-visible,.admin-nav-toggle:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
.admin-nav-group[open]>summary{background:var(--soft)}
.nav-chevron{font-size:20px;line-height:1;flex-shrink:0;transition:transform .15s}
.admin-nav-group[open]>summary .nav-chevron,.admin-navigation.is-open .admin-nav-toggle .nav-chevron{transform:rotate(180deg)}
.admin-nav-children{margin:8px 0 10px 10px;padding-left:8px;border-left:2px solid var(--line)}
.admin-navigation .admin-nav-children>a{font-size:14px;line-height:1.55;padding:10px;margin:2px 0}
.admin-navigation a.current{font-weight:600;box-shadow:inset 3px 0 0 #c99b56}
.admin-nav-footer{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.admin-nav-footer .btn{font-size:14px;width:100%;margin-top:10px}
.admin-nav-toggle{display:none}
@media(max-width:850px){
 .workspace:has(>.admin-navigation){grid-template-columns:1fr}
 .workspace-nav.admin-navigation{position:static;max-height:none;padding:0}
 .admin-navigation .admin-nav-heading{display:none}
 .admin-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;padding:15px 18px;background:var(--green);color:#fff;border:0;font-family:inherit;text-align:left;font-size:16px;font-weight:600;cursor:pointer}
 .admin-nav-toggle small{display:block;margin-top:4px;font-size:13px;font-weight:400;opacity:.85}
 .admin-navigation .admin-menu{display:none;max-height:65dvh}
 .admin-navigation.is-open .admin-menu{display:block}
 .admin-navigation .admin-nav-group>summary{font-size:16px}
 .admin-navigation .admin-nav-children>a{font-size:15px}
}

.admin-nav-shortcuts{display:grid;grid-template-columns:1.1fr 1fr;gap:4px;margin-top:5px}.admin-navigation .admin-nav-shortcuts a{padding:10px 5px;font-size:12px;text-align:center;border:1px solid var(--line);border-radius:6px}
/* Structured page editor. */
.cms-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}.cms-page-card{display:flex;align-items:flex-start;flex-direction:column;gap:12px;margin:0!important}.cms-page-card h2{margin:0;font-size:25px}.cms-page-card p{font-size:15px}.cms-page-card .btn{margin-top:auto}.cms-editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:18px 0}.cms-editor-heading h1{font-size:34px}.cms-editor-heading p{font-size:14px;color:var(--muted)}.cms-editor-heading .actions{margin-top:0;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cms-editor-heading .btn{font-size:13px;white-space:nowrap}.cms-help{font-size:14px;margin-bottom:20px;padding:15px;background:var(--soft);border-radius:8px}.cms-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:20px;align-items:start}.cms-block.panel{padding:0;margin-bottom:14px;overflow:hidden}.cms-block>summary{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px;cursor:pointer;list-style:none;background:#fafbf7}.cms-block>summary::-webkit-details-marker{display:none}.cms-block>summary small{display:block;font-size:10px;letter-spacing:.08em;color:var(--gold);margin-bottom:6px}.cms-block>summary strong{font-size:16px;line-height:1.6}.cms-block[open]>summary{border-bottom:1px solid var(--line)}.cms-block-actions{display:flex;gap:7px;flex-wrap:wrap;padding:14px 18px}.cms-block-actions .chip{font-size:13px}.cms-fields{padding:0 18px 18px;display:grid;gap:16px}.cms-fields label{font-size:14px;font-weight:600;display:block}.cms-fields textarea{font-size:15px;resize:vertical;min-height:44px;line-height:1.6}.cms-fields input{font-size:15px}.cms-image-thumb{width:120px;height:80px;object-fit:cover;border:1px solid var(--line);border-radius:6px;margin-top:8px}.cms-repeater{border-top:1px solid var(--line);padding:18px}.cms-repeater h3{font-size:18px;margin-bottom:14px}.cms-repeat-item{border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.cms-repeat-item>summary{padding:12px;font-size:14px;cursor:pointer;overflow-wrap:anywhere}.cms-repeat-item>.actions{padding:0 14px;gap:8px;margin:10px 0}.cms-preview-panel{position:sticky;top:105px;min-width:0;background:#fff;padding:15px;border:1px solid var(--line);border-radius:12px}.cms-preview-panel h2{font-size:23px;margin:0}.cms-preview-panel iframe{width:100%;height:650px;border:1px solid var(--line);border-radius:8px;margin-top:15px;background:#fcfaf6}.cms-add-block h2{font-size:22px;margin:0}.cms-add-block .actions{flex-wrap:wrap;gap:8px}.cms-managed p,.cms-managed h1,.cms-managed h2,.cms-managed h3{white-space:pre-line}.cms-workspace{width:min(1600px,calc(100% - 40px))}.cms-editor{min-width:0}.cms-editor-heading .actions{max-width:480px}.cms-editor button:disabled{cursor:default}@media(max-width:1200px){.cms-editor-layout{grid-template-columns:1fr}.cms-preview-panel{position:static}.cms-preview-panel iframe{height:650px}.cms-editor-heading{flex-wrap:wrap}.cms-editor-heading .actions{justify-content:flex-start;max-width:none}}@media(max-width:600px){.cms-page-grid{grid-template-columns:1fr}.cms-workspace{width:calc(100% - 24px)}.cms-fields{padding:0 14px 14px}.cms-block-actions{padding:12px}.cms-editor-heading h1{font-size:28px}.cms-editor-heading .actions .btn{font-size:12px}}

#cms-preview-banner{padding:9px 14px;text-align:center;background:#fff0d2;color:#754b19;font:600 12px/1.5 sans-serif;letter-spacing:.04em;position:relative;z-index:5}
.payment-config-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px;align-items:start;margin-top:25px}.payment-settings fieldset{border:0;min-width:0;padding:0}.payment-settings h1{font-size:36px}.payment-settings .panel h2{font-size:24px;margin:0 0 18px}.payment-settings .panel h2:not(:first-child){margin-top:28px}.payment-settings label{display:block;margin-top:17px;font-size:15px}.payment-settings label small{display:block;margin-top:6px;font-size:12px;font-weight:400;color:var(--muted)}.payment-settings .checkbox-line{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.payment-settings .checkbox-line input{width:18px;height:18px;flex-shrink:0;margin-top:4px}.payment-settings .actions{flex-wrap:wrap;gap:8px}.payment-settings .btn{font-size:14px}.secret-input{display:flex;gap:8px;align-items:center;margin-top:8px}.secret-input input{min-width:0;flex:1}.secret-input button{flex-shrink:0}.payment-advanced{margin-top:24px;padding:15px;border:1px solid var(--line);border-radius:8px}.payment-advanced>summary{font-size:15px;cursor:pointer;font-weight:600}.payment-enable{padding:16px;background:var(--soft);border-radius:8px;font-weight:600}.payment-mode{padding:12px;border-radius:8px;background:#f8eee2;font-weight:600;font-size:15px}.payment-mode.on{background:#e4f0e6;color:var(--green)}.payment-checks{list-style:none;padding:0;display:grid;gap:13px;margin:20px 0}.payment-checks li{display:flex;gap:9px;font-size:14px;color:var(--muted)}.payment-checks li.ok{color:var(--green)}.payment-settings ol{padding-left:20px;font-size:14px;line-height:1.9}.payment-settings ol li{margin-bottom:12px}.payment-settings [data-webhook-url]{font-size:12px}.payment-settings [data-copy-webhook-url]{margin-top:10px}@media(max-width:1100px){.payment-config-layout{grid-template-columns:1fr}.payment-config-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:600px){.payment-config-layout>aside{grid-template-columns:1fr}.payment-settings .grid.two{grid-template-columns:1fr}.payment-settings h1{font-size:29px}}

.project-admin-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start}
.project-admin-card>img{height:125px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid var(--line)}
.project-admin-card h3{margin:10px 0}
.project-admin-card .actions{margin-top:12px}
.project-admin-card label{display:flex;gap:8px;align-items:center;margin:0}
.project-admin-save{margin-top:24px}
.project-admin-save .btn{width:auto}
@media(max-width:650px){.project-admin-card{grid-template-columns:1fr}.project-admin-card>img{width:100%;height:180px}}
/* One consistent account menu, including notifications and requests. */
.workspace:has(>.account-navigation){grid-template-columns:252px minmax(0,1fr)}
.workspace-nav.account-navigation{display:block;padding:0;overflow:hidden;max-height:calc(100dvh - 120px)}
.account-nav-heading{padding:17px 18px 15px;background:#fafbf7;border-bottom:1px solid var(--line)}
.account-nav-heading>span{display:block;font:600 11px/1.5 var(--font-ui);letter-spacing:.08em;color:var(--muted)}
.account-nav-heading>strong{display:block;margin-top:5px;font:600 18px/1.5 var(--font-ui);color:var(--green)}
.account-menu{padding:12px;max-height:calc(100dvh - 213px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.account-navigation .account-nav-link,.account-navigation .account-nav-logout{display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;margin:2px 0;border-radius:8px;font:500 15px/1.5 var(--font-ui);letter-spacing:normal;color:var(--green);text-align:left;text-decoration:none;transition:background .15s,color .15s}
.account-nav-icon{width:18px;height:18px;flex:none}
.account-nav-link>span,.account-nav-logout>span{min-width:0;overflow-wrap:anywhere}
.account-navigation .account-nav-link.current{background:var(--green);color:#fff;font-weight:600;box-shadow:inset 3px 0 0 #c99b56}
.account-navigation .account-nav-link:not(.current):hover{background:var(--soft)}
.account-nav-groups{margin-top:12px}
.account-nav-group+.account-nav-group{margin-top:13px}
.workspace .account-nav-group h2{font:600 11px/1.5 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 12px 5px}
.account-nav-footer{border-top:1px solid var(--line);margin-top:15px;padding-top:10px}
.account-navigation .account-nav-logout{width:100%;margin-top:10px;border:1px solid #ead7d4;background:#fff8f6;color:#923f49;cursor:pointer}
.account-navigation .account-nav-logout:hover{background:#f8e8e5}
.account-navigation a:focus-visible,.account-nav-logout:focus-visible{outline:2px solid var(--green);outline-offset:-2px}
@media(max-width:850px){
 .workspace:has(>.account-navigation){grid-template-columns:1fr}
 .workspace-nav.account-navigation{position:static;max-height:none}
 .account-menu{max-height:none;padding:12px}
 .account-nav-heading{padding:13px 18px}
 .account-nav-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
 .account-nav-group+.account-nav-group{margin-top:0}
 .account-nav-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px}
 .account-navigation .account-nav-logout{margin-top:2px}
}
@media(max-width:380px){.account-menu{padding:9px}.account-navigation .account-nav-link,.account-navigation .account-nav-logout{gap:8px;padding:10px 8px;font-size:15px}.account-nav-groups,.account-nav-footer{column-gap:5px}}

.network-search{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}
.network-search label{flex:1;min-width:200px;margin:0}
.network-search .btn{width:auto;margin:0}

.profile-additional{margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:10px}
.profile-additional summary{cursor:pointer;font-weight:600}
.profile-extra-fields{margin-top:16px}
.profile-extra-fields textarea{min-height:85px}
@media(max-width:560px){.profile-extra-fields{grid-template-columns:1fr}}

#header .account{width:52px;height:52px;min-width:52px;flex-shrink:0}
#header .account svg{width:28px;height:28px}
#header .account img{width:100%;height:100%;border-radius:50%;object-fit:cover}
#header .header-connect{padding:11px 18px;gap:10px;white-space:nowrap}
.signup-phone-field{margin-top:18px}
.signup-phone-inputs{display:grid;grid-template-columns:minmax(135px,.9fr) minmax(0,1.1fr);gap:10px}
.signup-phone-inputs input,.signup-phone-inputs select{min-width:0}
@media(max-width:600px){#header .account{width:48px;height:48px;min-width:48px}#header .account svg{width:26px;height:26px}}
@media(max-width:420px){.signup-phone-inputs{grid-template-columns:1fr}}

/* Account forms */
.password-input{position:relative}.password-input input{padding-right:54px;width:100%;box-sizing:border-box}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--green,#194c3b);cursor:pointer}
.password-toggle:hover{background:#eee9df}.password-toggle:focus-visible{outline:2px solid #a87936;outline-offset:2px}.password-toggle svg{width:24px;height:24px}.password-toggle .eye-slash{display:none}.password-toggle[aria-pressed="true"] .eye-slash{display:block}
.profile-avatar-editor{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:20px;margin-bottom:24px}.profile-avatar{width:88px;height:88px;border-radius:50%;background:#eee9df;position:relative;overflow:hidden;display:grid;place-items:center;color:#194c3b;font-size:32px}
.avatar-fallback{display:grid;place-items:center;width:100%;height:100%}.profile-avatar img,#header .account.has-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}#header .account.has-avatar{position:relative;overflow:hidden;font-size:23px;flex-shrink:0}
.profile-extra-fields textarea{width:100%;min-height:100px;box-sizing:border-box}.profile-avatar-editor input{width:100%;box-sizing:border-box}
@media(max-width:480px){.profile-avatar-editor{grid-template-columns:1fr;gap:12px}}

.commission-editor{margin:12px 0 0;padding:18px;border:1px solid var(--line);border-radius:10px;min-width:0}.commission-editor legend{padding:0 8px;font-weight:600}.edit-form .commission-editor .grid{margin-top:0}.edit-form .commission-editor label{margin-top:0}.commission-editor input,.commission-editor select{width:100%;box-sizing:border-box}.commission-editor .form-help{margin-top:12px}

/* Editable header menu and two-level dropdowns */
.site-nav-item{position:relative}.site-nav-parent{display:flex;align-items:center;gap:3px}.site-nav-toggle{border:0;background:transparent;color:var(--green);border-radius:6px;cursor:pointer;width:32px;height:36px;font-size:18px}.site-nav-toggle:focus-visible{outline:2px solid var(--gold)}.site-nav-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
#navigation .site-nav-submenu,.navigation-preview .site-nav-submenu{position:absolute;top:100%;left:0;min-width:220px;max-width:320px;padding:8px;background:var(--cream,#fffdf7);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #184d3b22;z-index:100}.site-nav-submenu[hidden]{display:none!important}#navigation .site-nav-submenu a,.navigation-preview .site-nav-submenu a{display:block;padding:12px 14px;white-space:normal;overflow-wrap:anywhere;border-radius:7px}#navigation .site-nav-submenu a:hover{background:#f1ece2}#navigation .site-nav-submenu a.active:after{display:none}
.navigation-item-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.navigation-item.is-child{margin-left:30px;border-left:3px solid var(--gold)}.navigation-item label{display:block;margin-top:12px}.navigation-item input,.navigation-item select{width:100%;box-sizing:border-box}.navigation-preview{margin-top:30px}.navigation-preview .nav-links{display:flex;position:static;flex-wrap:wrap;gap:20px;padding:0;box-shadow:none}.navigation-preview .nav-links a{padding:12px 0}.navigation-preview .site-nav-submenu a{padding:12px 14px}
@media(max-width:1000px){#navigation .site-nav-item{width:100%}#navigation .site-nav-parent>a{flex:1}#navigation .site-nav-submenu{position:static;max-width:none;min-width:0;margin:0 0 8px 16px;box-shadow:none;border:0;border-left:2px solid var(--gold);border-radius:0;padding:0 8px}.navigation-item.is-child{margin-left:15px}}

[data-customer-import] label{display:block;margin:16px 0 8px}[data-customer-import] input,[data-customer-import] select,[data-customer-import] textarea{width:100%;box-sizing:border-box}[data-import-preview] .checkbox-line{display:flex;gap:10px;align-items:flex-start;margin:18px 0}[data-import-preview] .checkbox-line input{width:auto}.import-password{white-space:nowrap;font-size:14px;user-select:all}.google-signin{margin-top:24px}.google-signin .btn{width:100%;justify-content:center}.workspace code{overflow-wrap:anywhere}

/* Account and administration on phones. Wide tables scroll within their panels. */
@media(max-width:760px){
 .workspace,.cms-workspace{width:calc(100% - 24px);grid-template-columns:minmax(0,1fr);gap:20px;padding-top:20px;padding-bottom:40px}
 .workspace>section,.workspace section,.workspace form,.workspace fieldset,.cms-editor-layout>*,.cms-fields>*,.payment-config-layout>*{min-width:0}
 .workspace h1{font-size:clamp(28px,8vw,34px);line-height:1.35;margin-bottom:16px;overflow-wrap:anywhere}
 .workspace h2{font-size:27px;line-height:1.4}.workspace h3{font-size:22px;line-height:1.45}
 .workspace .panel{padding:18px;margin-bottom:18px}
 .workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}
 .metric{min-width:0;padding:16px 12px}.metric strong{font-size:clamp(23px,6.8vw,29px);line-height:1.4;overflow-wrap:anywhere}.metric span{font-size:14px;line-height:1.5}
 .workspace input:not([type="checkbox"]):not([type="radio"]),.workspace select,.workspace textarea{width:100%;font-size:16px}
 .workspace label{font-size:16px;line-height:1.6}.workspace .form-help,.workspace .compact-info,.auth-wrap .form-help{font-size:14px;line-height:1.75}
 .auth-wrap{width:calc(100% - 24px);max-width:460px;margin:26px auto 40px;padding:24px 20px}
 .auth-wrap h1{font-size:32px;line-height:1.3}.auth-wrap>p{font-size:16px!important;line-height:1.75}.auth-wrap .auth-links{font-size:14px;gap:18px;flex-wrap:wrap}
 .auth-wrap .signup-phone-inputs{grid-template-columns:minmax(0,1fr)}
 .password-toggle{width:44px;height:44px;right:4px}.password-input input{padding-right:56px}
 .workspace .grid.two,.edit-form .grid.two,.payment-layout,.payment-config-layout{grid-template-columns:minmax(0,1fr)}
 .admin-toolbar,.cms-editor-heading,.navigation-item-heading{flex-direction:column;align-items:stretch;gap:16px}
 .admin-toolbar .actions,.cms-editor-heading .actions,.navigation-item-heading .actions{flex-wrap:wrap;gap:8px;width:100%}
 .admin-toolbar .actions>.btn,.cms-editor-heading .actions>.btn{flex:1 1 140px}
 .admin-nav-toggle{min-height:54px;font-size:16px}.admin-menu{max-height:65dvh;overscroll-behavior:contain}.admin-menu a,.admin-menu summary{min-height:44px}
 .account-nav-groups,.account-nav-footer{grid-template-columns:minmax(0,1fr)}.account-navigation .account-nav-link,.account-navigation .account-nav-logout{min-height:46px;font-size:16px;line-height:1.6;padding:11px 14px}
 .table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .table-scroll table{min-width:560px;font-size:14px}.table-scroll td,.table-scroll th{padding:12px 10px}.table-scroll .btn,.table-scroll .danger-button{min-height:44px;font-size:14px}
 .payment-layout>div{min-width:0;padding:20px}.payment-code{font-size:20px;overflow-wrap:anywhere}.payment-layout img{max-width:100%;height:auto}
 .tool-price-list>div{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}.tool-price-list span{margin-left:0}.tool-price-list .btn{width:100%}
 .price-option-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 0}.price-option-row .danger-button{justify-self:start}
 .commission-editor{padding:16px;margin-top:16px}.commission-editor legend{font-size:17px}.commission-editor .grid{gap:14px}
 .cms-editor-layout{grid-template-columns:minmax(0,1fr)}.cms-editor-heading .btn{white-space:normal}.cms-block summary>span{min-width:0}.cms-block summary strong{font-size:18px;overflow-wrap:anywhere}.cms-fields,.cms-repeater{padding:14px}.cms-fields textarea{font-size:16px}
 .cms-preview-panel{position:static;padding:12px}.cms-preview-panel iframe{width:100%;min-width:0;height:520px}.cms-repeat-item summary{overflow-wrap:anywhere;line-height:1.65}
 .resource-edit-row{grid-template-columns:minmax(0,1fr)}.course-section-links{gap:8px;flex-wrap:wrap}.course-section-links a{min-height:44px;padding:10px 12px}
 .navigation-item.is-child{margin-left:12px}.navigation-item-heading .actions .chip,.navigation-item-heading .danger-button{min-height:44px}.navigation-preview .nav-links{align-items:stretch;flex-direction:column;gap:0}.navigation-preview .site-nav-submenu{position:static;max-width:none;min-width:0;box-shadow:none}
 [data-customer-import] .grid.two{grid-template-columns:minmax(0,1fr)}[data-customer-import] input[type="file"]{padding:10px;font-size:14px}[data-customer-import] textarea{min-height:180px}
 [data-import-preview] .actions{flex-wrap:wrap}.workspace code{white-space:normal;overflow-wrap:anywhere}.workspace .import-password{white-space:nowrap}
 .profile-avatar-editor{grid-template-columns:72px minmax(0,1fr);gap:14px}.profile-avatar{width:72px;height:72px}.profile-extra-fields{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){
 .workspace .metrics{grid-template-columns:minmax(0,1fr)}
 .auth-wrap{padding:22px 18px}.workspace .panel{padding:16px}.profile-avatar-editor{grid-template-columns:minmax(0,1fr)}
}

.account-nav-toggle{display:none}
@media(max-width:760px){.account-navigation{padding:0}.account-navigation .account-nav-heading{display:none}.account-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;gap:14px;padding:15px 18px;border:0;border-radius:10px;background:var(--green);color:#fff;text-align:left;font:600 16px/1.5 var(--font-ui);cursor:pointer}.account-nav-toggle small{display:block;margin-top:5px;font-size:14px;font-weight:400}.account-nav-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.account-navigation:not(.is-open)>.account-menu{display:none}.account-navigation.is-open>.account-menu{display:block;max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}}

.course-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}
.course-card-actions>.btn{margin:0;min-height:44px;padding:10px 12px;font-size:15px}
.course-card-actions>.course-delete{border-color:#d9697b;color:#a5364c}

.course-card-status{display:flex;flex-wrap:wrap;gap:8px}
.course-card-status>span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:6px;background:#f0eee8;color:#656b63;font-size:13px;line-height:1.5}
.course-card-status>.is-public{background:#e8f1e7;color:var(--green)}

/* Course display preferences apply only to the administration catalog. */
.course-view-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0 16px}
.course-view-bar>span{font-size:15px;color:var(--muted)}
.course-view-switch{display:inline-flex;padding:4px;gap:4px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.course-view-switch>button{min-height:40px;padding:8px 16px;border:0;border-radius:6px;background:transparent;color:var(--green);font:500 15px/1.5 var(--font-ui);cursor:pointer}
.course-view-switch>button[aria-pressed="true"]{background:var(--green);color:#fff}
.admin-course-grid.is-list{grid-template-columns:minmax(0,1fr);gap:12px}
.is-list>.admin-course-card{display:grid;grid-template-columns:76px minmax(0,1fr) 125px 184px;gap:10px 16px;align-items:center;padding:20px;margin:0}
.is-list>.admin-course-card>img{grid-column:1;grid-row:1 / span 2;width:76px;height:64px;aspect-ratio:auto;object-fit:cover;margin:0}
.is-list>.admin-course-card>h2{grid-column:2;grid-row:1;font-size:22px;line-height:1.35;overflow-wrap:anywhere}
.is-list .course-card-price{grid-column:3;grid-row:1;font-size:17px;font-weight:600;color:var(--green)}
.is-list .course-card-status{grid-column:2;grid-row:2;gap:6px}
.is-list .course-card-status>span{font-size:12px;padding:3px 8px;min-height:26px}
.is-list .course-card-meta{grid-column:3;grid-row:2;font-size:13px;line-height:1.6;margin:0}
.is-list .course-card-summary{display:none}
.is-list .course-card-actions{grid-column:4;grid-row:1 / span 2;margin:0;align-self:center}
@media(max-width:1100px){
 .is-list>.admin-course-card{grid-template-columns:64px minmax(0,1fr) 184px;padding:18px}
 .is-list>.admin-course-card>img{width:64px;height:56px}
 .is-list .course-card-price{grid-column:2;grid-row:2}
 .is-list .course-card-status{grid-column:2;grid-row:3}
 .is-list .course-card-meta{grid-column:3;grid-row:3}
 .is-list .course-card-actions{grid-column:3;grid-row:1 / span 2}
}
@media(max-width:760px){
 .course-view-bar{gap:10px}.course-view-switch>button{min-height:44px;padding:9px 14px}
 .is-list>.admin-course-card{grid-template-columns:64px minmax(0,1fr);gap:10px 14px;padding:18px}
 .is-list>.admin-course-card>h2{font-size:21px}
 .is-list .course-card-status{grid-column:1/-1;grid-row:3}
 .is-list .course-card-meta{grid-column:1/-1;grid-row:4}
 .is-list .course-card-actions{grid-column:1/-1;grid-row:5}
}

/* Keep management table content readable instead of inheriting legacy 11–12px text. */
.workspace .table-scroll table{font-size:17px;line-height:1.65}
.workspace .table-scroll th{font-size:17px;font-weight:600}
.workspace .table-scroll td,.workspace .table-scroll th{padding:16px 14px;vertical-align:middle}
.workspace .table-scroll td small{font-size:15px;line-height:1.65;margin-top:4px}
.workspace .table-scroll .btn,.workspace .table-scroll .danger-button{font-size:16px;line-height:1.5;min-height:44px;padding:10px 14px}
.workspace .table-scroll .danger-button{white-space:nowrap}
.workspace .form-help,.workspace .compact-info{font-size:16px;line-height:1.7}
.workspace .course-card-status>span{font-size:15px;line-height:1.5}
.workspace .is-list .course-card-meta{font-size:15px;line-height:1.65}
@media(max-width:760px){
 .workspace .table-scroll table,.workspace .table-scroll th{font-size:16px}
 .workspace .table-scroll td,.workspace .table-scroll th{padding:14px 12px}
 .workspace .form-help,.workspace .compact-info{font-size:15px}
}

/* Compact dropdown navigation with clear item, hover and keyboard-focus states. */
.site-nav-parent{gap:5px}
.site-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;transition:background .18s,color .18s}
.site-nav-toggle>span{display:block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;font-size:0;transform:rotate(45deg);transition:transform .18s;margin-top:-4px}
.site-nav-toggle[aria-expanded="true"]>span{transform:rotate(225deg);margin-top:3px}
.site-nav-toggle:hover,.site-nav-toggle[aria-expanded="true"]{background:var(--soft);color:var(--gold)}
#navigation .site-nav-submenu,.navigation-preview .site-nav-submenu{top:calc(100% + 8px);left:-8px;min-width:236px;max-width:min(288px,calc(100vw - 32px));padding:8px;background:#fffdf9;border:1px solid #e8e2d6;border-radius:14px;box-shadow:0 16px 40px #103d301a,0 3px 10px #103d3008}
#navigation .site-nav-submenu a,.navigation-preview .site-nav-submenu a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;padding:10px 12px;border-radius:9px;font-size:16px;font-weight:500;line-height:1.5;color:var(--green);transition:background .18s,color .18s}
#navigation .site-nav-submenu a::after,.navigation-preview .site-nav-submenu a::after{content:'→';position:static;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin:0;border-radius:7px;background:var(--soft);color:var(--gold);font:18px/1 Arial}
#navigation .site-nav-submenu a:hover,.navigation-preview .site-nav-submenu a:hover{background:#edf3e9;color:var(--deep)}
#navigation .site-nav-submenu a:focus-visible,.navigation-preview .site-nav-submenu a:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;background:#edf3e9}
#navigation .site-nav-submenu a.active,.navigation-preview .site-nav-submenu a.active{background:var(--green);color:#fff}
#navigation .site-nav-submenu a.active::after,.navigation-preview .site-nav-submenu a.active::after{display:grid;background:#ffffff18;color:#f2dfbb}
@media(min-width:1001px){#navigation .site-nav-item:last-child>.site-nav-submenu{left:auto;right:0}}
@media(max-width:1000px){
 #navigation .site-nav-parent{gap:8px}
 #navigation .site-nav-toggle{width:44px;height:44px;flex:0 0 44px}
 #navigation .site-nav-submenu{position:static;min-width:0;max-width:none;margin:4px 0 10px 12px;padding:6px;border:1px solid var(--line);border-left:2px solid #c7a272;border-radius:10px;box-shadow:none;background:#fffdf9}
 #navigation .site-nav-submenu a{min-height:48px;padding:10px 12px;font-size:16px}
}

/* Keep course-list header actions together instead of distributing them across the toolbar. */
.admin-toolbar .course-list-actions{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin:0;flex-shrink:0}.admin-toolbar .course-list-actions>.btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;white-space:nowrap}@media(max-width:650px){.admin-toolbar .course-list-actions{width:100%}.admin-toolbar .course-list-actions>.btn{flex:0 1 auto;font-size:16px;line-height:1.5;padding:11px 14px}}