.member-page-wrapper,.mycourse-page-wrapper,.listcourse-page-wrapper,.mycart-page-wrapper,.myorder-page-wrapper,.checkout-page-wrapper,.payment-confirm-wrapper,.payment-success-wrapper,.profile-page-hub,.grade-detail-wrapper{background-color:#fcf9f5;min-height:80vh;padding-top:2.5rem;padding-bottom:4rem}.member-container,.mycourse-container,.main-catalog-container,.mycart-container,.myorder-container{max-width:1160px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;font-size:1rem;line-height:1.6;color:#2f2618}@media(min-width:640px){.member-container,.mycourse-container,.main-catalog-container,.mycart-container,.myorder-container{padding-left:1.75rem;padding-right:1.75rem}}.member-header-bar,.mycourse-stats-bar,.catalog-header-bar,.mycart-header-bar,.myorder-header-bar{background:#fff;border:1px solid #e6d6c0;border-radius:1.25rem;padding:1.75rem 2rem;box-shadow:0 10px 25px #3f281b0d;margin-bottom:1.75rem}.member-page-title,.mycourse-page-title,.catalog-page-title,.mycart-page-title,.myorder-page-title,.checkout-title,.payment-header-title{font-size:1.85rem;font-weight:800;color:#4e3724;margin-bottom:.35rem;letter-spacing:-.015em;line-height:1.25}.member-page-subtitle,.mycourse-page-subtitle,.catalog-page-subtitle,.mycart-page-subtitle,.myorder-page-subtitle,.checkout-subtitle,.payment-header-subtitle{font-size:1rem;color:#715843;margin:0;line-height:1.55}.btn-wood-primary,.btn-browse-catalog,.btn-catalog-mycourse,.btn-continue-shop,.btn-new-order,.btn-play-course,.btn-result-primary,.btn-primary-custom,.btn-order-pay,.btn-proceed-order,.btn-pay-action,.btn-auth-wood{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;background:#b67a40;color:#fff!important;border:1px solid #a1672f;border-radius:.85rem;font-size:1rem;font-weight:700;text-decoration:none!important;transition:all .2s ease;box-shadow:0 4px 14px #b67a4038;cursor:pointer;white-space:nowrap}.btn-wood-primary:hover,.btn-browse-catalog:hover,.btn-catalog-mycourse:hover,.btn-continue-shop:hover,.btn-new-order:hover,.btn-play-course:hover,.btn-result-primary:hover,.btn-primary-custom:hover,.btn-order-pay:hover,.btn-proceed-order:hover,.btn-pay-action:hover,.btn-auth-wood:hover{background:#6d4323;border-color:#6d4323;color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 20px #6d432347}.btn-wood-secondary,.btn-catalog-cart,.btn-result-secondary,.btn-secondary-custom,.btn-order-reorder,.btn-cancel-checkout,.btn-cart-secondary,.btn-back-action,.btn-modal-cancel{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff8f1;color:#8a5a33!important;border:1px solid #d4bda8;border-radius:.85rem;font-size:1rem;font-weight:600;text-decoration:none!important;transition:all .2s ease;cursor:pointer;white-space:nowrap}.btn-wood-secondary:hover,.btn-catalog-cart:hover,.btn-result-secondary:hover,.btn-secondary-custom:hover,.btn-order-reorder:hover,.btn-cancel-checkout:hover,.btn-cart-secondary:hover,.btn-back-action:hover,.btn-modal-cancel:hover{background:#f4ede4;color:#4e3724!important;border-color:#b67a40;transform:translateY(-1px)}.btn-wood-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.35rem;background:transparent;color:#6d4323!important;border:1.5px solid #d4bda8;border-radius:.85rem;font-size:.95rem;font-weight:600;text-decoration:none!important;transition:all .2s ease;cursor:pointer}.btn-wood-outline:hover{background:#f4ede4;border-color:#b67a40;color:#4e3724!important}.btn-order-access,.btn-success-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#22c55e;color:#fff!important;border:1px solid #16a34a;border-radius:.85rem;font-size:.98rem;font-weight:700;text-decoration:none!important;transition:all .2s ease;cursor:pointer}.btn-order-access:hover,.btn-success-action:hover{background:#16a34a;transform:translateY(-1px)}.btn-orange{background-color:#f97316!important;color:#fff!important;border:1px solid #ea580c!important}.btn-orange:hover{background-color:#ea580c!important;color:#fff!important;transform:translateY(-1px)}.btn-blue{background-color:#3b82f6!important;color:#fff!important;border:1px solid #2563eb!important}.btn-blue:hover{background-color:#2563eb!important;color:#fff!important;transform:translateY(-1px)}.btn-green{background-color:#22c55e!important;color:#fff!important;border:1px solid #16a34a!important}.btn-green:hover{background-color:#16a34a!important;color:#fff!important;transform:translateY(-1px)}.btn-red,.btn-trigger-delete,.btn-modal-confirm-delete{background-color:#ef4444!important;color:#fff!important;border:1px solid #dc2626!important}.btn-red:hover,.btn-trigger-delete:hover,.btn-modal-confirm-delete:hover{background-color:#dc2626!important;color:#fff!important;transform:translateY(-1px)}.metrics-row-grid,.mycourse-metrics-row,.mycart-stats-row,.myorder-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.15rem}.metric-card,.cart-stat-card,.order-metric-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.35rem;background:#fff8f1;border:1px solid #eddcc9;border-radius:.95rem;transition:all .2s ease}.order-metric-card{cursor:pointer}.order-metric-card:hover{border-color:#b67a40;transform:translateY(-1px);box-shadow:0 4px 14px #3f281b14}.metric-icon,.stat-icon{width:46px;height:46px;border-radius:.75rem;background:#f4ede4;color:#8c4c1e;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.metric-icon.pending{background:#fef3c7;color:#b45309}.metric-icon.paid{background:#dcfce7;color:#15803d}.metric-icon.total{background:#f4ede4;color:#8c4c1e}.metric-num,.stat-number,.metric-number{display:block;font-size:1.55rem;font-weight:800;color:#2b1e16;line-height:1.15}.metric-lbl,.stat-label,.metric-label{font-size:.88rem;color:#715843;font-weight:600}.member-card,.mycourse-card,.mycart-card,.course-group-card,.checkout-main-card,.payment-main-card,.status-result-card,.grade-detail-card,.grade-curriculum-card,.grade-showcase-card,.grade-header-card{background:#fff;border:1px solid #e6d6c0;border-radius:1.25rem;overflow:hidden;box-shadow:0 14px 30px #3f281b0f;margin-bottom:1.75rem}.member-card-header,.mycourse-card-header,.mycart-card-header,.course-group-header,.checkout-card-header,.payment-card-header,.status-card-header,.card-header-styled{padding:1.35rem 1.75rem;background:#f7efe5;border-bottom:1px solid #e6d6c0}.member-card-title,.mycourse-card-title,.course-title-text,.status-main-title,.card-header-styled .section-title{font-size:1.35rem;font-weight:800;color:#4e3724;margin:0}.status-main-subtitle{font-size:.95rem;color:#715843;margin:.25rem 0 0}.member-card-body,.checkout-card-body,.payment-card-body,.status-card-body,.card-body-styled{padding:1.75rem}.member-card-footer,.mycourse-card-footer{padding:1.15rem 1.75rem;background:#fffbf6;border-top:1px solid #e6d6c0}.custom-check-input{width:20px;height:20px;accent-color:#b67a40;cursor:pointer;border-radius:5px;margin:0;vertical-align:middle}.select-all-pill,.course-select-all-pill,.cart-select-all-pill,.global-select-all-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;background:#fff;border:1.5px solid #d7c6ae;border-radius:.75rem;font-size:.92rem;font-weight:600;color:#4e3724;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0}.select-all-pill:hover,.course-select-all-pill:hover,.cart-select-all-pill:hover,.global-select-all-pill:hover{background:#fff8f1;border-color:#b67a40}.member-table,.mycourse-table,.mycart-table{width:100%;border-collapse:collapse;font-size:.98rem;color:#3c2f22}.member-table thead,.mycourse-table thead,.mycart-table thead{background:#fff8f1}.member-table th,.mycourse-table th,.mycart-table th{padding:1rem 1.35rem;font-size:.85rem;letter-spacing:.04em;color:#715843;text-transform:uppercase;font-weight:700;border-bottom:1px solid #e6d6c0}.member-table tbody tr,.mycourse-table tbody tr,.mycart-table tbody tr{border-bottom:1px solid #f0e4d6;transition:background-color .18s ease}.member-table tbody tr:hover,.mycourse-table tbody tr:hover,.mycart-table tbody tr:hover{background-color:#fdfbf8}.member-table td,.mycourse-table td,.mycart-table td{padding:1.15rem 1.35rem;vertical-align:middle}.course-thumb-img,.grade-thumb-img,.cart-thumb-img,.order-item-thumb,.item-thumb-col .item-img,.item-thumb-small{width:68px;height:68px;border-radius:.85rem;-o-object-fit:cover;object-fit:cover;border:1px solid #e5d5c5;flex-shrink:0;display:block}.grades-container{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.35rem}.grade-item-card{background:#fdfbf8;border:1.5px solid #eddcc9;border-radius:1.25rem;padding:1.5rem;transition:all .25s ease}.grade-item-card:hover{border-color:#b67a40;background:#fff;box-shadow:0 8px 24px #3f281b14}.grade-item-main{display:flex;align-items:flex-start;gap:1.35rem}.grade-check-col{padding-top:.35rem}.grade-thumb-col .grade-thumb-img{width:84px;height:84px;border-radius:.95rem;-o-object-fit:cover;object-fit:cover;border:1px solid #e5d5c5;display:block;transition:transform .2s}.grade-info-col,.item-info{flex:1;min-width:0}.grade-item-title{font-size:1.28rem;font-weight:800;color:#2b1e16;text-decoration:none!important;transition:color .2s}.grade-item-title:hover{color:#8c4c1e}.grade-price-tag,.cart-item-price,.order-item-price,.price-val{font-size:1.3rem;font-weight:800;color:#8c4c1e;white-space:nowrap}.grade-action-col{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end;min-width:150px}.btn-grade-cart,.btn-grade-buy{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.65rem 1.15rem;border-radius:.8rem;font-size:.95rem;font-weight:700;text-decoration:none!important;transition:all .2s;cursor:pointer;border:none}.btn-grade-cart{background:#fff8f1;color:#6d4323;border:1.5px solid #d4bda8}.btn-grade-cart:hover{background:#f4ede4;border-color:#b67a40;color:#4e3724}.btn-grade-buy{background:#b67a40;color:#fff;border:1px solid #a1672f;box-shadow:0 4px 12px #b67a4033}.btn-grade-buy:hover{background:#6d4323;color:#fff;transform:translateY(-1px)}.grade-desc-wrapper{position:relative;margin-top:.65rem}.desc-text{max-height:2.8rem;overflow:hidden;font-size:.95rem;color:#5f4731;line-height:1.55;transition:max-height .3s ease}.desc-text.expanded{max-height:600px}.desc-fade{position:absolute;bottom:1.4rem;left:0;right:0;height:1.4rem;background:linear-gradient(transparent,#fdfbf8);pointer-events:none}.desc-text.expanded+.desc-fade{display:none}.desc-toggle-btn{background:transparent;border:none;color:#8a5a33;font-size:.88rem;font-weight:700;padding:0;margin-top:.25rem;cursor:pointer}.desc-toggle-btn:hover{color:#4e3724;text-decoration:underline}.desc-toggle-btn.hidden{display:none}.grade-lessons-preview{margin-top:1.15rem;padding-top:1rem;border-top:1px dashed #eddcc9;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.lessons-preview-label,.chips-label{font-size:.88rem;font-weight:700;color:#715843;white-space:nowrap}.lessons-chips-wrap,.order-lessons-chips,.lessons-tags{display:flex;flex-wrap:wrap;gap:.45rem}.lesson-chip,.lesson-chip-mini,.meta-tag,.tag-chip{display:inline-flex;align-items:center;padding:.25rem .65rem;background:#fff;border:1px solid #e2d2c1;border-radius:999px;font-size:.82rem;color:#5f4731}.checkout-stepper{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;max-width:650px;margin-left:auto;margin-right:auto}.step-node{display:flex;flex-direction:column;align-items:center;gap:.4rem}.step-circle{width:42px;height:42px;border-radius:50%;background:#f4ede4;border:2px solid #d7c6ae;color:#8c735d;font-size:.95rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.step-label{font-size:.85rem;font-weight:600;color:#8c735d;white-space:nowrap}.step-node.active .step-circle{background:#b67a40;border-color:#b67a40;color:#fff;box-shadow:0 4px 14px #b67a404d}.step-node.active .step-label{color:#4e3724;font-weight:700}.step-node.completed .step-circle{background:#22c55e;border-color:#22c55e;color:#fff}.step-node.completed .step-label{color:#166534}.step-connector{flex:1;height:3px;background:#e6d6c0;margin:0 .75rem -1.35rem}.step-connector.completed{background:#22c55e}.order-status-pill,.order-item-status,.order-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .85rem;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.order-status-pill.pending,.order-status-pending,.order-status-badge.pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.order-status-pill.paid,.order-status-paid,.order-status-badge.paid{color:#166534;background:#dcfce7;border:1px solid #a7f3d0}.order-status-pill.rejected,.order-status-rejected,.order-status-badge.rejected{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.meta-pill,.meta-pill-mini{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.8rem;font-weight:600}.meta-pill.access,.meta-pill-mini.access,.access-badge-status.lifetime,.grade-badge-access.lifetime{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.access-badge-status.limited,.grade-badge-access.limited{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.meta-pill.lessons,.meta-pill-mini.lessons{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.course-type-pill,.cart-type-tag,.order-item-type,.item-course-badge,.type-pill,.grade-badge-type{display:inline-block;background:#4e3724;color:#f2dec7;padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.grade-badge-level{background:#ebf5ff;color:#1e40af;border:1px solid #bfdbfe;padding:.3rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.payment-method-pill,.method-tag{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:6px;font-size:.82rem;font-weight:700;text-transform:uppercase}.payment-method-pill.qris,.method-tag.qris{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.payment-method-pill.transfer,.method-tag.transfer{background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8}.search-box-wrap{position:relative;min-width:250px}.search-box-wrap .search-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:#8c735d;font-size:.9rem}.course-search-input,.search-input-custom{width:100%;padding:.55rem .95rem .55rem 2.35rem;background:#fff;border:1.5px solid #d7c6ae;border-radius:.75rem;font-size:.92rem;color:#2b1e16;outline:none;transition:all .2s ease}.course-search-input:focus,.search-input-custom:focus{border-color:#b67a40;box-shadow:0 0 0 3px #b67a4026}.order-filter-nav,.filter-tabs-nav{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-tab-btn{padding:.55rem 1.1rem;border-radius:.75rem;background:#fff;border:1.5px solid #e6d6c0;color:#6d4323;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-tab-btn:hover{background:#fff8f1;border-color:#b67a40}.filter-tab-btn.active{background:#b67a40;border-color:#b67a40;color:#fff;box-shadow:0 4px 12px #b67a4033}.sticky-summary-footer,.sticky-checkout-bar,.catalog-sticky-bar,.cart-sticky-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1.5px solid #e6d6c0;box-shadow:0 -8px 25px #3f281b17;z-index:1000;padding:1rem 1.75rem}.sticky-footer-inner,.sticky-bar-inner,.cart-footer-inner{max-width:1160px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1.35rem;flex-wrap:wrap}.sticky-footer-stats,.footer-stats-wrap{display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap}.sticky-stat-item .lbl,.stat-box .lbl,.stat-pill .lbl,.lbl-small,.meta-row .lbl,.pricing-label{font-size:.85rem;color:#715843;font-weight:600}.sticky-stat-item .val,.stat-box .val,.stat-pill .val,.invoice-code,.meta-row .val{font-size:1.25rem;font-weight:800;color:#2b1e16}.sticky-stat-item .val.price,.stat-box .val.price,.stat-pill .val.price,.meta-row .val.total{color:#8c4c1e}.btn-sticky-checkout,.btn-cart-checkout{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.85rem;background:#b67a40;color:#fff!important;border:none;border-radius:.85rem;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #b67a4047}.btn-sticky-checkout:hover:not(:disabled),.btn-cart-checkout:hover:not(:disabled){background:#6d4323;transform:translateY(-1px)}.btn-sticky-checkout:disabled,.btn-cart-checkout:disabled{background:#d7c6ae;cursor:not-allowed;box-shadow:none;opacity:.7}.mycourse-pagination-list{display:flex;align-items:center;gap:.4rem;list-style:none;margin:0;padding:0}.page-btn-num,.page-btn-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .6rem;border-radius:.65rem;background:#fff;border:1.5px solid #e6d6c0;color:#6d4323;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.page-btn-num:hover:not(:disabled),.page-btn-arrow:hover:not(:disabled){background:#fff8f1;border-color:#b67a40}.page-btn-num.active{background:#b67a40;border-color:#b67a40;color:#fff}.page-btn-arrow:disabled{opacity:.4;cursor:not-allowed}.page-size-select{padding:.35rem .75rem;background:#fff;border:1.5px solid #d7c6ae;border-radius:.65rem;font-size:.88rem;font-weight:600;color:#4e3724;outline:none;cursor:pointer}.empty-state-card,.empty-order-card,.empty-cart-state{background:#fff;border:1px solid #e6d6c0;border-radius:1.25rem;padding:3.5rem 1.75rem;text-align:center}.empty-state-icon,.empty-icon,.empty-cart-icon{width:72px;height:72px;border-radius:50%;background:#f4ede4;color:#8c4c1e;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.15rem}.empty-state-title,.empty-title,.empty-cart-title{font-size:1.45rem;font-weight:800;color:#4e3724;margin-bottom:.5rem}.empty-state-desc,.empty-desc,.empty-cart-desc{font-size:.98rem;color:#715843;max-width:480px;margin:0 auto 1.5rem}.order-record-card{background:#fff;border:1px solid #e6d6c0;border-radius:1.25rem;overflow:hidden;box-shadow:0 12px 28px #3f281b0f;margin-bottom:1.75rem}.order-record-header{padding:1.35rem 1.75rem;background:#f7efe5;border-bottom:1px solid #e6d6c0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-left-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.invoice-badge-wrap{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.invoice-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;background:#4e3724;color:#f2dec7;border:none;border-radius:.65rem;font-weight:700;font-size:.9rem;letter-spacing:.02em;cursor:pointer;transition:all .2s ease}.invoice-badge:hover{background:#2b1e16;color:#fff}.order-date-text{font-size:.88rem;color:#715843}.order-record-body{padding:1.5rem 1.75rem}.order-record-items,.order-items-list,.items-list-wrap{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.order-item-line,.order-item-row,.item-detail-tile{display:flex;align-items:center;gap:1.15rem;padding:1.1rem 1.35rem;background:#fff8f1;border:1px solid #eddcc9;border-radius:.95rem}.order-item-desc,.item-info-col{flex:1;min-width:0}.order-item-course-title,.item-name,.item-title{font-size:1.05rem;font-weight:700;color:#2b1e16;margin-bottom:.3rem}.order-financial-breakdown{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e6d6c0;padding-top:1.15rem;flex-wrap:wrap;gap:1.15rem}.financial-summary-lines{display:flex;flex-direction:column;gap:.3rem}.fin-line{display:flex;align-items:center;gap:1rem;font-size:.95rem;color:#5f4731}.fin-line.total{font-size:1.05rem;font-weight:700;color:#2b1e16;margin-top:.25rem}.fin-line .total-amount{font-size:1.45rem;font-weight:900;color:#8c4c1e}.order-actions-wrap,.checkout-footer-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.paid-timestamp{font-size:.85rem;color:#065f46;font-weight:600}.payment-method-selector-grid{display:grid;grid-template-columns:1fr;gap:1.15rem}@media(min-width:768px){.payment-method-selector-grid{grid-template-columns:1fr 1fr}}.payment-method-tile{position:relative;display:block;padding:1.35rem 1.5rem;background:#fff;border:2px solid #e6d6c0;border-radius:1.15rem;cursor:pointer;transition:all .25s ease}.payment-method-tile:hover{border-color:#b67a40;background:#fdfbf8}.payment-method-tile input{position:absolute;opacity:0;pointer-events:none}.payment-method-tile.selected{border-color:#b67a40;background:#fff9f3;box-shadow:0 6px 20px #b67a401f}.tile-header{display:flex;align-items:center;gap:.85rem;margin-bottom:.75rem}.tile-icon{width:44px;height:44px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.tile-icon.qris{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.tile-icon.va{background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8}.tile-title-group{flex:1;min-width:0}.tile-name{display:block;font-size:1.1rem;font-weight:700;color:#2b1e16;line-height:1.25}.tile-badge{font-size:.8rem;color:#8c735d;font-weight:600}.tile-check{font-size:1.35rem;color:#d4bda8;transition:color .2s}.payment-method-tile.selected .tile-check{color:#b67a40}.tile-desc{font-size:.92rem;color:#5f4731;line-height:1.5;margin-bottom:.75rem}.tile-fee{font-size:.88rem;color:#715843;padding-top:.6rem;border-top:1px dashed #eddcc9}.tile-fee .fee-text{font-weight:700;color:#2b1e16}.summary-breakdown-card,.bill-summary-sidebar,.invoice-summary-box,.invoice-meta-box,.pricing-card{background:#fff8f1;border:1px solid #eddcc9;border-radius:1.15rem;padding:1.5rem 1.75rem}.invoice-meta-box.success-box{background:#f0fdf4;border-color:#bbf7d0}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.98rem;color:#5f4731;margin-bottom:.45rem}.meta-row:last-child{margin-bottom:0}.summary-heading,.bill-title{font-size:1.2rem;font-weight:700;color:#4e3724;margin-bottom:1rem}.summary-line,.bill-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;font-size:.98rem;color:#5f4731}.summary-line .line-val,.bill-row .val{font-weight:600;color:#2b1e16}.summary-divider,.bill-divider{height:1px;background:#e6d6c0;margin:1rem 0}.summary-line.total-line,.bill-row.total{margin-bottom:0;align-items:flex-end}.total-label{display:block;font-size:1.15rem;font-weight:800;color:#2b1e16}.total-subtitle{display:block;font-size:.82rem;color:#8c735d}.total-val{font-size:1.65rem;font-weight:900;color:#8c4c1e;letter-spacing:-.02em}.alert-payment-warning,.alert-no-token{padding:.95rem 1.25rem;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:.85rem;font-size:.95rem;font-weight:600}.result-state-block{display:flex;flex-direction:column;align-items:center;text-align:center}.result-state-block.hidden{display:none!important}.status-icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.status-icon-circle.spinner-wrap{background:#fff8f1;color:#b67a40;border:2px solid #eddcc9}.status-icon-circle.success{background:#ecfdf5;color:#059669;border:2px solid #a7f3d0}.status-icon-circle.pending{background:#fffbeb;color:#b45309;border:2px solid #fde68a}.status-icon-circle.expired{background:#fef2f2;color:#dc2626;border:2px solid #fecaca}.status-icon-circle.timeout{background:#fff7ed;color:#ea580c;border:2px solid #fed7aa}.result-title{font-size:1.55rem;font-weight:800;color:#2b1e16;margin-bottom:.5rem}.result-desc{font-size:.98rem;color:#5f4731;max-width:540px;line-height:1.6;margin:0 auto}.result-actions-row{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.profile-card-main{width:100%;background:#fff;border-radius:1.35rem;box-shadow:0 16px 36px -12px #4e37241a,0 0 1px 1px #4e37240d;overflow:hidden;display:grid;grid-template-columns:1fr;border:1px solid #e6d6c0}@media(min-width:992px){.profile-card-main{grid-template-columns:360px 1fr}}.profile-banner-side{background:linear-gradient(145deg,#2b1e16,#4a3424,#6d4323);color:#fff;padding:2.75rem 2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.profile-banner-side:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#cd965f40,#cd965f00 70%);pointer-events:none}.brand-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:9999px;font-size:.85rem;font-weight:600;letter-spacing:.04em;color:#f7e6d2;text-transform:uppercase;margin-bottom:1.75rem}.brand-badge i{color:#e5a96c}.profile-avatar-circle{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#b67a40,#e5a96c);color:#fff;font-size:2.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto .95rem;box-shadow:0 6px 16px #0003;border:3px solid rgba(255,255,255,.3)}.profile-user-name{font-size:1.55rem;font-weight:800;color:#fff;margin-bottom:.25rem;line-height:1.2}.profile-user-email{font-size:.95rem;color:#e2d2c1;margin-bottom:.85rem;word-break:break-all}.profile-verification-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700}.profile-verification-tag.verified{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.35)}.profile-verification-tag.unverified{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.35)}.profile-quick-stats{margin-top:2rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:1.15rem}.quick-stat-item{display:flex;align-items:center;gap:.85rem}.stat-icon-wrap{width:36px;height:36px;border-radius:8px;background:#e5a96c33;border:1px solid rgba(229,169,108,.35);display:flex;align-items:center;justify-content:center;color:#f6c896;font-size:.9rem;flex-shrink:0}.stat-text-wrap{display:flex;flex-direction:column}.stat-key{font-size:.82rem;color:#d1bba4}.stat-val{font-size:.95rem;font-weight:700;color:#fff}.stat-link{font-size:.88rem;font-weight:700;color:#f6c896;text-decoration:none;transition:color .2s}.stat-link:hover{color:#fff;text-decoration:underline}.banner-footer-quote{padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);font-style:italic;font-size:.85rem;color:#d1bba4;line-height:1.5}.profile-form-hub{padding:2.25rem 2rem;background:#fff}@media(min-width:640px){.profile-form-hub{padding:2.75rem 2.5rem}}.profile-nav-tabs{display:flex;background:#f4ede4;padding:.35rem;border-radius:.95rem;gap:.35rem;margin-bottom:2.25rem}.auth-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;background:transparent;color:#6d4323;font-size:.95rem;font-weight:600;border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-decoration:none!important}.auth-tab-btn:hover{color:#2b1e16;background:#fff9}.auth-tab-btn.active{background:#fff;color:#8c4c1e;box-shadow:0 4px 10px #3f281b14;font-weight:700}.profile-tab-pane{display:none}.profile-tab-pane.active{display:block;animation:fadeInTab .25s ease forwards}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-pane-header{margin-bottom:1.75rem;padding-bottom:1.15rem;border-bottom:1px solid #f0e4d6}.pane-title{font-size:1.4rem;font-weight:800;color:#2b1e16;margin-bottom:.35rem}.pane-subtitle{font-size:.95rem;color:#715843;margin:0;line-height:1.55}.auth-field-group{margin-bottom:1.35rem}.auth-field-label{display:block;font-size:.92rem;font-weight:700;color:#3b281b;margin-bottom:.45rem}.auth-input-container{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:1rem;color:#9e816a;font-size:.95rem;pointer-events:none;z-index:2}.auth-input-control{width:100%;height:48px;padding:.65rem 1rem .65rem 2.75rem;font-size:.98rem;color:#2b1e16;background-color:#fdfbf8;border:1.5px solid #e5d5c5;border-radius:.75rem;outline:none;transition:all .2s ease}.auth-input-control:focus{background-color:#fff;border-color:#b67a40;box-shadow:0 0 0 3px #b67a4026}.auth-input-control.is-invalid{border-color:#e53e3e;background-color:#fffaf0}.auth-field-error{display:block;color:#dc2626;font-size:.85rem;font-weight:600;margin-top:.35rem}.btn-password-toggle{position:absolute;right:.85rem;background:transparent;border:none;color:#9e816a;font-size:1rem;cursor:pointer;padding:.4rem}.btn-password-toggle:hover{color:#4e3724}.form-submit-row{display:flex;align-items:center;gap:1.15rem;margin-top:2rem;flex-wrap:wrap}.save-status-msg{font-size:.92rem;font-weight:600}.save-status-msg.success{color:#059669}.email-unverified-alert{padding:.85rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:.75rem;font-size:.88rem}.btn-resend-verification{background:transparent;border:none;color:#b45309;font-weight:700;text-decoration:underline;padding:0;cursor:pointer}.danger-zone-card{padding:1.75rem;background:#fef2f2;border:1.5px solid #fecaca;border-radius:1.15rem}.danger-header{display:flex;align-items:center;margin-bottom:.75rem}.danger-title{font-size:1.2rem;font-weight:800;color:#991b1b;margin:0}.danger-desc{font-size:.95rem;color:#7f1d1d;line-height:1.6;margin-bottom:1.5rem}.custom-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.custom-modal-card{width:100%;max-width:500px;background:#fff;border-radius:1.25rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:modalPop .25s ease-out}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header-styled{padding:1.25rem 1.5rem;background:#fef2f2;border-bottom:1px solid #fee2e2;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.2rem;font-weight:800;margin:0}.btn-modal-close{background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;line-height:1}.modal-body-styled{padding:1.5rem}.modal-warning-text{font-size:.95rem;color:#475569;line-height:1.55}.modal-footer-styled{padding:1.15rem 1.5rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.75rem}.grade-breadcrumb-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.95rem;color:#715843}.breadcrumb-link{color:#8a5a33;text-decoration:none;font-weight:600;transition:color .2s}.breadcrumb-link:hover{color:#4e3724;text-decoration:underline}.breadcrumb-sep{font-size:.75rem;color:#b59f8c}.breadcrumb-current{color:#4e3724;font-weight:700}.grade-image-holder{width:100%;max-height:420px;overflow:hidden;background:#2b1e16;display:flex;align-items:center;justify-content:center}.grade-main-img{width:100%;height:auto;max-height:420px;-o-object-fit:cover;object-fit:cover;display:block}.grade-header-card{padding:2rem 2.25rem}.grade-tags-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.grade-main-title{font-size:1.85rem;font-weight:800;color:#2b1e16;line-height:1.3;margin-bottom:.75rem}.grade-lead-desc{font-size:1.05rem;color:#5f4731;line-height:1.6;margin-bottom:1.5rem}.grade-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;padding-top:1.25rem;border-top:1px solid #f0e4d6}.grade-stat-pill{display:flex;align-items:center;gap:.85rem;background:#fff8f1;border:1px solid #eddcc9;padding:.75rem 1rem;border-radius:.85rem}.grade-stat-pill i{font-size:1.25rem;color:#b67a40}.grade-stat-pill .stat-num{display:block;font-weight:700;font-size:1.1rem;color:#2b1e16;line-height:1.1}.grade-stat-pill .stat-lbl{font-size:.82rem;color:#715843}.curriculum-badge{font-size:.88rem;font-weight:600;color:#6d4323;background:#f2e3d7;padding:.3rem .75rem;border-radius:999px;border:1px solid #e1cebd}.grade-formatted-content{font-size:1.05rem;line-height:1.75;color:#3b281b}.grade-formatted-content h1,.grade-formatted-content h2,.grade-formatted-content h3{color:#2b1e16;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem}.grade-formatted-content h1{font-size:1.5rem}.grade-formatted-content h2{font-size:1.3rem}.grade-formatted-content h3{font-size:1.15rem}.grade-formatted-content p{margin-bottom:1rem}.grade-formatted-content ul,.grade-formatted-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.grade-formatted-content ul li{list-style-type:disc;margin-bottom:.4rem;color:#4e3724}.lessons-accordion{display:flex;flex-direction:column}.lesson-accordion-item{border-bottom:1px solid #f0e4d6}.lesson-accordion-item:last-child{border-bottom:none}.lesson-header{display:flex;align-items:center;padding:1.15rem 1.5rem;background:#fff;gap:1rem;transition:background-color .2s}.lesson-header:hover{background:#fdfbf8}.lesson-index-badge{width:32px;height:32px;border-radius:50%;background:#f4ede4;color:#6d4323;font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-title-text{font-size:1.05rem;font-weight:600;color:#2b1e16;flex:1}.lesson-contents-count{font-size:.82rem;color:#8c735d;background:#f9f5f0;padding:.25rem .6rem;border-radius:6px}.lesson-contents-list{background:#fcf9f5;padding:.6rem 1.5rem .9rem 4rem;border-top:1px dashed #eddcc9}.lesson-content-row{display:flex;align-items:center;gap:.65rem;padding:.35rem 0;font-size:.95rem;color:#5f4731}.lesson-content-row .content-icon{color:#b67a40;font-size:1rem}.lesson-content-row .content-title{flex:1}.lesson-content-row .content-duration{font-size:.85rem;color:#9e8570}.grade-sticky-sidebar{position:sticky;top:100px}.pricing-card{background:#fff;border:1px solid #e6d6c0;border-radius:1.25rem;padding:2rem;box-shadow:0 18px 35px #3f281b1a}.pricing-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #f0e4d6;margin-bottom:1.5rem}.price-amount{display:flex;align-items:baseline;justify-content:center;gap:.35rem;color:#2b1e16;margin-bottom:.75rem}.price-amount .currency{font-size:1.25rem;font-weight:700;color:#8a5a33}.price-amount .value{font-size:2.15rem;font-weight:800;letter-spacing:-.02em}.access-pill{display:inline-flex;align-items:center;padding:.35rem .85rem;background:#fff8f1;border:1px solid #eddcc9;border-radius:999px;font-size:.88rem;font-weight:600;color:#6d4323}.pricing-features{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.75rem}.feature-row{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#4e3724}.feature-row i{color:#22c55e;font-size:1rem;width:18px;text-align:center}.pricing-actions{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.trust-guarantee{text-align:center;font-size:.85rem;color:#8c735d}@media(max-width:991px){.grade-sticky-sidebar{position:static;margin-top:1.75rem}}