.kt-pwa-app{--kt-primary:#0f6b9b;--kt-accent:#13a0a5;--kt-ink:#0c2a3a;--kt-muted:#637381;--kt-soft:#f3f8fb;--kt-border:#dbe7ee;--kt-danger:#b42318;max-width:1120px;margin:22px auto;padding:0 14px;color:var(--kt-ink);font-family:inherit;box-sizing:border-box}.kt-pwa-app *{box-sizing:border-box}.kt-pwa-nav{position:sticky;top:0;z-index:10;display:flex;gap:6px;padding:8px;margin:0 0 18px;background:rgba(255,255,255,.96);border:1px solid var(--kt-border);border-radius:16px;box-shadow:0 8px 24px rgba(17,58,78,.06);backdrop-filter:blur(10px)}.kt-pwa-nav a{flex:1;display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;border-radius:11px;text-decoration:none!important;color:var(--kt-muted);font-weight:800}.kt-pwa-nav a.is-active{background:var(--kt-primary);color:#fff}.kt-pwa-page-head{display:flex;justify-content:space-between;gap:22px;padding:26px;margin-bottom:16px;border-radius:22px;background:linear-gradient(135deg,#eaf7fb,#f5fbfb);border:1px solid var(--kt-border)}.kt-pwa-page-head span,.kt-pwa-course-copy>span,.kt-pwa-lesson-kicker{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--kt-primary)}.kt-pwa-page-head h1,.kt-pwa-course-copy h1,.kt-pwa-lesson-content h1{margin:5px 0 8px;color:var(--kt-ink);line-height:1.12}.kt-pwa-page-head p,.kt-pwa-course-copy p{margin:0;max-width:760px;color:var(--kt-muted)}.kt-pwa-notice,.kt-pwa-empty,.kt-pwa-login-card{padding:14px 16px;margin:0 0 16px;border:1px solid var(--kt-border);border-radius:14px;background:#fff}.kt-pwa-notice.is-success{border-color:#a9dbbf;background:#effaf4;color:#166534}.kt-pwa-notice.is-error{border-color:#f3bbb7;background:#fff4f3;color:var(--kt-danger)}
.kt-pwa-composer{margin-bottom:16px;padding:18px;border:1px solid var(--kt-border);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(17,58,78,.05)}.kt-pwa-composer-top{display:flex;gap:12px}.kt-pwa-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover}.kt-pwa-compose-main{flex:1;min-width:0}.kt-pwa-compose-main textarea{width:100%;min-height:110px;padding:12px 0;border:0;border-bottom:1px solid var(--kt-border);outline:0;resize:vertical;font:inherit;font-size:16px;color:var(--kt-ink);background:transparent}.kt-pwa-compose-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;margin-top:12px}.kt-pwa-compose-row label{display:grid;gap:5px;font-size:12px;font-weight:800;color:var(--kt-muted)}.kt-pwa-compose-row input,.kt-pwa-compose-row select{width:100%;min-height:42px;border:1px solid var(--kt-border);border-radius:10px;padding:8px 10px;background:#fff;color:var(--kt-ink)}.kt-pwa-location-options{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:12px;color:var(--kt-muted)}.kt-pwa-location-options label{display:flex;gap:6px;align-items:center}.kt-pwa-location-options span{font-weight:700;color:var(--kt-primary)}.kt-pwa-compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.kt-pwa-compose-actions button,.kt-pwa-primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 16px;border:0;border-radius:999px;background:var(--kt-primary);color:#fff!important;text-decoration:none!important;font-weight:800;cursor:pointer}.kt-pwa-compose-actions>a{font-weight:800;text-decoration:none!important}.kt-pwa-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid var(--kt-border);border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;background:var(--kt-soft)}.kt-pwa-file-button input{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}.kt-pwa-edit-media{margin-top:12px;padding:10px;border-radius:12px;background:var(--kt-soft)}.kt-pwa-edit-media>strong{display:block;margin-bottom:8px}.kt-pwa-edit-media>div{display:flex;gap:8px;flex-wrap:wrap}.kt-pwa-edit-media label{position:relative;display:grid;gap:3px}.kt-pwa-edit-media img{width:76px;height:76px;object-fit:cover;border-radius:9px}.kt-pwa-edit-media span{font-size:11px}
.kt-pwa-feed{display:grid;gap:12px}.kt-pwa-kabar-card{padding:18px;border:1px solid var(--kt-border);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(17,58,78,.04)}.kt-pwa-card-author{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.kt-pwa-card-author>img{width:44px;height:44px;border-radius:50%;object-fit:cover}.kt-pwa-card-author>div{display:grid;min-width:0}.kt-pwa-card-author strong{font-size:14px}.kt-pwa-card-author span{font-size:12px;color:var(--kt-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kt-pwa-card-author>b{padding:5px 9px;border-radius:999px;background:#eaf6fb;color:var(--kt-primary);font-size:11px}.kt-pwa-location-pill{display:inline-flex;align-items:center;gap:5px;margin:10px 0 0 54px;padding:4px 8px;border-radius:999px;background:var(--kt-soft);color:var(--kt-muted);font-size:12px}.kt-pwa-status{margin:12px 0 0 54px;font-size:15px;line-height:1.65;word-wrap:break-word}.kt-pwa-media-grid{display:grid;gap:5px;margin:14px 0 0 54px;border-radius:14px;overflow:hidden}.kt-pwa-media-grid.is-1{grid-template-columns:1fr}.kt-pwa-media-grid.is-2{grid-template-columns:repeat(2,1fr)}.kt-pwa-media-grid.is-3,.kt-pwa-media-grid.is-4{grid-template-columns:repeat(2,1fr)}.kt-pwa-media-grid a{display:block;min-height:160px;background:#eef3f6}.kt-pwa-media-grid img{display:block;width:100%;height:100%;max-height:430px;object-fit:cover}.kt-pwa-card-actions{display:flex;align-items:center;gap:16px;margin:14px 0 0 54px;padding-top:10px;border-top:1px solid var(--kt-border);font-size:12px;color:var(--kt-muted)}.kt-pwa-card-actions a{margin-left:auto;text-decoration:none!important;font-weight:800}.kt-pwa-card-actions form{margin:0}.kt-pwa-card-actions button{padding:0;border:0;background:transparent;color:var(--kt-danger);font:inherit;font-weight:800;cursor:pointer}.kt-pwa-pagination ul{display:flex;gap:6px;justify-content:center;list-style:none;padding:0;margin:18px 0}.kt-pwa-pagination a,.kt-pwa-pagination span{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--kt-border);border-radius:9px;text-decoration:none}.kt-pwa-pagination .current{background:var(--kt-primary);color:#fff}
.kt-pwa-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:5px;border:1px solid var(--kt-border);border-radius:14px;background:#fff}.kt-pwa-tabs a{flex:0 0 auto;padding:9px 14px;border-radius:10px;text-decoration:none!important;color:var(--kt-muted);font-weight:800}.kt-pwa-tabs a.is-active{background:var(--kt-soft);color:var(--kt-primary)}.kt-pwa-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kt-pwa-course-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--kt-border);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(17,58,78,.05)}.kt-pwa-course-image{aspect-ratio:16/9;background:var(--kt-soft);overflow:hidden}.kt-pwa-course-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.kt-pwa-course-image:hover img{transform:scale(1.02)}.kt-pwa-course-body{display:flex;flex-direction:column;flex:1;padding:16px}.kt-pwa-course-meta{display:flex;gap:7px;flex-wrap:wrap;color:var(--kt-muted);font-size:11px}.kt-pwa-course-meta span{padding:4px 7px;border-radius:999px;background:var(--kt-soft)}.kt-pwa-course-card h2{margin:10px 0 7px;font-size:19px;line-height:1.25}.kt-pwa-course-card h2 a{color:var(--kt-ink);text-decoration:none!important}.kt-pwa-course-card p{margin:0 0 12px;color:var(--kt-muted);font-size:13px;line-height:1.55}.kt-pwa-progress{height:7px;overflow:hidden;border-radius:99px;background:#e9eef2}.kt-pwa-progress i{display:block;height:100%;background:var(--kt-accent);border-radius:99px}.kt-pwa-course-card small{display:block;margin-top:5px;color:var(--kt-muted)}.kt-pwa-course-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px}.kt-pwa-course-foot a{padding:7px 10px;border-radius:9px;background:var(--kt-soft);color:var(--kt-primary);text-decoration:none!important;font-weight:800}.kt-pwa-back{display:inline-block;margin:0 0 12px;text-decoration:none!important;font-weight:800}.kt-pwa-course-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:20px;align-items:center;padding:24px;margin-bottom:16px;border:1px solid var(--kt-border);border-radius:22px;background:linear-gradient(135deg,#f1f9fc,#fff)}.kt-pwa-course-cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px}.kt-pwa-course-copy .kt-pwa-progress{margin-top:16px;max-width:520px}.kt-pwa-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.kt-pwa-content-card,.kt-pwa-enroll-card,.kt-pwa-section{padding:20px;margin-bottom:14px;border:1px solid var(--kt-border);border-radius:18px;background:#fff}.kt-pwa-content-card h2,.kt-pwa-enroll-card h2,.kt-pwa-section h2{margin-top:0}.kt-pwa-enroll-card{position:sticky;top:72px}.kt-pwa-price{display:block;margin-bottom:14px;font-size:24px}.kt-pwa-enroll-card .kt-pwa-primary-button{width:100%}.kt-pwa-enroll-card p{font-size:12px;color:var(--kt-muted);line-height:1.5}.kt-pwa-action-form{margin:0}.kt-pwa-lesson-list{display:grid;gap:8px}.kt-pwa-lesson-list>a{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--kt-border);border-radius:12px;text-decoration:none!important;color:var(--kt-ink)}.kt-pwa-lesson-list>a>b{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--kt-soft);color:var(--kt-primary)}.kt-pwa-lesson-list>a span{display:grid}.kt-pwa-lesson-list>a small{color:var(--kt-muted)}.kt-pwa-lesson-list>a em{font-style:normal;font-size:11px;font-weight:800;color:var(--kt-primary)}.kt-pwa-lesson-list>a.is-locked{opacity:.55;pointer-events:none}
.kt-pwa-learning{max-width:1280px}.kt-pwa-learn-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;border:1px solid var(--kt-border);border-radius:14px;background:#fff}.kt-pwa-learn-head>a{text-decoration:none!important;font-weight:800}.kt-pwa-learn-head>div{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--kt-muted)}.kt-pwa-learn-head strong{font-size:16px;color:var(--kt-primary)}.kt-pwa-learn-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:14px;align-items:start}.kt-pwa-curriculum{position:sticky;top:72px;display:grid;gap:6px;padding:14px;border:1px solid var(--kt-border);border-radius:16px;background:#fff;max-height:calc(100vh - 90px);overflow:auto}.kt-pwa-curriculum h2{margin:0 0 7px;font-size:16px}.kt-pwa-curriculum a{display:grid;grid-template-columns:28px 1fr 18px;gap:8px;align-items:center;padding:9px;border-radius:10px;text-decoration:none!important;color:var(--kt-ink);font-size:13px}.kt-pwa-curriculum a.is-current{background:var(--kt-soft);color:var(--kt-primary);font-weight:800}.kt-pwa-curriculum b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf3f6}.kt-pwa-curriculum i{font-style:normal;color:#198754}.kt-pwa-lesson-content{min-height:70vh;padding:26px;border:1px solid var(--kt-border);border-radius:18px;background:#fff}.kt-pwa-video{position:relative;aspect-ratio:16/9;margin:18px 0;overflow:hidden;border-radius:14px;background:#000}.kt-pwa-video iframe{position:absolute;inset:0;width:100%;height:100%}.kt-pwa-lesson-text{font-size:16px;line-height:1.75}.kt-pwa-lesson-text img{max-width:100%;height:auto}.kt-pwa-file-link{display:inline-flex;margin-top:16px;padding:9px 13px;border:1px solid var(--kt-border);border-radius:10px;text-decoration:none!important;font-weight:800}.kt-pwa-lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid var(--kt-border)}.kt-pwa-complete-badge{padding:8px 12px;border-radius:999px;background:#eaf8ef;color:#166534;font-weight:800}.kt-pwa-certificate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kt-pwa-certificate-grid article{padding:20px;border:1px solid var(--kt-border);border-radius:18px;background:linear-gradient(135deg,#fff,#f3fafc)}.kt-pwa-certificate-grid article>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--kt-primary)}.kt-pwa-certificate-grid h2{margin:8px 0}.kt-pwa-certificate-grid p{color:var(--kt-muted)}
@media(max-width:920px){.kt-pwa-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kt-pwa-course-layout{grid-template-columns:1fr}.kt-pwa-enroll-card{position:static}.kt-pwa-learn-layout{grid-template-columns:1fr}.kt-pwa-curriculum{position:static;max-height:none}.kt-pwa-course-hero{grid-template-columns:1fr}}
@media(max-width:640px){.kt-pwa-app{margin:10px auto;padding:0 8px}.kt-pwa-nav{border-radius:12px}.kt-pwa-page-head{padding:18px;border-radius:16px}.kt-pwa-composer{padding:13px}.kt-pwa-composer-top{display:block}.kt-pwa-avatar{display:none}.kt-pwa-compose-row{grid-template-columns:1fr}.kt-pwa-location-options{display:grid;gap:8px}.kt-pwa-compose-actions{display:grid;grid-template-columns:1fr}.kt-pwa-compose-actions button,.kt-pwa-file-button{width:100%}.kt-pwa-card-author{grid-template-columns:40px 1fr auto}.kt-pwa-card-author>img{width:40px;height:40px}.kt-pwa-location-pill,.kt-pwa-status,.kt-pwa-media-grid,.kt-pwa-card-actions{margin-left:0}.kt-pwa-card-actions{gap:10px;overflow-x:auto}.kt-pwa-course-grid,.kt-pwa-certificate-grid{grid-template-columns:1fr}.kt-pwa-course-hero{padding:17px}.kt-pwa-lesson-content{padding:18px}.kt-pwa-tabs{border-radius:12px}}
.kt-pwa-feed-reason{display:flex;align-items:center;gap:8px;margin:-6px 0 14px;padding:9px 12px;border-radius:12px;background:var(--kt-soft);color:var(--kt-muted);font-size:12px;font-weight:700}.kt-pwa-mixed-feed{max-width:780px;margin:0 auto}.kt-pwa-article-card{overflow:hidden;border:1px solid var(--kt-border);border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(17,58,78,.04)}.kt-pwa-article-card>.kt-pwa-card-author{padding:16px 18px 0}.kt-pwa-avatar-link{display:block;width:44px;height:44px;border-radius:50%;overflow:hidden}.kt-pwa-avatar-link img{display:block;width:100%!important;height:100%!important;object-fit:cover}.kt-pwa-card-author strong a{color:var(--kt-ink);text-decoration:none!important}.kt-pwa-article-image{display:block;margin:14px 18px 0;aspect-ratio:16/8.5;overflow:hidden;border-radius:14px;background:var(--kt-soft)}.kt-pwa-article-image img{display:block;width:100%;height:100%;object-fit:cover}.kt-pwa-article-body{padding:15px 18px 18px}.kt-pwa-article-body h2{margin:0 0 8px;font-size:21px;line-height:1.28}.kt-pwa-article-body h2 a{color:var(--kt-ink);text-decoration:none!important}.kt-pwa-article-body p{margin:0;color:var(--kt-muted);line-height:1.62}.kt-pwa-topic-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.kt-pwa-topic-row span{padding:4px 8px;border-radius:999px;background:var(--kt-soft);color:var(--kt-primary);font-size:11px;font-weight:800}.kt-pwa-article-body .kt-pwa-card-actions{margin-left:0}.kt-pwa-simple-pagination{display:flex;justify-content:center;gap:8px;margin-top:16px}.kt-pwa-simple-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--kt-border);border-radius:10px;background:#fff;text-decoration:none!important;font-weight:800}.kt-pwa-kabar-card.is-mixed{max-width:none}.kt-pwa-profile-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start;padding:24px;margin-bottom:16px;border:1px solid var(--kt-border);border-radius:22px;background:linear-gradient(135deg,#f4fafc,#fff);box-shadow:0 8px 26px rgba(17,58,78,.04)}.kt-pwa-profile-avatar{width:150px;height:150px;border-radius:34px;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 28px rgba(17,58,78,.12)}.kt-pwa-profile-main{min-width:0}.kt-pwa-profile-name-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.kt-pwa-profile-name-row h1{margin:3px 0 0;font-size:30px;line-height:1.1}.kt-pwa-profile-name-row>div>span{color:var(--kt-muted)}.kt-pwa-mutual-badge{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#e8f7f2;color:#16745d;font-size:11px;font-weight:900}.kt-pwa-profile-bio{max-width:700px;margin:13px 0;color:var(--kt-ink);line-height:1.6}.kt-pwa-profile-stats{display:flex;gap:18px;align-items:stretch;flex-wrap:wrap;margin-top:14px}.kt-pwa-profile-stats>a,.kt-pwa-profile-stats>div{display:grid;min-width:72px;text-decoration:none!important;color:var(--kt-ink)}.kt-pwa-profile-stats strong{font-size:19px}.kt-pwa-profile-stats span{font-size:11px;color:var(--kt-muted);font-weight:700}.kt-pwa-profile-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.kt-pwa-social-form{margin:0}.kt-pwa-social-button{min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--kt-border);font:inherit;font-size:13px;font-weight:900;cursor:pointer}.kt-pwa-social-button.is-primary{background:var(--kt-primary);border-color:var(--kt-primary);color:#fff}.kt-pwa-social-button.is-secondary{background:#fff;color:var(--kt-primary)}.kt-pwa-social-button.is-danger{background:#fff;color:var(--kt-danger);border-color:#f0c2bf}.kt-pwa-social-button:disabled{opacity:.58;cursor:wait}.kt-pwa-action-state{font-size:12px;color:var(--kt-muted)}.kt-pwa-profile-self{margin-top:14px;color:var(--kt-muted);font-size:12px;font-weight:800}.kt-pwa-profile-section{padding:20px;margin:0 0 16px;border:1px solid var(--kt-border);border-radius:20px;background:#fff}.kt-pwa-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.kt-pwa-section-title span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--kt-primary)}.kt-pwa-section-title h2{margin:3px 0 0;font-size:21px}.kt-pwa-section-title>a{text-decoration:none!important;font-weight:800}.kt-pwa-profile-courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kt-pwa-profile-course{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--kt-border);border-radius:15px;background:#fff}.kt-pwa-profile-course>a{display:block;aspect-ratio:16/9;background:var(--kt-soft);overflow:hidden}.kt-pwa-profile-course>a img{width:100%;height:100%;object-fit:cover}.kt-pwa-profile-course>div{padding:12px}.kt-pwa-profile-course>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--kt-muted);font-weight:800}.kt-pwa-profile-course h3{margin:5px 0 10px;font-size:15px;line-height:1.35}.kt-pwa-profile-course h3 a{color:var(--kt-ink);text-decoration:none!important}.kt-pwa-profile-course small{display:block;margin-top:5px;color:var(--kt-muted)}.kt-pwa-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kt-pwa-person-card{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;padding:12px;border:1px solid var(--kt-border);border-radius:14px;text-decoration:none!important;color:var(--kt-ink);transition:transform .15s ease,border-color .15s ease}.kt-pwa-person-card:hover{transform:translateY(-1px);border-color:#bfd6e3}.kt-pwa-person-card img{width:58px;height:58px;border-radius:16px;object-fit:cover}.kt-pwa-person-card>div{display:grid;min-width:0}.kt-pwa-person-card span,.kt-pwa-person-card small{color:var(--kt-muted);font-size:11px}.kt-pwa-fyp-tabs{max-width:780px;margin-left:auto;margin-right:auto}
@media(max-width:920px){.kt-pwa-profile-courses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kt-pwa-nav{overflow-x:auto;justify-content:flex-start}.kt-pwa-nav a{flex:0 0 auto;min-width:76px}.kt-pwa-profile-hero{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:16px}.kt-pwa-profile-avatar{width:76px;height:76px;border-radius:22px}.kt-pwa-profile-name-row{align-items:flex-start}.kt-pwa-profile-name-row h1{font-size:22px}.kt-pwa-mutual-badge{padding:5px 7px;font-size:9px}.kt-pwa-profile-bio,.kt-pwa-profile-stats,.kt-pwa-profile-actions,.kt-pwa-profile-self{grid-column:1/-1}.kt-pwa-profile-stats{gap:12px}.kt-pwa-profile-courses,.kt-pwa-people-grid{grid-template-columns:1fr}.kt-pwa-profile-section{padding:14px;border-radius:16px}.kt-pwa-article-card>.kt-pwa-card-author{padding:13px 13px 0}.kt-pwa-article-image{margin:12px 13px 0}.kt-pwa-article-body{padding:13px}.kt-pwa-article-body h2{font-size:18px}.kt-pwa-article-body p{font-size:13px}}
.kt-pwa-inline-follow{margin-left:auto;display:flex;align-items:center;gap:6px}.kt-pwa-inline-follow .kt-pwa-social-button{min-height:30px;padding:4px 10px;font-size:11px}.kt-pwa-inline-follow .kt-pwa-action-state{display:none}.kt-pwa-inline-follow+.kt-pwa-card-actions>a{margin-left:0}
@media(max-width:640px){.kt-pwa-avatar-link{width:40px;height:40px}.kt-pwa-inline-follow{margin-left:auto}.kt-pwa-inline-follow .kt-pwa-social-button{white-space:nowrap}}

/* LMS 2.6 — fast learning dashboard + focused lesson mode */
.kt-pwa-lms-head{align-items:center;background:linear-gradient(135deg,#edf8fb 0%,#f8fbfd 55%,#eefaf6 100%)}
.kt-pwa-head-cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:12px;background:var(--kt-primary);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 8px 22px rgba(15,107,155,.16)}
.kt-pwa-learning-overview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:14px;margin:0 0 18px;padding:18px;border:1px solid var(--kt-border);border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(17,58,78,.045)}
.kt-pwa-learning-overview.is-empty{grid-template-columns:1fr auto;align-items:center;background:linear-gradient(135deg,#fff,#f4fafc)}
.kt-pwa-learning-overview.is-empty h2{margin:4px 0 6px}.kt-pwa-learning-overview.is-empty p{margin:0;color:var(--kt-muted)}
.kt-pwa-learning-overview.is-empty>div>span,.kt-pwa-continue-course>span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:var(--kt-primary)}
.kt-pwa-continue-course{padding:4px 4px 4px 2px}.kt-pwa-continue-course h2{margin:5px 0 12px;font-size:22px}.kt-pwa-continue-course p{margin:7px 0 12px;color:var(--kt-muted);font-size:13px}.kt-pwa-continue-course p strong{color:var(--kt-ink)}
.kt-pwa-progress.is-lg{height:9px}.kt-pwa-learning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-self:stretch}.kt-pwa-learning-stats>div{display:flex;flex-direction:column;justify-content:center;min-height:92px;padding:12px;border-radius:14px;background:var(--kt-soft);text-align:center}.kt-pwa-learning-stats strong{font-size:25px;line-height:1}.kt-pwa-learning-stats span{margin-top:7px;color:var(--kt-muted);font-size:11px;font-weight:800}
.kt-pwa-course-filter{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr) auto;gap:10px;align-items:end;margin-bottom:16px;padding:14px;border:1px solid var(--kt-border);border-radius:16px;background:#fff}.kt-pwa-course-filter label{display:grid;gap:5px}.kt-pwa-course-filter label>span{font-size:11px;font-weight:900;color:var(--kt-muted)}.kt-pwa-course-filter input,.kt-pwa-course-filter select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--kt-border);border-radius:10px;background:#fff;color:var(--kt-ink);font:inherit}.kt-pwa-course-filter input:focus,.kt-pwa-course-filter select:focus{outline:2px solid rgba(15,107,155,.16);border-color:var(--kt-primary)}.kt-pwa-course-filter button{min-height:42px;padding:9px 15px;border:0;border-radius:10px;background:var(--kt-ink);color:#fff;font:inherit;font-weight:900;cursor:pointer}
.kt-pwa-course-card[hidden]{display:none!important}.kt-pwa-course-image{position:relative;display:block}.kt-pwa-course-image>em{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:999px;background:rgba(12,42,58,.88);color:#fff;font-size:11px;font-style:normal;font-weight:900;backdrop-filter:blur(4px)}.kt-pwa-course-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#eaf7fb,#edf8f2);color:var(--kt-primary);font-weight:900;letter-spacing:.04em}.kt-pwa-course-by{font-size:11px!important;font-weight:800}.kt-pwa-course-foot a.is-primary{background:var(--kt-primary);color:#fff}.kt-pwa-course-foot strong{font-size:12px}.kt-pwa-course-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.kt-pwa-course-card:hover{transform:translateY(-2px);border-color:#c5dce7;box-shadow:0 12px 30px rgba(17,58,78,.08)}
.kt-pwa-enroll-label{display:block;margin-bottom:3px;color:var(--kt-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.kt-pwa-course-benefits{display:grid;gap:8px;margin:16px 0 0;padding:14px 0 0;list-style:none;border-top:1px solid var(--kt-border)}.kt-pwa-course-benefits li{position:relative;padding-left:20px;color:var(--kt-muted);font-size:12px}.kt-pwa-course-benefits li:before{content:'✓';position:absolute;left:0;color:#198754;font-weight:900}
.kt-pwa-primary-button:disabled{opacity:.55;cursor:not-allowed}
.kt-pwa-learning{max-width:1320px;margin:12px auto}.kt-pwa-focusbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 14px;border:1px solid var(--kt-border);border-radius:15px 15px 0 0;background:rgba(255,255,255,.97);box-shadow:0 8px 24px rgba(17,58,78,.06);backdrop-filter:blur(12px)}.kt-pwa-focusbar>a{font-size:12px;text-decoration:none!important;font-weight:900}.kt-pwa-focusbar>div{display:grid;min-width:0;text-align:center}.kt-pwa-focusbar>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900}.kt-pwa-focusbar>div strong{font-size:10px;color:var(--kt-muted)}.kt-pwa-focusbar button{display:none;min-height:38px;padding:7px 10px;border:1px solid var(--kt-border);border-radius:9px;background:#fff;color:var(--kt-ink);font:inherit;font-size:11px;font-weight:900}.kt-pwa-focus-progress{height:5px;overflow:hidden;background:#e8eff2}.kt-pwa-focus-progress i{display:block;height:100%;background:var(--kt-accent);transition:width .25s ease}
.kt-pwa-learning .kt-pwa-learn-layout{grid-template-columns:300px minmax(0,1fr);gap:14px;margin-top:14px}.kt-pwa-learning .kt-pwa-curriculum{top:74px;max-height:calc(100vh - 92px);overflow:auto;padding:12px}.kt-pwa-curriculum-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:4px 5px 10px}.kt-pwa-curriculum-head span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--kt-primary);font-weight:900}.kt-pwa-curriculum-head h2{margin:2px 0 0;font-size:18px}.kt-pwa-curriculum-head small{color:var(--kt-muted);font-weight:800}.kt-pwa-learning .kt-pwa-curriculum>a{grid-template-columns:30px minmax(0,1fr) 20px;padding:9px}.kt-pwa-learning .kt-pwa-curriculum>a span{font-size:12px;line-height:1.35}.kt-pwa-learning .kt-pwa-lesson-content{max-width:900px;width:100%;margin:0 auto;padding:34px 42px;box-shadow:0 10px 34px rgba(17,58,78,.045)}.kt-pwa-lesson-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.kt-pwa-lesson-meta span{padding:5px 8px;border-radius:999px;background:var(--kt-soft);color:var(--kt-muted);font-size:11px;font-weight:800}.kt-pwa-learning .kt-pwa-lesson-text{font-size:17px;line-height:1.8}.kt-pwa-learning .kt-pwa-lesson-text h2,.kt-pwa-learning .kt-pwa-lesson-text h3{margin-top:1.6em}.kt-pwa-learning .kt-pwa-lesson-text p{margin:0 0 1.15em}.kt-pwa-secondary-link{display:inline-flex;align-items:center;min-height:40px;padding:8px 11px;border:1px solid var(--kt-border);border-radius:10px;text-decoration:none!important;font-size:12px;font-weight:900}.kt-pwa-action-feedback{flex:1;min-width:130px;color:var(--kt-muted);font-size:11px;text-align:right}
.kt-pwa-quiz{margin:30px 0 4px;padding:22px;border:1px solid var(--kt-border);border-radius:18px;background:linear-gradient(135deg,#f9fcfd,#fff)}.kt-pwa-quiz-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.kt-pwa-quiz-head>div:first-child span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--kt-primary);font-weight:900}.kt-pwa-quiz-head h2{margin:3px 0 0;font-size:21px}.kt-pwa-quiz-head>div:last-child{display:grid;min-width:78px;padding:9px;border-radius:12px;background:#fff;border:1px solid var(--kt-border);text-align:center}.kt-pwa-quiz-head>div:last-child strong{font-size:22px}.kt-pwa-quiz-head>div:last-child small{color:var(--kt-muted);font-size:9px}.kt-pwa-quiz-form{display:grid;gap:14px}.kt-pwa-quiz-question{display:grid;gap:8px;margin:0;padding:14px;border:1px solid var(--kt-border);border-radius:14px;background:#fff}.kt-pwa-quiz-question legend{display:flex;gap:8px;align-items:start;padding:0 3px;font-weight:900;line-height:1.5}.kt-pwa-quiz-question legend>span{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:var(--kt-soft);color:var(--kt-primary);font-size:11px}.kt-pwa-quiz-question label{display:flex;gap:9px;align-items:flex-start;padding:10px;border:1px solid transparent;border-radius:10px;cursor:pointer}.kt-pwa-quiz-question label:hover{background:var(--kt-soft)}.kt-pwa-quiz-question input{margin-top:3px}.kt-pwa-quiz-question label span{font-size:13px;line-height:1.5}.kt-pwa-quiz-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.kt-pwa-quiz-foot small{color:var(--kt-muted)}.kt-pwa-quiz-feedback,.kt-pwa-quiz-result{padding:11px 13px;border-radius:11px;background:var(--kt-soft);font-size:12px}.kt-pwa-quiz-feedback:empty{display:none}.kt-pwa-quiz-feedback.is-pass,.kt-pwa-quiz-result.is-pass{background:#eaf8ef;color:#166534}.kt-pwa-quiz-feedback.is-fail{background:#fff1f0;color:var(--kt-danger)}.kt-pwa-quiz-result{display:flex;justify-content:space-between;gap:10px;align-items:center}.kt-pwa-quiz-result span{color:inherit;opacity:.8}
.kt-pwa-runtime-update{position:fixed;right:16px;bottom:16px;z-index:99999;display:flex;align-items:center;gap:12px;max-width:360px;padding:12px 14px;border:1px solid #cbdde7;border-radius:13px;background:#fff;color:#0c2a3a;box-shadow:0 16px 45px rgba(12,42,58,.18);font-family:inherit;font-size:12px;font-weight:800}.kt-pwa-runtime-update button{padding:7px 10px;border:0;border-radius:8px;background:#0f6b9b;color:#fff;font:inherit;font-weight:900;cursor:pointer}
@media(max-width:920px){.kt-pwa-learning-overview{grid-template-columns:1fr}.kt-pwa-learning-stats{grid-template-columns:repeat(3,1fr)}.kt-pwa-course-filter{grid-template-columns:1fr 1fr}.kt-pwa-course-filter button{grid-column:1/-1}.kt-pwa-learning .kt-pwa-learn-layout{grid-template-columns:1fr}.kt-pwa-focusbar button{display:inline-flex;align-items:center;justify-content:center}.kt-pwa-learning .kt-pwa-curriculum{display:none;position:fixed;left:12px;right:12px;top:68px;z-index:30;max-height:72vh;box-shadow:0 18px 50px rgba(17,58,78,.18)}.kt-pwa-learning .kt-pwa-curriculum.is-open{display:block}.kt-pwa-learning .kt-pwa-lesson-content{max-width:none}.kt-pwa-focusbar{grid-template-columns:auto minmax(0,1fr) auto}.kt-pwa-focusbar>a{font-size:0}.kt-pwa-focusbar>a:after{content:'← Keluar';font-size:11px}}
@media(max-width:640px){.kt-pwa-lms-head{display:grid}.kt-pwa-head-cta{width:100%;margin-top:12px}.kt-pwa-learning-overview.is-empty{grid-template-columns:1fr}.kt-pwa-learning-stats{grid-template-columns:repeat(3,1fr)}.kt-pwa-learning-stats>div{min-height:74px;padding:9px 5px}.kt-pwa-learning-stats strong{font-size:21px}.kt-pwa-course-filter{grid-template-columns:1fr}.kt-pwa-course-filter button{grid-column:auto}.kt-pwa-learning{padding:0 5px}.kt-pwa-focusbar{padding:8px;gap:8px;border-radius:12px 12px 0 0}.kt-pwa-focusbar>div span{font-size:10px}.kt-pwa-focusbar button{padding:6px 8px;font-size:10px}.kt-pwa-learning .kt-pwa-lesson-content{padding:22px 16px;border-radius:14px}.kt-pwa-learning .kt-pwa-lesson-text{font-size:16px;line-height:1.72}.kt-pwa-lesson-actions{align-items:stretch}.kt-pwa-lesson-actions>*{width:100%;justify-content:center}.kt-pwa-action-feedback{text-align:center}.kt-pwa-quiz{padding:15px;border-radius:14px}.kt-pwa-quiz-head h2{font-size:18px}.kt-pwa-quiz-foot,.kt-pwa-quiz-result{display:grid}.kt-pwa-quiz-foot .kt-pwa-primary-button{width:100%}.kt-pwa-runtime-update{left:10px;right:10px;bottom:10px;max-width:none}}

/* Apps layout: theme-led palette, responsive editorial surfaces. */
.kt-pwa-app{width:100%;min-width:0;line-height:1.55}
.kt-pwa-app *{box-sizing:border-box}
.kt-pwa-app :is(button,input,select,textarea){font:inherit}
.kt-pwa-app :is(a,button,input,select,textarea):focus-visible{outline:3px solid var(--kt-primary);outline-offset:2px}
.kt-pwa-layout-controls{display:flex;gap:6px;justify-content:flex-end;margin:8px 0 14px}
.kt-pwa-layout-controls a{padding:6px 12px;border:1px solid var(--kt-border);border-radius:9px;color:var(--kt-ink);text-decoration:none!important}
.kt-pwa-layout-controls a.is-active{background:var(--kt-primary);border-color:var(--kt-primary);color:#fff}
.kt-pwa-feed--grid,.kt-pwa-feed--masonry{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
.kt-pwa-feed--masonry{display:block;columns:2;column-gap:14px}
.kt-pwa-feed--masonry>article{break-inside:avoid;margin-bottom:14px}
.kt-pwa-card-actions button{border:0;background:transparent;color:var(--kt-ink);padding:5px 7px;cursor:pointer;border-radius:8px}
.kt-pwa-card-actions button:hover{background:var(--kt-soft)}
.kt-pwa-card-actions [aria-pressed=true]{color:#bc3750}
.kt-pwa-privacy-label{font-size:.8em;color:var(--kt-muted);margin-right:auto}
body.dark .kt-pwa-app{--kt-ink:#f3f6fa;--kt-muted:#b4c2cc;--kt-soft:#263444;--kt-border:#3c4c5b;color-scheme:dark}
body.dark .kt-pwa-app :is(.kt-pwa-composer,.kt-pwa-kabar-card,.kt-pwa-article-card,.kt-pwa-tabs,.kt-pwa-course-card,.kt-pwa-course-body,.kt-pwa-content-card,.kt-pwa-enroll-card,.kt-pwa-section,.kt-pwa-learning-overview,.kt-pwa-curriculum,.kt-pwa-lesson-content,.kt-pwa-learn-head,.kt-pwa-course-filter,.kt-pwa-profile-section,.kt-pwa-profile-hero){background:#1e2936;color:var(--kt-ink);border-color:var(--kt-border)}
body.dark .kt-pwa-app :is(input,select,textarea){background:#263444;color:var(--kt-ink);border-color:var(--kt-border)}
body.dark .kt-pwa-app :is(h1,h2,h3,strong,.kt-pwa-course-card h2 a){color:var(--kt-ink)}
@media(max-width:680px){.kt-pwa-feed--grid,.kt-pwa-feed--masonry{display:grid;grid-template-columns:1fr;columns:auto}.kt-pwa-layout-controls{justify-content:flex-start}.kt-pwa-app{overflow-wrap:anywhere}}
body.dark .kt-pwa-app :is(.kt-pwa-nav,.kt-pwa-page-head,.kt-pwa-course-hero,.kt-pwa-login-card,.kt-pwa-empty,.kt-pwa-learning-overview.is-empty,.kt-pwa-quiz,.kt-pwa-focusbar){background:#1e2936;color:var(--kt-ink);border-color:var(--kt-border)}
body.dark .kt-pwa-app .kt-pwa-nav a:not(.is-active){color:var(--kt-muted)}
body.dark .kt-pwa-app :is(.kt-pwa-layout-controls a,.kt-pwa-lesson-list>a,.kt-pwa-file-link){color:var(--kt-ink);border-color:var(--kt-border)}
body.dark .kt-pwa-app .kt-pwa-layout-controls a.is-active{color:#fff}
.kt-pwa-theme-shell{min-height:70vh;padding:16px 0 64px}

/* Social & classic publisher 3.7.0: scoped, inherits Katen typography and colors. */
.kt-pwa-app{--kt-social-border:#e5eaf0; padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.kt-pwa-app .kt-pwa-page-head h1{font-size:clamp(27px,4vw,40px);letter-spacing:-.035em}
.kt-pwa-app .kt-pwa-fyp-head p{max-width:620px}
.kt-quick-compose{display:flex;gap:12px;padding:18px;border:1px solid var(--kt-social-border);border-radius:18px;background:#fff;margin:18px 0}
.kt-quick-compose a{padding:12px 18px;border-radius:12px;background:var(--kt-primary);color:#fff;font-weight:600;text-decoration:none}
.kt-quick-compose a:last-child{background:#f1f5f9;color:var(--kt-primary)}
.kt-pwa-app .kt-pwa-kabar-card,.kt-pwa-app .kt-pwa-article-card{border:1px solid var(--kt-social-border);border-radius:20px;box-shadow:0 5px 22px #15253b08;overflow:hidden}
.kt-pwa-app .kt-pwa-card-actions{gap:8px;flex-wrap:wrap}
.kt-pwa-app .kt-pwa-card-actions button{min-height:42px;border:0;border-radius:10px;background:#f4f7fa;padding:8px 13px;color:inherit;cursor:pointer}
.kt-pwa-app button[aria-pressed=true]{color:#c32657;background:#fff0f4}
.kt-pwa-app button:disabled{opacity:.6;cursor:wait}
.kt-pwa-app :focus-visible{outline:3px solid var(--kt-accent);outline-offset:3px}
.kt-refresh-state{font-size:12px;color:#64748b;text-align:right;margin:12px 0}
.kt-comments-panel{padding:18px;border-top:1px solid var(--kt-social-border);background:#fafcfe}
.kt-comments-panel[hidden]{display:none}
.kt-comments-list{max-height:360px;overflow:auto}
.kt-comment{border-bottom:1px solid var(--kt-social-border);padding:12px 0;overflow-wrap:anywhere}
.kt-comment p{white-space:pre-wrap;margin:7px 0}
.kt-comment small{color:#64748b}
.kt-comment button{font-size:12px;border:0;background:transparent;color:#52637c}
.kt-comments-panel textarea,.kt-article-form input:not([type=checkbox]),.kt-article-form textarea{width:100%;border:1px solid #cad4df;border-radius:10px;padding:12px;font:inherit;box-sizing:border-box}
.kt-comments-panel form{display:grid;gap:10px;margin-top:14px}
.kt-comments-panel form button{justify-self:end;background:var(--kt-primary);border:0;color:#fff;padding:10px 16px;border-radius:10px}
.kt-editor-guide{border-left:4px solid var(--kt-primary);background:#f3f7fa;padding:18px;border-radius:0 12px 12px 0;line-height:1.7}
.kt-article-form{background:#fff;padding:24px;border:1px solid var(--kt-social-border);border-radius:18px;display:grid;gap:18px}
.kt-article-form label{font-weight:600;display:block}
.kt-article-form label input{margin-top:8px}
.kt-editor-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.kt-editor-columns fieldset{border:1px solid var(--kt-social-border);padding:16px;border-radius:12px;max-height:300px;overflow:auto}
.kt-article-form .kt-category{font-weight:400;padding:5px 0;display:flex;align-items:center;gap:8px}
.kt-article-form .kt-category input{margin:0;width:auto}
.kt-editor-columns small{font-size:12px;color:#64748b;display:block;margin:8px 0 18px}
.kt-article-form .wp-editor-wrap{min-width:0}
.kt-review-form,.kt-my-articles{margin:24px 0}
.kt-article-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--kt-social-border)}
.kt-article-row span{font-size:13px;color:var(--kt-primary);flex-shrink:0}
.kt-notifications{margin:16px 0;padding:12px 16px;background:#f4f7fa;border-radius:12px}
.kt-notifications summary{cursor:pointer;font-weight:600}
.kt-notifications>div{max-height:320px;overflow:auto}
.kt-notifications p{padding:10px 0;border-bottom:1px solid var(--kt-social-border);font-size:14px}
@media(max-width:640px){.kt-editor-columns{grid-template-columns:1fr}.kt-article-form{padding:16px}.kt-quick-compose{padding:12px;gap:8px}.kt-quick-compose a{font-size:13px;padding:12px}.kt-pwa-app .kt-pwa-nav{display:flex;overflow-x:auto;position:sticky;top:0;z-index:30;background:#fff;padding:10px;box-shadow:0 4px 16px #15253b0a}.kt-pwa-app .kt-pwa-nav a{flex:0 0 auto;min-height:44px}.kt-pwa-app input,.kt-pwa-app textarea{font-size:16px}.kt-pwa-card-author{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.kt-pwa-app *{scroll-behavior:auto!important;transition:none!important}}

.kt-notifications button{border:1px solid var(--kt-social-border);background:#fff;color:var(--kt-primary);border-radius:8px;padding:9px 12px;cursor:pointer;font:inherit;font-size:13px}
.kt-notifications a{display:inline-block;margin-left:6px}