/* Scoped components for the host Tailwind layout. No changes to body, nav or host form controls. */
.ew{--cs-ink:#152840;--cs-muted:#60738b;--cs-line:#dce5f0;--cs-soft:#f3f7fc;--cs-card:#fff;--cs-blue:#076cc5;--cs-purple:#6d42d8;--cs-green:#087b60;color:var(--cs-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6;max-width:1440px;margin:0 auto;padding:24px clamp(16px,3vw,40px) 48px;box-sizing:border-box}
.ew *,.ew *:before,.ew *:after{box-sizing:border-box}.ew [hidden]{display:none!important}.ew h1,.ew h2,.ew h3,.ew p{margin:0}.ew h1{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.035em;font-weight:800;text-wrap:balance}.ew h2{font-size:20px;line-height:1.35;letter-spacing:-.025em;font-weight:750}.ew h3{font-size:16px;font-weight:700}.ew a{color:inherit;text-decoration:none}.ew button,.ew input,.ew select,.ew textarea{font:inherit}.ew button{cursor:pointer}.ew :focus-visible{outline:3px solid #38a4f6;outline-offset:3px}.ew button:disabled{opacity:.5;cursor:not-allowed}.ew small{font-size:12px}.ew input:not([type=checkbox]):not([type=radio]),.ew select,.ew textarea{display:block;width:100%;max-width:100%;min-width:0;color:var(--cs-ink);background:var(--cs-card);border:1px solid var(--cs-line);border-radius:10px;padding:10px 12px;line-height:1.5;min-height:44px}.ew textarea{resize:vertical}.ew select[multiple]{min-height:112px}.ew input[type=checkbox],.ew input[type=radio]{width:18px;height:18px;min-width:18px;accent-color:var(--cs-blue);margin:0;display:inline-block}.ew label{display:block;font-size:13px;font-weight:600}.ew label input,.ew label textarea,.ew label select{margin-top:6px}.ew label small{display:block;font-weight:400;color:var(--cs-muted);margin-top:6px}.ew button{border:0}.ew hr{border:0;border-top:1px solid var(--cs-line)}
.ew-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--cs-muted);margin-bottom:18px}.ew-breadcrumb a:hover{color:var(--cs-blue)}.ew-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--cs-blue);margin-bottom:10px}.ew-course-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.ew-course-grid main{min-width:0}.ew-hero{position:relative;border:1px solid #c8dff8;border-radius:24px;background:radial-gradient(circle at 95% 0%,#d4cdfb80,transparent 38%),linear-gradient(125deg,#e4f3ff,#f8fbff 65%);padding:clamp(24px,3.5vw,42px);overflow:hidden}.ew-hero h1{margin-top:16px;max-width:800px}.ew-lead{margin-top:16px!important;color:#425b76;font-size:16px;max-width:680px}.ew-tags,.ew-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ew-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 10px;background:#e7f2ff;color:#075898;font-size:11px;font-weight:700;white-space:nowrap}.ew-chip-amber{background:#fff0c9;color:#855a03}.ew-teacher{display:flex;align-items:center;gap:12px;margin-top:26px}.ew-teacher small{display:block;color:var(--cs-muted)}.ew-teacher strong{font-size:13px}.ew-avatar{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#fff;color:var(--cs-blue);border:1px solid #cbdff4;font-weight:800}.ew-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid #cedff0;margin-top:28px;padding-top:22px}.ew-facts strong{display:block;font-size:21px;line-height:1.3}.ew-facts span{font-size:12px;color:var(--cs-muted)}
.ew-panel{border:1px solid var(--cs-line);border-radius:18px;padding:24px;background:var(--cs-card);box-shadow:0 3px 14px #213d6104;min-width:0}.ew-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.ew-section-heading p{font-size:13px;color:var(--cs-muted);margin-top:5px}.ew-icon{display:grid;place-items:center;background:#e8f4ff;border-radius:12px;width:44px;height:44px;color:#0776cf;font-size:22px;flex-shrink:0}.ew-section-heading:has(.ew-icon){justify-content:flex-start}.ew-tabs{display:flex;gap:8px;border-bottom:1px solid var(--cs-line);overflow:auto;margin:24px 0 18px;padding-bottom:0;scrollbar-width:thin}.ew-tabs button{flex-shrink:0;background:transparent;border-bottom:3px solid transparent;padding:12px 15px;color:var(--cs-muted);font-size:14px;font-weight:650}.ew-tabs button[aria-selected=true]{color:var(--cs-blue);border-color:var(--cs-blue)}.ew-tabs button span{display:inline-block;font-size:10px;border-radius:6px;padding:1px 6px;margin-left:4px;background:var(--cs-soft)}.ew-prose{overflow-wrap:anywhere;font-size:15px;line-height:1.85}.ew-prose p,.ew-prose ul,.ew-prose ol{margin:0 0 1em}.ew-prose h2,.ew-prose h3,.ew-prose h4{margin:1.2em 0 .6em}.ew-prose ul{list-style:disc;padding-left:24px}.ew-prose ol{list-style:decimal;padding-left:24px}.ew-prose img{max-width:100%;height:auto;border-radius:10px}.ew-prose a{color:var(--cs-blue);text-decoration:underline}.ew-prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.ew-prose td,.ew-prose th{border:1px solid var(--cs-line);padding:8px}.ew-prose pre{background:var(--cs-soft);overflow:auto;padding:16px;border-radius:10px}.ew-prose blockquote{border-left:3px solid var(--cs-blue);margin:16px 0;padding:8px 18px;background:var(--cs-soft)}.ew-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ew-mini{background:var(--cs-soft);border-radius:12px;padding:16px}.ew-mini b{font-size:12px}.ew-mini p{font-size:12px;margin-top:8px;color:var(--cs-muted)}.ew-mini:nth-child(2){background:#f2edff}.ew-mini:nth-child(3){background:#eaf7f0}.ew-details{border:1px solid var(--cs-line);border-radius:12px;margin-bottom:12px;overflow:hidden}.ew-details summary{cursor:pointer;padding:14px 16px;font-weight:650;background:var(--cs-soft)}.ew-details summary small{float:right;margin-left:12px;color:var(--cs-muted);font-weight:400}.ew-outline-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--cs-line)}.ew-outline-row a:hover{color:var(--cs-blue)}.ew-outline-row small{color:var(--cs-muted);white-space:nowrap}.ew-lesson-icon{color:var(--cs-blue);font-size:18px}.ew-enroll{position:sticky;top:24px;padding:0;overflow:hidden}.ew-cover{width:100%;height:188px;object-fit:cover;display:block}.ew-cover-placeholder{background:radial-gradient(circle at 85% 20%,#35bdf1,transparent 60%),linear-gradient(140deg,#164891,#0578bb);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px;gap:10px}.ew-cover-placeholder span{font-size:36px;line-height:1}.ew-cover-placeholder b{font-size:15px}.ew-cover-placeholder small{font-size:9px;letter-spacing:.17em;opacity:.7}.ew-enroll-body{padding:24px}.ew-enroll-body h2{font-size:26px;margin-bottom:14px}.ew-enroll-body .ew-muted{margin-bottom:14px}.ew-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px!important;padding:11px 16px;min-height:44px;font-size:13px!important;font-weight:700;line-height:1.35;text-align:center;transition:background .16s,box-shadow .16s}.ew-btn:hover{box-shadow:0 4px 12px #13447118}.ew-btn-primary{color:#fff!important;background:linear-gradient(115deg,#0875ce,#075cc0)!important;border:1px solid #0763bc!important}.ew-btn-light{background:var(--cs-card)!important;color:var(--cs-ink)!important;border:1px solid var(--cs-line)!important}.ew-btn-wide{width:100%;justify-content:space-between}.ew-btn-wide span{margin-left:auto}.ew-text-btn{padding:5px;background:transparent;color:var(--cs-blue);font-size:12px;text-decoration:underline}.ew-benefits{list-style:none;padding:20px 0;margin:20px 0 0;border-top:1px solid var(--cs-line)}.ew-benefits li{font-size:12px;margin-bottom:12px;display:flex;gap:9px}.ew-benefits span{color:var(--cs-green);font-weight:800}.ew-progress-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:8px}.ew-progress-label b{color:var(--cs-blue)}.ew-progress{appearance:none;width:100%;height:7px;border:0;background:var(--cs-soft);border-radius:999px;overflow:hidden;display:block;margin:8px 0 12px}.ew-progress::-webkit-progress-bar{background:var(--cs-soft)}.ew-progress::-webkit-progress-value{background:linear-gradient(90deg,#1181dc,#6548e5);border-radius:999px}.ew-progress::-moz-progress-bar{background:#1181dc}.ew-file{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--cs-line)}.ew-file:last-child{border-bottom:0}.ew-file strong{display:block;overflow-wrap:anywhere;font-size:13px}.ew-file small{display:block;color:var(--cs-muted);margin-top:3px}.ew-file-badge{display:grid;place-items:center;flex:0 0 46px;height:48px;border-radius:10px;color:#6c3ac6;background:#f0eaff;font-size:10px;font-weight:800}.ew-empty{text-align:center;padding:40px 20px;color:var(--cs-muted);font-size:13px}.ew-notice,.ew-alert{border-radius:12px;padding:14px 18px;margin:14px 0;font-size:13px;background:#eaf5ff;color:#144e88;border:1px solid #c6e1ff;overflow-wrap:anywhere}.ew-alert{background:#fff3eb;color:#8e421a;border-color:#f3d5bf}.ew-alert ul{list-style:disc;padding-left:20px;margin:8px 0 0}.ew-muted{color:var(--cs-muted)}.ew-small{font-size:12px}.ew-success{color:var(--cs-green)}.ew-warning{color:#a34f16}.ew-grow{flex:1;min-width:0}.ew-mt{margin-top:24px}.ew-mt-sm{margin-top:12px}.ew-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ew-learning-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ew-learning-header h1{font-size:26px}.ew-learning-header .ew-kicker{margin-bottom:5px}.ew-learning-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.ew-outline{position:sticky;top:18px;padding:0;overflow:hidden;max-height:calc(100dvh - 36px);display:flex;flex-direction:column}.ew-outline-top{padding:20px;border-bottom:1px solid var(--cs-line)}.ew-outline-top h2{font-size:16px}.ew-search{margin-top:14px}.ew-outline [data-lesson-list]{overflow:auto;min-height:70px}.ew-outline details{border-bottom:1px solid var(--cs-line)}.ew-outline summary{padding:14px 18px;font-size:12px;font-weight:700;cursor:pointer;background:var(--cs-soft)}.ew-lesson-link{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px 18px;text-align:left;background:transparent;color:var(--cs-ink);border-left:3px solid transparent!important}.ew-lesson-link:hover{background:var(--cs-soft)}.ew-lesson-link[aria-current=true]{background:#e8f3ff;border-left-color:var(--cs-blue)!important}.ew-lesson-link b{display:block;font-weight:600;font-size:12px;line-height:1.5}.ew-lesson-link small{font-size:10px;color:var(--cs-muted)}.ew-lesson-marker{flex:0 0 21px;width:21px;height:21px;border-radius:50%;border:1px solid var(--cs-line);display:grid;place-items:center;font-size:10px;background:var(--cs-card);color:var(--cs-muted);margin-top:2px}.ew-lesson-marker.is-done{background:#e0f6ed;color:var(--cs-green);border-color:#b0dfce}.ew-outline-bottom{padding:16px;border-top:1px solid var(--cs-line);margin-top:auto}.ew-study-main{min-width:0}.ew-lesson-panel{padding:0;overflow:hidden}.ew-lesson-heading{padding:22px 26px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--cs-line)}.ew-lesson-heading h2{font-size:23px}.ew-lesson-heading .ew-kicker{margin-bottom:6px}.ew-content-area>.ew-prose{padding:26px}.ew-player{position:relative;width:100%;background:#0b1c32;aspect-ratio:16/9;overflow:hidden}.ew-player iframe,.ew-player video{width:100%;height:100%;border:0;display:block}.ew-document{width:100%;height:min(70vh,700px);border:0;display:block;background:var(--cs-soft)}.ew-image-viewer{max-width:100%;max-height:70vh;margin:auto;display:block}.ew-audio{padding:24px;width:100%}.ew-study-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.ew-mobile-outline{display:none}.ew-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ew-full{grid-column:1/-1}.ew-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--cs-line)}.ew-form-footer small{color:var(--cs-muted);max-width:70%}.ew-check{display:flex!important;align-items:center;gap:10px;background:var(--cs-soft);padding:14px;border-radius:10px}.ew-check input{margin:0!important}.ew-stack{display:grid;gap:14px}.ew-manage-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.ew-compact-form{padding:12px}.ew-compact-form .ew-actions{align-items:flex-end;flex-wrap:nowrap}.ew-manage-lesson{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-top:1px solid var(--cs-line);font-size:12px}.ew-manage-lesson:hover{background:var(--cs-soft);color:var(--cs-blue)}.ew-manage-lesson small{font-size:10px}.ew-question-edit{min-width:0;border:1px solid var(--cs-line);padding:18px;border-radius:12px;margin:0 0 18px;background:var(--cs-soft)}.ew-question-edit legend{font-size:12px;font-weight:750;padding:0 8px;color:var(--cs-purple)}.ew-quiz-card{border:1px solid var(--cs-line);border-radius:13px;padding:18px;margin-bottom:14px}.ew-quiz-card h3{margin-bottom:6px}.ew-quiz-card .ew-actions{justify-content:space-between;margin-top:14px}.ew-quiz-card p{font-size:12px;color:var(--cs-muted)}.ew-quiz-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.ew-quiz-dialog{width:min(850px,calc(100vw - 24px));max-width:none;max-height:92dvh;border:0;border-radius:20px;padding:0;box-shadow:0 24px 100px #071d4940;background:var(--cs-card);margin:auto;color:var(--cs-ink)}.ew-quiz-dialog::backdrop{background:#0a2032a8;backdrop-filter:blur(4px)}.ew-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--cs-line);gap:16px}.ew-quiz-toolbar{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--cs-soft);padding:12px 24px;font-size:12px;z-index:2}.ew-quiz-toolbar strong{color:var(--cs-blue);font-variant-numeric:tabular-nums}.ew-quiz-dialog [data-quiz-questions]{padding:24px}.ew-quiz-question{border:0;min-width:0;margin:0 0 28px;padding:0}.ew-quiz-question legend{font-weight:700;font-size:15px;margin-bottom:14px;overflow-wrap:anywhere}.ew-quiz-choice{display:flex!important;align-items:center;gap:12px;border:1px solid var(--cs-line);padding:12px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;overflow-wrap:anywhere}.ew-quiz-choice:has(input:checked){background:#e7f3ff;border-color:#78b9f2}.ew-quiz-choice input{margin:0!important;flex-shrink:0}.ew-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--cs-line);gap:14px}.ew-dialog-footer small{color:var(--cs-muted)}.ew-quiz-result{padding:24px;background:#ecf8f3;color:#096849;margin:24px 24px 0;border-radius:14px}.ew-quiz-result strong{font-size:28px;display:block}.ew-quiz-result.is-failed{background:#fff5e9;color:#974411}.ew-table-wrap{overflow:auto}.ew-table{border-collapse:collapse;width:100%;font-size:12px;min-width:680px}.ew-table th{text-align:left;background:var(--cs-soft);color:var(--cs-muted);font-size:11px;white-space:nowrap}.ew-table th,.ew-table td{padding:15px 16px;border-bottom:1px solid var(--cs-line)}.ew-table td small{display:block;color:var(--cs-muted);margin-top:5px}
.dark .ew{--cs-ink:#e5edf8;--cs-muted:#a0b3ca;--cs-line:#2a405d;--cs-soft:#15283f;--cs-card:#102237;--cs-blue:#64b6ff;--cs-green:#62d8ae}.dark .ew-hero{background:radial-gradient(circle at 90% 0%,#5b42a94d,transparent 45%),linear-gradient(125deg,#123857,#122039);border-color:#2b5170}.dark .ew-lead{color:#aec9e4}.dark .ew-facts{border-color:#38516a}.dark .ew-mini,.dark .ew-mini:nth-child(2),.dark .ew-mini:nth-child(3){background:var(--cs-soft)}.dark .ew-lesson-link[aria-current=true],.dark .ew-quiz-choice:has(input:checked){background:#173b60}.dark .ew-quiz-result{background:#123c31;color:#94e3bd}.dark .ew-quiz-result.is-failed{background:#45331d;color:#f6c989}.dark .ew-warning{color:#f6bd85}
@media(min-width:1600px){.ew-learning{max-width:1600px}.ew-learning-grid{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1100px){.ew-course-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.ew-learning-grid,.ew-manage-grid{grid-template-columns:260px minmax(0,1fr);gap:18px}.ew-three{grid-template-columns:1fr}.ew-hero{padding:26px}.ew-enroll-body{padding:20px}.ew-panel{padding:20px}.ew-enroll,.ew-outline,.ew-lesson-panel{padding:0}}
@media(max-width:800px){.ew{padding:18px 16px 32px}.ew-course-grid,.ew-learning-grid,.ew-manage-grid{grid-template-columns:1fr}.ew-enroll{position:static;display:grid;grid-template-columns:240px minmax(0,1fr);grid-row:1}.ew-enroll .ew-cover{height:100%;min-height:200px}.ew-enroll-body h2{font-size:22px}.ew-enroll .ew-benefits,.ew-enroll .ew-small{display:none}.ew-mobile-outline{display:block;margin-bottom:16px}.ew-outline{display:none;position:static;max-height:70vh}.ew-outline.is-open{display:flex}.ew-learning-header{align-items:flex-start;flex-direction:column;gap:14px}.ew-learning-header h1{font-size:23px}.ew-learning-header .ew-actions{width:100%}.ew-lesson-heading{padding:20px}.ew-lesson-heading h2{font-size:21px}.ew-study-footer{position:sticky;bottom:0;background:var(--cs-card);padding:12px 0 6px;z-index:4;border-top:1px solid var(--cs-line)}.ew-study-footer .ew-btn{padding:10px;font-size:11px!important}.ew-manage-grid>aside{order:0}.ew-form-footer{align-items:flex-start}.ew-dialog-header{padding:18px}.ew-quiz-dialog [data-quiz-questions]{padding:18px}.ew-content-area>.ew-prose{padding:20px}}
@media(max-width:520px){.ew-enroll{display:block}.ew-enroll .ew-cover{height:150px;min-height:0}.ew-enroll .ew-cover-placeholder{display:none}.ew-enroll-body{padding:18px}.ew-enroll-body .ew-kicker{display:none}.ew-enroll-body h2{font-size:20px;margin-bottom:10px}.ew-facts{grid-template-columns:repeat(2,1fr)}.ew-hero h1{font-size:29px}.ew-hero{padding:24px 20px}.ew-lead{font-size:14px}.ew-hero .ew-kicker{font-size:8px}.ew-panel{padding:18px}.ew-lesson-panel,.ew-enroll,.ew-outline{padding:0}.ew-tabs button{padding:10px 9px;font-size:12px}.ew-form-grid{grid-template-columns:1fr}.ew-form-footer{flex-direction:column;align-items:stretch}.ew-form-footer small{max-width:none}.ew-file{flex-wrap:wrap}.ew-file .ew-btn{margin-left:60px;min-height:38px;padding:8px 12px}.ew-lesson-heading{align-items:flex-start;flex-direction:column;gap:8px}.ew-lesson-heading .ew-chip{font-size:9px}.ew-study-footer{flex-wrap:wrap}.ew-study-footer [data-complete]{order:3;width:100%}.ew-dialog-footer{flex-direction:column;align-items:stretch;padding:18px}.ew-quiz-toolbar{padding:10px 18px}.ew-question-edit{padding:12px}.ew-section-heading{align-items:flex-start;flex-wrap:wrap}.ew-quiz-choice{padding:12px}.ew-quiz-dialog h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ew *{transition:none!important;scroll-behavior:auto!important}}

/* E-Pay standalone shell and wallet components. */
.ep-dashboard-grid>*{min-width:0}.ep-admin-split>*{min-width:0}.ep-content{min-width:0}.ep-content main{min-width:0}
.ep-body{margin:0;background:#f5f7fc;color:#152840}.ew.ep-app{display:grid;grid-template-columns:236px minmax(0,1fr);max-width:none;min-height:100dvh;margin:0;padding:0;font-size:14px}.ep-sidebar{position:sticky;top:0;height:100dvh;padding:30px 18px 22px;background:#102340;color:#d8e6fc;display:flex;flex-direction:column;overflow:auto}.ep-brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;border-bottom:1px solid #ffffff17}.ep-brand>span{position:relative;display:grid;place-items:center;width:42px;height:42px;background:#3b88ff;border-radius:14px;font-size:29px;font-weight:850;color:#fff}.ep-brand>span>span{position:absolute;right:-5px;top:-8px;font-size:23px;color:#9beaaf}.ep-brand>div{font-size:23px;font-weight:750;letter-spacing:-.06em;color:#fff}.ep-brand small{display:block;font-size:8px;font-weight:600;letter-spacing:.18em;color:#9ab4d7;margin-top:3px}.ep-side-label{font-size:9px;font-weight:650;letter-spacing:.15em;color:#819abd;margin:25px 12px 12px}.ep-sidebar nav>a{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:550;padding:13px 12px;margin-bottom:6px;border-radius:10px}.ep-sidebar nav>a>span{display:grid;place-items:center;font-size:19px;width:22px;color:#8ba9d3}.ep-sidebar nav>a:hover{background:#1d3656}.ep-sidebar nav>a.active{background:#2879e9;color:#fff;box-shadow:0 5px 20px #087bd433}.ep-sidebar nav>a.active>span{color:#fff}.ep-side-note{margin-top:auto;padding:20px 12px 0}.ep-side-note>span{font-size:8px;letter-spacing:.16em;color:#86a9d3}.ep-side-note p{font-size:11px;color:#7894b7;margin-top:9px;line-height:1.8}.ep-main{min-width:0}.ep-topbar{height:82px;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffdf;border-bottom:1px solid #e5ebf3}.ep-topbar>span{font-size:11px;color:#60738b}.ep-topbar b{font-weight:600}.ep-account{display:flex;align-items:center;gap:10px}.ep-account .ew-avatar{width:36px;height:36px;background:#edf4ff}.ep-account strong{font-size:11px;display:block}.ep-account small{font-size:9px;color:#75879c;display:block}.ep-content{padding:30px clamp(20px,3vw,44px);max-width:1600px;margin:auto}.ep-content h1{font-size:30px}.ep-content .ew-learning-header p{margin-top:9px;font-size:13px}.ep-dot{color:#277fe2}.ep-footer{padding:20px 36px;color:#8493a9;font-size:10px;display:flex;justify-content:space-between;gap:20px}.ep-footer span{max-width:60%;text-align:right}.ep-wallet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ep-wallet{border-radius:20px;border:1px solid #dce6f2;background:#fff;display:flex;flex-direction:column;min-width:0;padding:22px;box-shadow:0 4px 16px #18366805;transition:transform .15s,border-color .15s}.ep-wallet:hover{transform:translateY(-2px)}.ep-wallet.selected{background:linear-gradient(120deg,var(--wallet-color),#183b73);border-color:var(--wallet-color);color:#fff;box-shadow:0 7px 26px #0767c22b}.ep-wallet-top{display:flex;align-items:center;gap:10px}.ep-wallet-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf1fb;color:var(--wallet-color,#1678d3);font-size:23px}.ep-wallet-top>span:nth-child(2){font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--wallet-color)}.ep-wallet-top small{margin-left:auto;font-size:8px;border-radius:20px;background:#eef6f3;padding:3px 7px;color:#287e63}.ep-wallet p{margin:20px 0 4px;font-size:12px;opacity:.8}.ep-wallet>strong{font-size:31px;letter-spacing:-.045em;line-height:1.3;overflow-wrap:anywhere}.ep-wallet>strong small{font-size:11px;font-weight:400;letter-spacing:0}.ep-wallet-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dce5f0;padding-top:14px;margin-top:20px;font-size:10px;color:#7b8ca3;line-height:1.6}.ep-wallet-bottom b{font-size:16px}.ep-wallet.selected .ep-wallet-top>span:nth-child(2),.ep-wallet.selected .ep-wallet-bottom{color:#e3f0ff}.ep-wallet.selected .ep-wallet-bottom{border-color:#ffffff29}.ep-wallet.selected .ep-wallet-icon{background:#ffffff26;color:#fff}.ep-wallet.selected .ep-wallet-top small{color:#fff;background:#ffffff20}.ep-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.ep-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:4px 0 22px}.ep-stats small{display:block;color:#718199;font-size:11px}.ep-stats strong{display:block;font-size:25px;margin-top:5px;letter-spacing:-.04em}.ep-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:14px;border-bottom:1px solid #dce5f0;padding:15px 10px 10px;background:repeating-linear-gradient(to top,transparent,transparent 49px,#eaf0f7 50px);min-height:210px}.ep-chart-column{flex:1;min-width:0;text-align:center}.ep-chart-bars{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:6px;margin-bottom:10px}.ep-chart-bars>span{width:22px;max-width:40%;border-radius:5px 5px 0 0;background:#237fd7;min-height:2px}.ep-chart-bars>.spending{background:#b4a0f1}.ep-chart-column>small{font-size:9px;color:#72859c}.ep-chart-legend{display:flex;gap:18px;justify-content:center;font-size:10px;margin-top:15px;color:#237fd7}.ep-chart-legend>span+span{color:#9274de}.ep-voucher-panel{background:radial-gradient(circle at 95% 0%,#e8dfff,transparent 60%),#fdfcff}.ep-gift-symbol{font-size:32px;color:#8054d8;margin-bottom:12px}.ep-voucher-panel h2{font-size:19px}.ep-voucher-panel>p{font-size:12px;color:#728097;margin-top:10px}.ep-pending{display:block;padding:14px 0;border-bottom:1px solid #e6ecf4;font-size:12px}.ep-pending strong,.ep-pending span{display:block}.ep-pending span{font-size:11px;color:#0877cb;margin-top:6px}.ep-gift-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:22px;padding:32px;background:linear-gradient(110deg,#e5edff,#f4ecff);border:1px solid #d8dffa}.ep-gift-hero .ew-kicker{color:#7450c2}.ep-gift-hero>span{font-size:100px;line-height:1;color:#805adc;filter:drop-shadow(10px 10px 0 #c8b5ef)}.ep-gift-hero p{color:#6b6a8a;margin-top:12px}.ep-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ep-reward{padding:0;overflow:hidden;display:flex;flex-direction:column}.ep-reward>img{width:100%;height:180px;object-fit:cover}.ep-reward-art{height:180px;background:radial-gradient(circle at 70% 10%,#d9c8ff,transparent 65%),linear-gradient(130deg,#e5f2ff,#f0edff);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7960c5;gap:15px}.ep-reward-art span{font-size:70px;line-height:1}.ep-reward-art small{font-size:8px;letter-spacing:.17em}.ep-reward-body{padding:22px;display:flex;flex-direction:column;flex:1}.ep-reward-body h2{font-size:20px;margin:14px 0 10px}.ep-reward-body>p{font-size:12px;color:#71829a;white-space:pre-line;flex:1}.ep-reward-body>strong{font-size:23px;letter-spacing:-.03em;color:#076bc0;margin:18px 0 16px}.ep-topup{padding:22px 0;border-bottom:1px solid #e3ebf5}.ep-topup:last-of-type{border:0}.ep-receipt{max-width:900px;margin:auto}.ep-receipt-total{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ecf4;padding:24px 0;margin-bottom:20px;gap:20px}.ep-receipt-total strong{font-size:30px;color:#086ac2;letter-spacing:-.045em}.ep-admin-access{max-width:480px;margin:40px auto}.ep-admin-access h1{font-size:29px}.ep-admin-tabs{display:flex;gap:7px;overflow:auto;margin:0 0 24px;padding-bottom:10px;scrollbar-width:thin}.ep-admin-tabs a{flex-shrink:0;border-radius:9px;background:#fff;border:1px solid #dce5f0;padding:9px 13px;font-size:11px;font-weight:650}.ep-admin-tabs a.active{background:#146dcc;border-color:#146dcc;color:#fff}.ep-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ep-admin-stats strong{display:block;font-size:38px;letter-spacing:-.05em;margin:8px 0;color:#126cc4}.ep-admin-stats small{color:#687d97}.ep-admin-stats span{font-size:11px;color:#697f9d}.ep-admin-split{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.ep-rule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr) auto;gap:12px;align-items:end;margin-top:14px}.ep-rule button{margin-bottom:8px}.ep-issued-code{display:flex;flex-direction:column;gap:15px;border:1px dashed #8ba9d9;border-radius:12px;padding:24px;margin-top:16px;break-inside:avoid;background:#f9fcff}.ep-issued-code>span{font-size:10px;font-weight:700;letter-spacing:.15em;color:#2168af}.ep-issued-code code{font-size:20px;overflow-wrap:anywhere;color:#49377a}.ep-issued-code small{font-size:11px;color:#7b8da3}.ep-audit-json{max-width:500px;max-height:260px;overflow:auto;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6fc;padding:12px}.ep-menu{display:none!important}.ep-app .ew-table{min-width:600px}.ep-app .ew-panel .ew-table{font-size:11px}.ep-app .ew-table th,.ep-app .ew-table td{padding:13px 12px}.ep-app .ew-table-wrap{border-radius:10px}.ep-app [role=navigation] svg{width:20px;height:20px}.ep-app [role=navigation]{font-size:12px}.ep-app [role=navigation] p{margin:8px 0}.ep-app [role=navigation] a,.ep-app [role=navigation] span[aria-current]{display:inline-flex;align-items:center;padding:5px}.ep-app [role=navigation]>.flex:first-child{display:none}.ep-app .ew-panel input[type=color]{padding:4px;height:44px;width:100%}
@media(min-width:1700px){.ep-wallet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.ew.ep-app{grid-template-columns:205px minmax(0,1fr)}.ep-content{padding:24px}.ep-dashboard-grid{grid-template-columns:minmax(0,1fr) 270px}.ep-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-rewards{grid-template-columns:repeat(2,minmax(0,1fr))}.ep-admin-split{grid-template-columns:1fr}.ep-sidebar{padding:24px 12px}.ep-topbar{padding:16px 24px}.ep-stats strong{font-size:21px}}
@media(max-width:1000px){.ep-dashboard-grid{grid-template-columns:1fr}.ep-dashboard-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ep-dashboard-grid>aside>.ew-mt{margin-top:0}.ep-dashboard-grid>aside>section:first-child{grid-column:1/-1}.ep-admin-stats{gap:12px}.ep-admin-stats strong{font-size:30px}.ep-topbar>span{display:none}.ep-topbar{justify-content:flex-end}}
@media(max-width:760px){.ew.ep-app{display:block}.ep-sidebar{display:none;position:fixed;left:0;top:70px;width:240px;height:calc(100dvh - 70px);z-index:40;box-shadow:10px 0 40px #0d244733}.ep-sidebar.open{display:flex}.ep-topbar{height:70px;justify-content:space-between;position:sticky;top:0;z-index:45;padding:12px 18px;background:#fff}.ep-menu{display:inline-flex!important}.ep-content{padding:24px 16px}.ep-content h1{font-size:27px}.ep-account strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-account small{font-size:8px}.ep-wallet{padding:20px}.ep-wallet>strong{font-size:27px}.ep-wallet-top{flex-wrap:wrap}.ep-wallet-top small{margin-left:0}.ep-admin-stats{grid-template-columns:1fr}.ep-admin-stats .ew-panel{display:grid;grid-template-columns:1fr auto}.ep-admin-stats strong{grid-column:2;grid-row:1/3;margin:0}.ep-footer{padding:20px 16px;display:block}.ep-footer span{display:block;max-width:none;text-align:left;margin-top:8px}.ep-gift-hero{padding:24px}.ep-gift-hero>span{font-size:64px}.ep-gift-hero p{font-size:12px}.ep-receipt-total strong{font-size:23px}}
@media(max-width:480px){.ep-wallet-grid,.ep-rewards{grid-template-columns:1fr}.ep-wallet{padding:22px}.ep-wallet-top small{margin-left:auto}.ep-wallet>strong{font-size:34px}.ep-dashboard-grid>aside{display:block}.ep-dashboard-grid>aside>section{margin-top:18px!important}.ep-content .ew-learning-header{gap:14px}.ep-content .ew-learning-header .ew-btn{width:100%}.ep-stats strong{font-size:19px}.ep-stats small{font-size:10px}.ep-chart{gap:8px;padding-left:0;padding-right:0}.ep-chart-bars{gap:4px}.ep-chart-column>small{font-size:8px}.ep-rule{grid-template-columns:1fr .6fr}.ep-rule button{grid-column:1/-1;justify-self:end;margin:0}.ep-gift-hero>span{display:none}.ep-receipt-total{align-items:flex-start;flex-direction:column;gap:8px}}
@media print{.ep-body{background:#fff}.ep-app .no-print,.ep-sidebar,.ep-topbar,.ep-footer{display:none!important}.ew.ep-app{display:block}.ep-content{padding:0}.ew-panel{border:0!important;box-shadow:none!important}.ep-receipt{max-width:none}.ew-table{min-width:0!important;width:100%}.ep-issued-code{print-color-adjust:exact;-webkit-print-color-adjust:exact}.ew-btn{display:none!important}body:has(.ep-code-gallery) .ep-content>*:not(.ep-code-gallery){display:none!important}@page{size:A4;margin:14mm}}


.ep-checkout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start}.ep-checkout-grid>*{min-width:0}.ep-buyer{display:flex;align-items:center;gap:12px;margin:24px 0;padding:17px 0;border-top:1px solid #e0e9f3;border-bottom:1px solid #e0e9f3}.ep-buyer small,.ep-line-item small{display:block;color:#6b8199;font-size:12px;margin-top:5px}.ep-buyer-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eaf4ff;color:#0868c4;font-weight:800}.ep-line-item{display:flex;justify-content:space-between;gap:16px;margin:18px 0;font-size:13px}.ep-line-item>b{white-space:nowrap}.ep-total-box{padding:24px;border-radius:17px;background:linear-gradient(120deg,#074c9b,#008bbb);color:white;display:grid;gap:8px;margin-top:25px}.ep-total-box>strong{font-size:34px;overflow-wrap:anywhere}.ep-total-box>small{color:#d4f0ff}.ep-method-form{display:grid;gap:12px}.ew .ep-method{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #d3e2f0;border-radius:14px;cursor:pointer}.ew .ep-method:has(input:checked){border-color:#0879d7;background:#edf7ff;box-shadow:0 0 0 1px #0879d7}.ew .ep-method input{width:17px;height:17px;min-height:17px;accent-color:#0879d7;margin:0;flex-shrink:0}.ep-method strong{display:block;font-size:14px}.ep-method small{display:block;font-size:11px;color:#6d8095;margin-top:5px}.ep-method-icon{display:grid;place-items:center;width:38px;height:38px;background:#edf4ff;border-radius:12px;color:#076bd0;font-weight:800}.ep-method.is-unavailable{opacity:.55;cursor:not-allowed}.ep-pay-button{width:100%;margin-top:12px}.ep-bank-details{background:#f1f7ff;border:1px solid #cadff5;border-radius:14px;padding:22px}.ep-bank-details dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:13px}.ep-bank-details dd{font-weight:700;text-align:right;overflow-wrap:anywhere;margin:0}.ep-bank-details dt{color:#617b96}.ep-checkout-status{padding:24px 0;text-align:center}.ep-checkout-status>span{display:grid;place-items:center;width:64px;height:64px;background:#d9f5ec;color:#00856f;border-radius:50%;font-size:33px;margin:0 auto 18px}.ep-api-value{display:block;overflow-wrap:anywhere;padding:12px;background:#edf5ff;margin:10px 0;font-size:12px}@media(max-width:900px){.ep-checkout-grid{grid-template-columns:1fr}}@media print{.ep-method-form,.ep-payment-panel form,.ep-bank-details{display:none}.ep-checkout-grid{display:block}}

.ew .ep-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ew .ep-invoice-form label{display:grid;gap:8px;margin-bottom:12px}.ew .ep-invoice-line{display:grid;grid-template-columns:3fr 1fr 1.5fr auto;gap:12px;align-items:center}.ew .ep-payment-methods{border:1px solid #cfdded;border-radius:16px;padding:20px;margin:24px 0}.ew .ep-payment-methods label{display:flex;align-items:center;gap:10px}.ew .ep-payment-methods input{width:auto}.ew .ep-receipt{max-width:1000px;margin:auto}.ew .ep-invoice-form{max-width:1100px}.ew .ep-topup{overflow-wrap:anywhere}@media(max-width:700px){.ew .ep-form-grid{grid-template-columns:1fr}.ew .ep-invoice-line{grid-template-columns:1fr 1fr}.ew .ep-invoice-line label:first-child{grid-column:1/-1}.ew .ep-topbar{flex-wrap:wrap;gap:10px}.ew .ep-topbar>span{display:none}.ew .ep-receipt h1{font-size:26px}}@media print{.ew .ep-receipt{box-shadow:none;border:0}.ew .ep-sidebar,.ew .ep-topbar,.ew .ep-footer{display:none}.ew .ep-main{margin:0;width:100%}.ew.ep-app{display:block}}

.ew .ep-invoice-form{margin-top:24px}.ew .ep-invoice-form h2{margin-top:16px}.ew .ep-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#075a9e;margin-bottom:10px}.ew .ep-receipt>p{margin:18px 0}.ew .ep-receipt>h2{margin-top:24px}