:root{--color-page:#f6f8fc;--color-surface:#fff;--color-heading:#1f2937;--color-text:#4b5565;--color-muted:#7b8494;--color-border:#e4eaf3;--color-ink:#111827;--color-teal:#4f8cff;--color-teal-dark:#2563eb;--color-coral:#4f8cff;--shadow-sm:0 4px 14px #1f29370a;--shadow-md:0 12px 34px #1f293712;--font-sans:"Poppins", Inter, "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-sans);letter-spacing:0;color:var(--color-text);background:var(--color-page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;font-weight:400;line-height:1.55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button,input{letter-spacing:0}a{color:inherit}#root{min-height:100svh}.ig-reviews-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;min-width:0;max-width:100%;margin-top:24px;padding:24px;overflow:hidden;box-shadow:0 4px 20px #00000005}.ig-reviews-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.ig-reviews-summary{align-items:center;gap:12px;display:flex}.ig-summary-stars{gap:2px;display:flex}.ig-summary-stars .star-icon{width:16px;height:16px}.ig-summary-text{color:#0f172a;font-size:.95rem;font-weight:700}.ig-summary-count{color:#64748b;font-size:.86rem}.btn-ig-action{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-ig-action:hover{background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.btn-ig-action .icon{width:14px;height:14px}.ig-comments-list{flex-direction:column;gap:18px;min-width:0;max-width:100%;display:flex}.ig-comments-scroll{overscroll-behavior:contain;max-height:380px;margin-right:-8px;padding-right:8px;overflow:hidden auto}.ig-comments-scroll::-webkit-scrollbar{width:7px}.ig-comments-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.ig-comments-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.ig-comments-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ig-comment-item{align-items:flex-start;gap:14px;min-width:0;max-width:100%;padding:4px 0;display:flex;position:relative}.ig-comment-avatar-wrapper{flex-shrink:0}.ig-comment-avatar{object-fit:cover;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;width:38px;height:38px}.ig-comment-avatar-fallback{color:#2563eb;place-items:center;font-weight:800;display:grid}.ig-comment-body{text-align:left;overflow-wrap:anywhere;flex:auto;min-width:0;max-width:100%}.ig-comment-username-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;margin-bottom:2px;display:flex}.ig-comment-username{color:#0f172a;cursor:pointer;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;font-size:.88rem;font-weight:700;transition:color .15s}.ig-comment-username:hover{color:#0095f6}.ig-comment-stars{flex-shrink:0;gap:1px;display:inline-flex}.ig-comment-stars .star-icon{width:10px;height:10px}.ig-comment-text{color:#1e293b;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin:2px 0 0;font-size:.9rem;line-height:1.45}.ig-comment-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;max-width:100%;margin-top:6px;font-size:.76rem;font-weight:500;display:flex}.ig-comment-meta-row span{display:inline-block}.ig-comment-likes-count{color:#334155;cursor:pointer;font-weight:600}.ig-meta-action-btn{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .15s}.ig-meta-action-btn:hover{color:#0f172a}.ig-meta-action-btn:disabled,.ig-comment-heart-btn:disabled{cursor:wait;opacity:.68}.ig-comment-heart-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:transform .15s,color .15s;display:flex}.ig-comment-heart-btn:hover{color:#ed4956;transform:scale(1.15)}.ig-comment-heart-btn.liked{color:#ed4956;animation:.35s cubic-bezier(.175,.885,.32,1.275) heartBumble}.ig-comment-heart-btn .icon{fill:currentColor;width:14px;height:14px}.ig-review-compose{border-top:1px solid #f1f5f9;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:20px;padding-top:18px;display:grid}.ig-review-compose textarea{resize:vertical;color:#0f172a;width:100%;min-width:0;min-height:72px;max-height:160px;font:inherit;background:#fff;border:1.5px solid #dbe5f0;border-radius:14px;outline:none;padding:12px 14px;font-size:.9rem;line-height:1.45;transition:border-color .2s,box-shadow .2s}.ig-review-compose textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ig-review-compose .btn{white-space:nowrap;min-height:46px;padding-inline:18px}.review-gate-backdrop{z-index:1100;-webkit-backdrop-filter:blur(8px);background:#0f172a94;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.review-gate-modal{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,420px);padding:26px;box-shadow:0 24px 60px #0f172a38}.review-gate-icon{color:#2563eb;background:#eff6ff;border-radius:16px;place-items:center;width:48px;height:48px;margin:0 auto 14px;display:grid}.review-gate-icon .icon{width:22px;height:22px}.review-gate-modal h3{color:#0f172a;margin:0 0 8px;font-size:1.15rem;line-height:1.25}.review-gate-modal p{color:#64748b;margin:0 0 20px;font-size:.94rem;line-height:1.55}.review-gate-modal .btn{width:100%}@keyframes heartBumble{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.review-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999;background:#0f172aa6;place-items:center;padding:16px;animation:.3s modalFadeIn;display:grid;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.review-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:min(720px,100vh - 36px);animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.review-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.review-modal-header h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.review-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;transition:all .2s;display:grid}.review-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.review-modal-close-btn .icon{width:18px;height:18px}.review-modal-body{overscroll-behavior:contain;flex-grow:1;padding:22px;overflow-y:auto}.review-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:16px 22px;display:flex}.modal-review-list-container{flex-direction:column;gap:18px;display:flex}.review-form{text-align:left;flex-direction:column;gap:18px;display:flex}.avatar-upload-section{flex-direction:column;align-items:center;gap:10px;margin-bottom:6px;display:flex}.avatar-upload-preview-container{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;transition:all .2s;display:flex;position:relative;overflow:hidden}.avatar-upload-preview-container:hover{background:#eff6ff;border-color:#3b82f6}.avatar-upload-preview-container img{object-fit:cover;width:100%;height:100%}.avatar-upload-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:flex}.avatar-upload-placeholder .icon{color:#64748b;width:22px;height:22px}.avatar-upload-overlay{color:#fff;opacity:0;background:#0f172a99;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-upload-preview-container:hover .avatar-upload-overlay{opacity:1}.form-grid-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:#334155;font-size:.85rem;font-weight:700}.form-field input,.form-field textarea{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:42px;padding:8px 12px;font-family:inherit;font-size:.9rem;transition:all .2s}.form-field input:focus,.form-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.form-field textarea{resize:vertical;min-height:80px}.rating-picker-row{align-items:center;gap:6px;padding:4px 0;display:flex}.rating-picker-stars{gap:6px;display:flex}.rating-star-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;padding:0;transition:transform .15s,color .1s}.rating-star-btn:hover{transform:scale(1.2)}.rating-star-btn.active{color:#fbbc05}.rating-star-btn .star-icon{fill:currentColor;stroke:currentColor;width:28px;height:28px}.review-modal-card.stacked{border-color:#cbd5e1;box-shadow:0 30px 60px #00000040}.public-detail-section{text-align:left;min-width:0;max-width:100%}.public-detail-section .eyebrow{margin-bottom:12px}@media (width<=560px){.ig-reviews-container{border-radius:14px;padding:16px}.ig-reviews-header{align-items:flex-start}.ig-reviews-summary{flex-wrap:wrap;gap:6px 10px;min-width:0}.ig-comment-item{gap:10px}.ig-comments-scroll{max-height:320px;margin-right:-6px;padding-right:6px}.ig-comment-avatar{width:34px;height:34px}.ig-comment-username-row{gap:5px 7px}.ig-comment-text{font-size:.86rem;line-height:1.5}.ig-comment-heart-btn{padding:2px}.ig-review-compose{grid-template-columns:1fr;gap:10px}.ig-review-compose .btn{width:100%}.review-gate-modal{border-radius:18px;padding:22px}}.modern-auth-container{color:#fff;background:#060b13;justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:40px 20px;font-family:Poppins,Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.modern-auth-bg{z-index:1;pointer-events:none;position:absolute;inset:0}.modern-auth-grid{transform-origin:top;opacity:.4;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:50%;background-size:50px 50px;animation:20s linear infinite gridDrift;position:absolute;inset:0;transform:perspective(500px)rotateX(60deg)translateY(-30%)translateZ(-100px);-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes gridDrift{0%{background-position:0 0}to{background-position:0 100px}}.bg-blob{filter:blur(120px);opacity:.35;mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.bg-blob-1{background:radial-gradient(circle,#2563eb 0%,#2563eb00 70%);width:450px;height:450px;animation:12s ease-in-out infinite blobFloat;top:-100px;right:-50px}.bg-blob-2{background:radial-gradient(circle,#0d9488 0%,#0d948800 70%);width:500px;height:500px;animation:15s ease-in-out infinite alternate blobFloat;bottom:-150px;left:-50px}.bg-blob-3{background:radial-gradient(circle,#c084fc 0%,#c084fc00 70%);width:350px;height:350px;animation:10s ease-in-out 2s infinite blobFloat;top:40%;left:30%}@keyframes blobFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}to{transform:translate(0)scale(1)}}.login-layout-wrap{z-index:2;grid-template-columns:1fr;align-items:center;gap:40px;width:min(1200px,100%);display:grid;position:relative}@media (width>=1025px){.login-layout-wrap{grid-template-columns:1.1fr .9fr;gap:80px}}.login-showcase{perspective:1200px;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;display:none}@media (width>=1025px){.login-showcase{display:flex}}.showcase-brand{align-items:center;gap:12px;margin-bottom:24px;animation:.8s forwards fadeInDown;display:flex}.showcase-logo{background:linear-gradient(135deg,#3b82f6 0%,#0d9488 100%);border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 8px 20px #3b82f64d}.showcase-logo img{object-fit:cover;border-radius:12px;width:100%;height:100%}.showcase-logo .icon{color:#fff;width:24px;height:24px}.showcase-name{letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.login-showcase h1{background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 16px;font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:800;line-height:1.15;animation:.8s .1s forwards fadeInLeft}.login-showcase p{color:#94a3b8;max-width:480px;margin:0 0 40px;font-size:1.05rem;line-height:1.6;animation:.8s .2s forwards fadeInLeft}.visual-3d-scene{width:100%;height:280px;transform-style:preserve-3d;animation:6s ease-in-out infinite floatScene;position:relative}@keyframes floatScene{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.floating-3d-card{-webkit-backdrop-filter:blur(12px);width:260px;height:150px;transform-style:preserve-3d;cursor:pointer;border:1px solid #ffffff1a;border-radius:16px;padding:20px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:absolute}.floating-3d-card:hover{border-color:#ffffff59;box-shadow:0 25px 50px #0000004d;transform:translateZ(50px)rotateX(5deg)rotateY(-5deg)scale(1.08)!important}.card-design{background:linear-gradient(135deg,#3b82f633 0%,#2563eb0d 100%);top:0;left:20px;transform:rotateY(-18deg)rotateX(12deg)translateZ(0);box-shadow:0 15px 30px #2563eb26}.card-video{background:linear-gradient(135deg,#0d948833 0%,#14b8a60d 100%);top:40px;left:180px;transform:rotateY(-15deg)rotateX(10deg)translateZ(30px);box-shadow:0 15px 30px #0d948826}.card-code{background:linear-gradient(135deg,#c084fc33 0%,#a855f70d 100%);top:100px;left:70px;transform:rotateY(-22deg)rotateX(15deg)translateZ(60px);box-shadow:0 15px 30px #a855f726}.card-icon-wrap{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:inline-flex;transform:translateZ(20px)}.card-icon-wrap .icon{color:#fff;width:20px;height:20px}.floating-3d-card h3{color:#fff;margin:0 0 6px;font-size:1.1rem;font-weight:700;transform:translateZ(30px)}.floating-3d-card span{color:#94a3b8;font-size:.85rem;display:block;transform:translateZ(15px)}.login-card-container{perspective:1000px;justify-content:center;align-items:center;width:100%;display:flex}.modern-login-card{-webkit-backdrop-filter:blur(24px)saturate(1.2);width:100%;max-width:440px;transform-style:preserve-3d;background:#0d14238c;border:1px solid #ffffff14;border-radius:24px;padding:40px 32px;transition:transform .15s ease-out,box-shadow .3s;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards scaleIn;position:relative;overflow:hidden;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff1a}.modern-login-card:hover{box-shadow:0 40px 80px #00000080,0 0 40px #3b82f626,inset 0 1px #ffffff26}.card-sheen{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff0f 0%, transparent 60%);pointer-events:none;z-index:5;position:absolute;inset:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modern-login-card .form-heading{align-items:center;gap:16px;margin-bottom:32px;display:flex;transform:translateZ(30px)}.modern-login-card .form-heading .icon-wrapper{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 10px 22px #3b82f640}.modern-login-card .form-heading .icon-wrapper .icon{color:#fff;width:22px;height:22px}.modern-login-card .form-heading h2{color:#fff;letter-spacing:-.5px;margin:0 0 4px;font-size:1.5rem;font-weight:800}.modern-login-card .form-heading p{color:#94a3b8;margin:0;font-size:.88rem}.modern-login-card form{flex-direction:column;gap:20px;display:flex;transform:translateZ(20px)}.input-group{flex-direction:column;display:flex;position:relative}.input-icon-wrapper{pointer-events:none;z-index:2;color:#64748b;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-icon-wrapper .icon{width:18px;height:18px}.input-group input{color:#fff;background:#0f172a99;border:1.5px solid #ffffff14;border-radius:14px;outline:none;width:100%;min-height:52px;padding:10px 48px;font-family:inherit;font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0003}.input-group input:hover{background:#0f172ab3;border-color:#ffffff2e}.input-group input:focus{background:#0f172ad9;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,inset 0 2px 4px #0003}.input-group input:focus~.input-icon-wrapper{color:#3b82f6}.floating-label{color:#64748b;pointer-events:none;z-index:2;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:48px;transform:translateY(-50%)}.input-group input:focus~.floating-label,.input-group input:not(:placeholder-shown)~.floating-label{color:#3b82f6;background:#0d1423;border-radius:4px;padding:2px 8px;font-size:.76rem;font-weight:600;top:0;left:16px;transform:translateY(-50%)}.input-group input:not(:focus):not(:placeholder-shown)~.floating-label{color:#94a3b8;background:#0d1423}.password-toggle-btn{cursor:pointer;color:#64748b;z-index:2;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#fff;background:#ffffff0d}.password-toggle-btn .icon{width:18px;height:18px}.input-group input[type=password]{padding-right:48px}.modern-login-card .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:.98rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #2563eb4d}.modern-login-card .btn-primary:before{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.modern-login-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);transform:translateY(-2px);box-shadow:0 15px 30px #2563eb73}.modern-login-card .btn-primary:hover:not(:disabled):before{left:100%}.modern-login-card .btn-primary:active:not(:disabled){transform:translateY(1px)}.modern-login-card .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite btnSpin}@keyframes btnSpin{to{transform:rotate(360deg)}}.google-login-block{border-top:1px solid #ffffff14;flex-direction:column;gap:16px;margin-top:8px;padding-top:24px;display:flex;transform:translateZ(10px)}.google-login-block p{color:#64748b;text-align:center;margin:0;font-size:.85rem;font-weight:500}.google-login-button{color:#e2e8f0;cursor:pointer;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.google-login-button:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.google-login-button:active:not(:disabled){transform:translateY(1px)}.google-login-button:disabled{opacity:.5;cursor:wait}.google-icon{flex-shrink:0;width:18px;height:18px}.mobile-brand-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;animation:.6s forwards fadeInDown;display:flex}@media (width>=1025px){.mobile-brand-header{display:none}}.mobile-brand-logo{background:linear-gradient(135deg,#3b82f6 0%,#0d9488 100%);border:1px solid #fff3;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;display:inline-flex;box-shadow:0 8px 16px #3b82f640}.mobile-brand-logo img{object-fit:cover;border-radius:14px;width:100%;height:100%}.mobile-brand-logo .icon{color:#fff;width:26px;height:26px}.mobile-brand-name{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=480px){.modern-auth-container{padding:24px 14px}.modern-login-card{border-radius:20px;padding:30px 20px}.modern-login-card .form-heading{margin-bottom:24px}}.app-shell{min-height:100vh;color:var(--color-text);background:var(--color-page);overflow-x:clip}.icon{flex:none;width:1.1em;height:1.1em}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafce6;border-bottom:1px solid #d5dbe5d9;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 40px;display:flex;position:sticky;top:0}.brand,.nav-link,.text-button,.public-menu-toggle,.dashboard-header-toggle{appearance:none;font:inherit;cursor:pointer;border:0}.brand{min-width:176px;color:var(--color-heading);background:0 0;align-items:center;gap:10px;padding:0;font-weight:800;display:inline-flex}.brand-static{cursor:default}.brand-mark{width:38px;height:38px;color:var(--color-teal-dark);background:#e9fbf7;border:1px solid #0ea5a44d;border-radius:8px;place-items:center;display:inline-grid}.brand-mark img{object-fit:cover;width:100%;height:100%}.site-nav{max-width:100%;box-shadow:var(--shadow-sm);background:#ffffffbd;border:1px solid #d5dbe5e6;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.public-menu-toggle,.dashboard-header-toggle{border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-heading);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;place-items:center;display:none}.nav-link{min-width:76px;min-height:38px;color:var(--color-muted);white-space:nowrap;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:.94rem;font-weight:700;display:inline-flex}.nav-link.active,.nav-link:hover{color:var(--color-heading);box-shadow:var(--shadow-sm);background:#fff}.logout-link{color:#b43d28}.logout-link:hover{color:#8f2f20;background:#fff1ed}.app-toast{z-index:50;width:min(360px,100% - 36px);color:var(--color-heading);box-shadow:var(--shadow-md);background:#fffffff5;border:1px solid #0ea5a43d;border-radius:8px;padding:14px 16px;position:fixed;bottom:18px;right:18px}.profile-menu{position:relative}.header-actions{justify-self:end;align-items:center;gap:8px;min-width:0;display:inline-flex}.notification-menu{position:relative}.notification-trigger{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:999px;place-items:center;display:inline-grid;position:relative}.notification-trigger span{color:#fff;background:var(--color-coral);border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;display:inline-grid;position:absolute;top:-4px;right:-4px}.notification-dropdown{z-index:60;border:1px solid var(--color-border);width:min(320px,100vw - 28px);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.notification-heading{justify-content:space-between;align-items:center;padding:4px 6px 8px;display:flex}.notification-heading small,.notification-empty{color:var(--color-muted)}.notification-list{overscroll-behavior:contain;gap:6px;max-height:min(420px,100vh - 132px);padding-right:2px;display:grid;overflow-y:auto}.notification-list::-webkit-scrollbar{width:7px}.notification-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.notification-dropdown button{color:var(--color-heading);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;gap:3px;padding:10px;display:grid}.notification-dropdown button:hover{background:#f2f6f9}.notification-dropdown button span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.notification-empty{padding:10px;font-size:.82rem}.profile-trigger{border:1px solid var(--color-border);min-height:44px;color:var(--color-heading);font:inherit;cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:4px 6px 4px 4px;font-weight:800;display:inline-flex}.site-header.public-header{grid-template-columns:minmax(0,1fr) auto}.site-header.public-site-header,.site-header.login-header,.site-header.home-header{z-index:80;position:sticky;top:0}.site-header.dashboard-header{grid-template-columns:42px minmax(0,1fr) auto}.profile-avatar,.sidebar-avatar,.profile-preview-avatar{color:var(--color-teal-dark);background:#e9fbf7;border-radius:999px;place-items:center;display:inline-grid;overflow:hidden}.profile-avatar img,.sidebar-avatar img,.profile-preview-avatar img{object-fit:cover;width:100%;height:100%}.profile-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.profile-dropdown{z-index:60;border:1px solid var(--color-border);width:210px;box-shadow:var(--shadow-md);background:#fff;border-radius:8px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.profile-dropdown button{min-height:42px;color:var(--color-heading);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:0 10px;font-weight:700;display:flex}.profile-dropdown button:hover{background:#f2f6f9}.modal-backdrop{z-index:70;place-items:center;padding:18px;transition:all .3s;display:grid;position:fixed;inset:0;-webkit-backdrop-filter:blur(8px)!important;background:#0f172a80!important}.profile-editor,.crud-editor,.confirm-dialog{border:1px solid var(--color-border);width:min(520px,100%);max-height:min(720px,100vh - 36px);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;gap:18px;padding:24px;display:grid;overflow-y:auto}.crud-editor{width:min(760px,100%)}.confirm-dialog{text-align:left;width:min(430px,100%)}.confirm-icon{color:#b43d28;background:#fff1ed;border-radius:999px;place-items:center;width:48px;height:48px;display:inline-grid}.confirm-dialog p{color:var(--color-muted);margin-top:8px}.modal-heading,.modal-actions,.profile-preview,.button-row{align-items:center;display:flex}.modal-heading{justify-content:space-between;gap:16px}.modal-heading button{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:inline-grid}.profile-preview{gap:14px}.profile-preview-avatar{border:1px solid #0ea5a447;width:72px;height:72px}.upload-control{border:1px solid var(--color-border);min-height:42px;color:var(--color-heading);cursor:pointer;background:#fbfcfd;border-radius:8px;align-items:center;gap:8px;padding:0 13px;font-weight:800;display:inline-flex;position:relative}.upload-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.profile-editor label,.crud-editor label,.support-panel label{color:var(--color-heading);gap:8px;font-size:.9rem;font-weight:600;display:grid}.profile-editor input,.crud-editor input,.crud-editor select,.crud-form input,.crud-form select,.support-panel textarea{border:1px solid var(--color-border);width:100%;color:var(--color-heading);font:inherit;background:#fbfcfd;border-radius:8px}.profile-editor input{min-height:48px;padding:0 14px}.profile-security-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:4px;display:grid}.crud-editor .crud-form{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;padding:0}.support-panel textarea{resize:vertical;min-height:132px;padding:12px 14px}.modal-actions{justify-content:flex-end;gap:10px}.home-hero{background-position:50%;background-size:cover;min-height:84vh;scroll-margin-top:88px}.home-hero__overlay{background:linear-gradient(90deg,#0c2026db,#0c20266b 56%,#0c20261a),linear-gradient(#0c202614,#0c202652);align-items:center;min-height:84vh;padding:72px 40px 88px;display:flex}.home-hero__content{color:#fff;width:min(640px,100%)}.eyebrow{color:var(--color-teal-dark);text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.home-hero .eyebrow,.dashboard-sidebar .eyebrow{color:#8ef4e2}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--color-heading)}.home-hero h1,.page-intro h1,.dashboard-sidebar h1{color:inherit;line-height:1.04}.hero-copy{color:#ffffffe0;max-width:570px;margin-top:22px;font-size:1.05rem}.hero-actions,.panel-heading,.schedule-panel,.admin-actions,.text-button,.btn,.schedule-inline,.form-heading{align-items:center;display:flex}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px}.btn{min-height:46px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;gap:8px;padding:0 18px;font-weight:800;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--color-coral);box-shadow:0 16px 34px #ef6c5347}.btn-primary:hover{background:#de5942}.btn-secondary,.btn-ghost{color:var(--color-heading);border-color:var(--color-border);background:#fff}.btn-ghost{color:#fff;background:#ffffff24;border-color:#ffffff6b}.full{width:100%}.stats-band{border-bottom:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:repeat(3,1fr);display:grid}.stats-band div{border-right:1px solid var(--color-border);text-align:center;place-content:center;place-items:center;gap:8px;min-height:128px;padding:24px;display:grid}.stats-band div:last-child{border-right:0}.stats-band .icon{width:24px;height:24px;color:var(--color-teal-dark)}.stats-band strong{color:var(--color-heading);font-size:2rem;line-height:1}.stats-band span{color:var(--color-muted);font-weight:700}.content-section,.page-wrap,.dashboard-layout{width:min(1180px,100% - 48px);margin:0 auto}.content-section{padding:78px 0;scroll-margin-top:90px}.section-heading{max-width:650px;margin-bottom:28px}h2{font-size:2.1rem;line-height:1.13}h3{font-size:1.08rem;line-height:1.25}.course-grid,.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.course-card,.metric-card,.panel,.action-card,.login-panel,.schedule-board{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);border-radius:8px}.course-card{gap:20px;min-height:224px;padding:24px;display:grid}.course-card p,.benefit-item p,.schedule-copy p,.schedule-board small,.page-intro p:not(.eyebrow),.form-heading p,.learning-item p,.progress-meta,.schedule-panel p,.action-card p{color:var(--color-muted)}.card-icon,.metric-icon,.benefit-item>.icon,.action-card>.icon,.form-heading>.icon,.schedule-inline>.icon,.schedule-board>div>.icon{width:42px;height:42px;color:var(--color-teal-dark);background:#ecfdf9;border:1px solid #0ea5a438;border-radius:8px;place-items:center;display:inline-grid}.course-meta{flex-wrap:wrap;align-self:end;gap:8px;display:flex}.course-meta span{min-height:30px;color:var(--color-heading);background:#f2f4f7;border-radius:999px;align-items:center;padding:0 10px;font-size:.86rem;font-weight:800;display:inline-flex}.split-section,.schedule-section{border-top:1px solid var(--color-border);grid-template-columns:.88fr 1.12fr;gap:48px;display:grid}.benefit-list{gap:12px;display:grid}.benefit-item{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;grid-template-columns:42px 1fr;align-items:start;gap:16px;min-height:96px;padding:18px;display:grid}.schedule-copy{align-content:center;gap:14px;display:grid}.schedule-board{gap:22px;padding:26px;display:grid}.schedule-board div{gap:9px;display:grid}.schedule-board span{color:var(--color-muted);font-weight:800}.schedule-board strong{color:var(--color-heading);font-size:1.6rem;line-height:1.1}.schedule-board .btn{justify-self:start}.page-wrap{min-height:calc(100vh - 72px);padding:72px 0}.auth-page{grid-template-columns:.95fr 1.05fr;align-items:start;gap:40px;display:grid}.page-intro{padding-top:24px}.page-intro h1{color:var(--color-heading);font-size:3.1rem;font-weight:900}.page-intro p:not(.eyebrow){max-width:540px;margin-top:18px;font-size:1.02rem}.auth-points{gap:10px;max-width:520px;margin-top:28px;display:grid}.auth-points div{border:1px solid var(--color-border);background:#ffffffb8;border-radius:8px;align-items:center;gap:12px;min-height:48px;padding:0 14px;font-weight:800;display:flex}.auth-points .icon{color:var(--color-teal-dark)}.login-panel{gap:18px;padding:28px;display:grid}.form-heading{gap:14px;margin-bottom:2px}.login-panel label,.role-toggle legend{color:var(--color-heading);font-weight:800}.login-panel input[type=text],.login-panel input[type=email],.login-panel input[type=password]{border:1px solid var(--color-border);width:100%;min-height:48px;color:var(--color-heading);font:inherit;background:#fbfcfd;border-radius:8px;margin-top:8px;padding:0 14px}.role-toggle{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 0;padding:0;display:grid}.role-toggle legend{grid-column:1/-1;margin-bottom:2px}.role-toggle label{border:1px solid var(--color-border);cursor:pointer;background:#fbfcfd;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:0 14px;display:flex}.role-toggle label.selected{background:#e9fbf7;border-color:#0ea5a49e;box-shadow:0 0 0 3px #0ea5a41c}.role-toggle input{width:16px;height:16px;accent-color:var(--color-teal-dark)}.dashboard-layout{grid-template-columns:292px minmax(0,1fr);gap:24px;padding:32px 0 78px;display:grid}.drawer-backdrop,.drawer-close{display:none}.dashboard-sidebar{color:#ffffffd6;background:linear-gradient(135deg, #14b8a63d, #ef6c5314), var(--color-ink);box-shadow:var(--shadow-md);border-radius:8px;align-self:start;gap:20px;padding:24px;display:grid;position:sticky;top:96px}.admin-sidebar{background:linear-gradient(135deg,#ef6c5338,#0f766e2e),#372438}.sidebar-profile{grid-template-columns:48px 1fr;align-items:center;gap:14px;display:grid}.sidebar-avatar{color:#8ef4e2;background:#ffffff14;border:1px solid #ffffff26;width:48px;height:48px}.sidebar-profile .eyebrow{margin-bottom:5px}.dashboard-menu{gap:8px;display:grid}.dashboard-menu button{color:#ffffffbd;min-height:46px;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:0 12px;font-weight:800;display:flex}.dashboard-main{gap:16px;min-width:0;display:grid}.metric-card{grid-template-columns:42px 1fr;align-items:center;gap:14px;min-height:124px;padding:20px;display:grid}.metric-card.warm .metric-icon{color:#b43d28;background:#fff1ed;border-color:#ef6c533d}.metric-card span:not(.metric-icon){color:var(--color-muted);font-weight:700;display:block}.metric-card strong{color:var(--color-heading);margin-top:6px;font-size:1.85rem;line-height:1;display:block}.panel-heading{justify-content:space-between;gap:18px;margin-bottom:16px}.panel-heading .eyebrow{margin-bottom:6px}.text-button{min-height:38px;color:var(--color-teal-dark);background:0 0;justify-content:center;gap:7px;padding:0;font-weight:800}.learning-list{gap:12px;display:grid}.learning-item{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;grid-template-columns:56px 78px minmax(180px,.8fr) minmax(260px,1.15fr) auto;align-items:center;gap:20px;min-height:102px;padding:16px;display:grid}.course-progress-percent{width:68px;height:56px;color:var(--color-teal-dark);background:#f0f6ff;border:1px solid #dbe7ff;border-radius:8px;place-items:center;display:grid}.course-progress-percent strong{color:inherit;font-size:1rem;line-height:1}.course-progress-percent small{color:var(--color-muted);font-size:.68rem}.progress-block{gap:10px;display:grid}.progress-meta{justify-content:space-between;gap:16px;font-size:.9rem;font-weight:700;display:flex}.progress-track{background:#e8edf3;border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--color-teal), var(--color-coral));height:100%;display:block}.schedule-panel{justify-content:space-between;gap:18px}.schedule-inline{gap:14px;min-width:0}.admin-table{border:1px solid var(--color-border);border-radius:8px;display:grid;overflow-x:auto}.table-row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(220px,1.35fr) minmax(90px,.5fr) minmax(110px,.65fr) minmax(120px,.65fr) minmax(140px,.75fr);align-items:center;gap:16px;min-width:820px;min-height:58px;padding:0 14px;display:grid}.table-row:last-child{border-bottom:0}.table-head{min-height:44px;color:var(--color-muted);text-transform:uppercase;background:#fbfcfd;font-size:.84rem;font-weight:900}mark{color:#11615a;background:#d8fbf2;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-weight:800;display:inline-flex}.muted-mark{color:#64748b;background:#eef2f7}.admin-inline-badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.admin-inline-badges mark{min-height:22px;padding:0 8px;font-size:.72rem}.admin-actions{align-items:stretch;gap:16px}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:10px}.crud-form{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;grid-template-columns:minmax(180px,1.2fr) minmax(120px,.6fr) minmax(150px,.7fr) minmax(140px,.7fr);align-items:end;gap:12px;margin-bottom:18px;padding:16px;display:grid}.crud-form label{color:var(--color-heading);gap:7px;font-weight:800;display:grid}.crud-form input,.crud-form select{border:1px solid var(--color-border);width:100%;min-height:44px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.crud-actions{justify-content:flex-end;gap:8px;display:flex}.digital-product-builder-page{gap:14px;display:grid}.digital-builder-topbar{z-index:5;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex;position:sticky;top:78px}.digital-builder-topbar h2,.digital-builder-card h3{margin:0}.digital-builder-topbar small,.digital-builder-card small{color:var(--color-muted)}.digital-builder-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.98fr);align-items:start;gap:14px;display:grid}.digital-builder-column{gap:14px;min-width:0;display:grid}.digital-builder-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;gap:14px;padding:18px;display:grid}.digital-builder-card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.digital-builder-card-heading.compact{align-items:flex-start}.digital-builder-card-heading button,.text-action{color:var(--color-teal-dark);font:inherit;cursor:pointer;background:0 0;border:0;font-weight:900}.digital-builder-card-heading button:disabled,.text-action:disabled{color:var(--color-muted);cursor:not-allowed}.text-action.centered{justify-self:center}.digital-builder-card label,.digital-platform-box,.digital-layout-section{min-width:0;color:var(--color-heading);gap:8px;font-size:.9rem;font-weight:600;display:grid}.digital-builder-card input,.digital-builder-card select,.digital-builder-card textarea{border:1px solid var(--color-border);width:100%;color:var(--color-heading);font:inherit;background:#fbfcfd;border-radius:8px}.digital-builder-card input,.digital-builder-card select{min-height:42px;padding:0 12px}.digital-builder-card textarea{resize:vertical;padding:12px}.digital-review-admin-summary{gap:8px;display:grid}.digital-review-admin-summary>span{background:#f8fafc;border:1px solid #dbe7e3;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:flex}.digital-review-admin-summary strong,.digital-review-admin-summary small{overflow-wrap:anywhere}.digital-review-modal-backdrop{z-index:1800;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.digital-review-modal{background:#fff;border:1px solid #cdd9e8f0;border-radius:16px;grid-template-rows:auto minmax(0,1fr);width:min(980px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 80px #0f172a3d}.digital-review-modal-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.digital-review-modal-heading h3{color:var(--color-heading);margin:0}.digital-review-modal-heading small{color:var(--color-muted)}.digital-review-modal-body{background:#f8fafc;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:16px;min-height:0;padding:18px;display:grid;overflow-y:auto}.digital-review-admin-list,.digital-review-add-panel{background:#fff;border:1px solid #dbe4ef;border-radius:14px;align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.digital-review-admin-list h4,.digital-review-add-panel h4{color:var(--color-heading);margin:0}.digital-review-admin-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;display:grid}.digital-review-admin-avatar{color:#2563eb;background:#eff6ff;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.digital-review-admin-avatar img{object-fit:cover;width:100%;height:100%}.digital-review-admin-avatar .icon{width:20px;height:20px}.digital-review-admin-fields{gap:10px;min-width:0;display:grid}.digital-review-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.digital-review-admin-item input,.digital-review-admin-item select,.digital-review-admin-item textarea,.digital-review-add-panel input,.digital-review-add-panel select,.digital-review-add-panel textarea{border:1px solid var(--color-border);width:100%;min-width:0;color:var(--color-heading);font:inherit;background:#fbfcfd;border-radius:8px}.digital-review-admin-item input,.digital-review-admin-item select,.digital-review-add-panel input,.digital-review-add-panel select{min-height:40px;padding:0 11px}.digital-review-admin-item textarea,.digital-review-add-panel textarea{resize:vertical;padding:11px}.digital-review-empty{color:var(--color-muted);text-align:center;border:1px dashed #cbd5e1;border-radius:12px;justify-items:center;gap:8px;padding:22px;display:grid}.digital-review-empty .icon{width:28px;height:28px}.digital-upload-field{align-items:start}.digital-image-upload{aspect-ratio:1;width:78px;color:var(--color-muted);text-align:center;cursor:pointer;background:#f7fbfa;border:1px dashed #9fb4b0;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.digital-image-upload img{object-fit:cover;width:100%;height:100%}.digital-image-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.digital-image-upload .icon{width:24px;height:24px}.digital-toggle-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.digital-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.digital-toggle-row span{gap:3px;min-width:0;display:grid}.digital-toggle-row input[type=checkbox],.digital-question-row input[type=checkbox]{appearance:none;cursor:pointer;background:#c8d1cf;border:0;border-radius:999px;width:38px;height:22px;min-height:0;padding:0;transition:background .2s}.digital-toggle-row input[type=checkbox]:before,.digital-question-row>input[type=checkbox]:before{content:"";background:#fff;border-radius:999px;width:18px;height:18px;margin:2px;transition:transform .2s;display:block;box-shadow:0 1px 4px #1020272e}.digital-toggle-row input[type=checkbox]:checked,.digital-question-row input[type=checkbox]:checked{background:var(--color-teal)}.digital-toggle-row input[type=checkbox]:checked:before,.digital-question-row>input[type=checkbox]:checked:before{transform:translate(16px)}.digital-rich-toolbar{border:1px solid var(--color-border);background:#f8fafc;border-bottom:0;border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.digital-rich-toolbar button{color:#475569;min-width:32px;height:32px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-grid}.digital-rich-toolbar button:hover{color:#0f172a;background:#e2e8f0}.digital-rich-toolbar button:active{background:#cbd5e1}.digital-rich-toolbar .icon{width:16px;height:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.digital-repeat-list{gap:12px;display:grid}.digital-repeat-item{border:1px solid var(--color-border);background:#f8fafc;border-radius:8px;gap:9px;padding:12px;display:grid}.digital-repeat-item .compact-toggle{min-height:0;padding:8px 10px}.digital-description-editor{min-height:170px;padding:12px;font-size:.95rem;line-height:1.5;transition:border-color .2s;background:#fff!important;border-top:0!important;border-radius:0 0 8px 8px!important}.digital-description-editor:focus{outline:none;border-color:#2563eb!important}.description-video-preview{gap:10px;display:grid}.description-video-preview iframe{aspect-ratio:16/9;background:#0f172a;border:0;border-radius:8px;width:100%;min-height:220px}.digital-platform-box{background:#fbfefd;border:1px dashed #b9ccc7;border-radius:8px;padding:13px}.platform-pill-row{flex-wrap:wrap;gap:8px;display:flex}.platform-pill{border:1px solid var(--color-teal);min-height:34px;color:var(--color-teal-dark);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:0 14px;font-size:.82rem;font-weight:900}.platform-pill.active{color:#fff;background:var(--color-teal)}.digital-platform-url{border-radius:999px!important}.digital-price-row{grid-template-columns:minmax(0,1fr) 110px;gap:12px;display:grid}.digital-layout-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.digital-layout-option{border:1px solid var(--color-border);min-width:0;color:var(--color-heading);font:inherit;text-align:center;cursor:pointer;background:#fbfcfd;border-radius:8px;gap:7px;padding:8px;font-size:.76rem;font-weight:900;display:grid}.digital-layout-option.active{border-color:var(--color-teal);box-shadow:0 0 0 2px #0ea5a421}.layout-preview{background:#9aaea9;border-radius:6px;gap:5px;min-height:74px;padding:8px;display:grid}.layout-preview i{background:#dbe7e3;border-radius:3px;min-height:10px;display:block}.layout-preview.grid{grid-template-columns:repeat(2,1fr)}.layout-preview.large i:first-child{grid-row:span 3;min-height:46px}.layout-preview.compact{opacity:.72}.digital-question-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.digital-question-row.heading{color:var(--color-heading);font-size:.86rem;font-weight:900}.digital-question-row span{align-items:center;gap:8px;display:inline-flex}.digital-question-row span input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-teal);appearance:auto}.menu-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.action-card{flex:1 1 0;gap:12px;padding:22px;display:grid}.action-card>.icon{color:#b43d28;background:#fff1ed;border-color:#ef6c5338}.action-card .btn{justify-self:start}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:relative}.row-actions button{border:1px solid var(--color-border);min-height:34px;color:var(--color-heading);font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:0 10px;font-weight:800}.row-actions button:last-child{color:#b43d28;background:#fff7f5}.row-action-menu{position:relative}.row-action-menu summary{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:6px;place-items:center;list-style:none;display:inline-grid}.row-action-menu summary::-webkit-details-marker{display:none}.row-action-menu summary .icon{width:17px;height:17px}.row-action-menu-panel{z-index:30;border:1px solid var(--color-border);min-width:184px;box-shadow:var(--shadow-md);background:#fff;border-radius:8px;gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.row-action-menu-panel button{width:100%;min-height:36px;color:var(--color-heading);text-align:left;background:0 0;border:0;justify-content:flex-start}.row-action-menu-panel button:hover{background:#f3f8f7}.row-action-menu-panel .danger-action,.row-action-menu-panel button.danger-action{color:#b43d28}.digital-product-table{overflow:visible}.card-actions{justify-content:flex-start}.support-panel{gap:16px;display:grid}.action-feedback{color:var(--color-teal-dark);background:#ecfdf9;border:1px solid #0ea5a43d;border-radius:8px;padding:14px 16px;font-weight:700}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0ea5a44d}@media (width<=1040px){.site-header:not(.logged-in){flex-direction:column;align-items:stretch;gap:12px;padding:14px 24px}.site-header.logged-in{padding:14px 24px}.brand{min-width:auto}.site-nav{justify-content:flex-start;width:100%;overflow-x:auto}.content-section,.page-wrap,.dashboard-layout{width:min(100% - 40px,1120px)}.auth-page,.split-section,.schedule-section{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.digital-builder-grid,.digital-review-modal-body,.digital-product-detail-hero,.digital-product-detail-grid{grid-template-columns:1fr}.digital-product-detail-copy{padding:0 22px 24px}}@media (width<=760px){.site-header{padding:14px 16px;position:sticky}.digital-builder-topbar{flex-direction:column;align-items:stretch;position:static}.digital-builder-topbar .button-row{justify-content:stretch}.digital-builder-topbar .btn{flex:1 1 0}.digital-review-modal-backdrop{padding:10px}.digital-review-modal{border-radius:14px;max-height:calc(100dvh - 20px)}.digital-review-modal-heading{align-items:flex-start}.digital-review-modal-body{padding:12px}.digital-review-admin-item{grid-template-columns:44px minmax(0,1fr)}.digital-review-admin-item>.text-action{grid-column:1/-1;justify-self:start}.digital-review-admin-grid{grid-template-columns:1fr}.digital-price-row,.digital-layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}.digital-product-detail-page{padding-bottom:152px}.digital-product-detail-topbar{top:74px}.digital-product-detail-image{min-height:240px}.digital-product-sticky-actions{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid;bottom:12px;left:12px;right:12px}.digital-product-sticky-actions .expired-payment-notice,.digital-product-sticky-actions .change-payment-method-button{grid-column:1/-1;width:100%}.digital-buy-button,.digital-cart-button{width:100%;min-width:0}.site-header:not(.logged-in){grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;display:grid}.site-header.logged-in{align-items:center;gap:10px;display:grid}.site-header.public-header{grid-template-columns:minmax(0,1fr) auto}.site-header.dashboard-header{grid-template-columns:42px minmax(0,1fr) auto}.public-menu-toggle,.dashboard-header-toggle{display:inline-grid}.site-header:not(.logged-in) .site-nav{flex-direction:column;grid-column:1/-1;align-items:stretch;width:100%;padding:8px;display:none}.site-header:not(.logged-in) .site-nav.open{display:flex}.site-header:not(.logged-in) .nav-link{justify-content:flex-start;width:100%}.nav-link{min-width:auto;padding-inline:12px}.home-hero,.home-hero__overlay{min-height:76vh}.home-hero__overlay{background:linear-gradient(#0c202638,#0c2026e0),linear-gradient(90deg,#0c202673,#0c20260f);align-items:flex-end;padding:56px 20px}.home-hero h1{font-size:2.6rem}.hero-copy{font-size:1rem}.stats-band,.course-grid,.summary-grid{grid-template-columns:1fr}.stats-band div{border-right:0;border-bottom:1px solid var(--color-border);min-height:108px}.stats-band div:last-child{border-bottom:0}.content-section{padding:56px 0}h2{font-size:1.72rem}.page-wrap{padding:48px 0}.page-intro h1{font-size:2.35rem}.dashboard-layout{grid-template-columns:1fr;padding-top:18px}.drawer-backdrop{z-index:55;background:#1020276b;border:0;display:block;position:fixed;inset:0}.dashboard-sidebar{z-index:60;border-radius:0 8px 8px 0;width:min(326px,100% - 42px);height:100vh;transition:transform .22s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-104%)}.dashboard-sidebar.open{transform:translate(0)}.sidebar-profile{grid-template-columns:48px 1fr 38px}.drawer-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;place-items:center;width:38px;height:38px;display:inline-grid}.panel-heading,.schedule-panel,.admin-actions{flex-direction:column;align-items:stretch}.learning-item{grid-template-columns:1fr}.admin-table{border:0;border-radius:0;gap:12px;overflow:visible}.table-head{display:none}.table-row{border:1px solid var(--color-border);min-width:0;min-height:0;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;grid-template-columns:1fr;gap:10px;padding:14px}.table-row:last-child{border-bottom:1px solid var(--color-border)}.table-row [role=cell]{min-width:0;color:var(--color-heading);justify-content:space-between;align-items:center;gap:16px;display:flex}.table-row [role=cell]:before{content:attr(data-label);color:var(--color-muted);text-transform:uppercase;flex:none;font-size:.82rem;font-weight:800}.table-row [role=cell]:first-child{justify-content:stretch;gap:4px;display:grid}.table-row [role=cell]:first-child:before{margin-bottom:2px}.table-row .row-actions{justify-content:space-between}.progress-meta{flex-direction:column;gap:4px}.menu-card-grid,.crud-form,.crud-editor .crud-form{grid-template-columns:1fr}.crud-actions,.button-row{justify-content:flex-start}}@media (width<=520px){.digital-builder-card{padding:14px}.digital-layout-options,.digital-price-row{grid-template-columns:1fr}.brand span:last-child{font-size:.98rem}.profile-name{display:none}.profile-trigger{padding-right:4px}.profile-dropdown{right:-2px}.site-nav{scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.home-hero,.home-hero__overlay{min-height:72vh}.home-hero h1{font-size:2.18rem}.hero-actions .btn,.schedule-board .btn,.schedule-panel .btn,.login-panel .btn{width:100%}.content-section,.page-wrap,.dashboard-layout{width:min(100% - 28px,520px)}.course-card,.panel,.action-card,.login-panel,.schedule-board,.dashboard-sidebar{padding:18px}.role-toggle{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}.profile-editor,.crud-editor,.confirm-dialog{padding:18px}.crud-actions{flex-direction:column-reverse}.crud-actions .btn{width:100%}.metric-card{min-height:104px}}.site-header{background:#ffffffeb;gap:14px;min-height:60px;padding:9px 28px}.brand{gap:8px;min-width:148px;font-size:.96rem;font-weight:600}.brand-mark{width:32px;height:32px;color:var(--color-teal-dark);background:#f0f6ff;border-color:#dbe7ff;border-radius:7px}.brand-mark .icon{width:16px;height:16px}.site-nav{box-shadow:none;gap:2px;padding:3px}.nav-link{gap:6px;min-width:64px;min-height:32px;padding:5px 10px;font-size:.82rem;font-weight:500}.public-menu-toggle,.dashboard-header-toggle,.modal-heading button{width:36px;height:36px;box-shadow:none}.profile-trigger{min-height:36px;box-shadow:none;gap:8px;padding:3px 6px 3px 3px;font-size:.84rem;font-weight:500}.profile-avatar{width:28px;height:28px}.profile-dropdown{gap:4px;width:184px;padding:6px}.profile-dropdown button{min-height:36px;font-size:.84rem;font-weight:500}.app-toast,.action-feedback{padding:10px 12px;font-size:.86rem}.home-hero,.home-hero__overlay{min-height:76vh}.home-hero__overlay{padding:56px 32px 70px}.eyebrow{margin-bottom:8px;font-size:.68rem;font-weight:600}.home-hero h1{max-width:560px;font-size:3rem;font-weight:600}.hero-copy{max-width:520px;margin-top:16px;font-size:.96rem}.hero-actions{gap:9px;margin-top:24px}.btn{min-height:36px;box-shadow:none;border-radius:7px;gap:6px;padding:0 12px;font-size:.84rem;font-weight:500}.btn-primary{box-shadow:none}.stats-band div{gap:6px;min-height:100px;padding:18px}.stats-band .icon{width:19px;height:19px}.stats-band strong{font-size:1.45rem;font-weight:600}.stats-band span{font-size:.84rem;font-weight:500}.content-section{padding:58px 0}.section-heading{margin-bottom:20px}h2{font-size:1.55rem;font-weight:600}h3{font-size:.96rem;font-weight:600}.course-grid,.summary-grid,.menu-card-grid,.admin-actions{gap:12px}.course-card,.metric-card,.panel,.action-card,.login-panel,.schedule-board,.profile-editor,.crud-editor,.confirm-dialog{box-shadow:var(--shadow-sm);border-radius:7px}.course-card{gap:14px;min-height:178px;padding:18px}.card-icon,.metric-icon,.benefit-item>.icon,.action-card>.icon,.form-heading>.icon,.schedule-inline>.icon,.schedule-board>div>.icon{width:34px;height:34px;color:var(--color-teal-dark);background:#f0f6ff;border-color:#dbe7ff;border-radius:7px}.card-icon .icon,.metric-icon .icon{width:17px;height:17px}.benefit-item>.icon,.action-card>.icon,.form-heading>.icon,.schedule-inline>.icon,.schedule-board>div>.icon{padding:8px}.course-meta span,mark{min-height:24px;padding:0 8px;font-size:.76rem;font-weight:500}.split-section,.schedule-section{gap:32px}.benefit-list{gap:9px}.benefit-item{grid-template-columns:34px 1fr;gap:12px;min-height:76px;padding:14px}.schedule-board{gap:16px;padding:18px}.schedule-board strong{font-size:1.25rem;font-weight:600}.page-wrap{padding:54px 0}.auth-page{gap:28px}.page-intro h1{font-size:2.25rem;font-weight:600}.page-intro p:not(.eyebrow){margin-top:12px;font-size:.94rem}.auth-points{gap:8px;margin-top:20px}.auth-points div,.role-toggle label{min-height:40px;font-size:.86rem;font-weight:500}.login-panel{gap:14px;padding:20px}.form-heading{gap:10px}.form-heading h2{font-size:1.15rem}.login-panel label,.role-toggle legend,.profile-editor label,.crud-editor label,.support-panel label,.crud-form label{font-size:.82rem;font-weight:500}.login-panel input[type=text],.login-panel input[type=email],.login-panel input[type=password],.profile-editor input,.crud-form input,.crud-form select{min-height:38px;padding:0 10px;font-size:.86rem}.dashboard-layout{grid-template-columns:248px minmax(0,1fr);gap:16px;padding:22px 0 56px}.dashboard-sidebar,.admin-sidebar{overscroll-behavior:contain;border:1px solid var(--color-border);max-height:calc(100vh - 110px);color:var(--color-text);box-shadow:var(--shadow-sm);background:#fff;align-self:start;gap:14px;padding:14px;position:sticky;top:88px;overflow-y:auto}.dashboard-sidebar::-webkit-scrollbar{width:8px}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#94a3b86b;border-radius:999px}@media (width>=761px){.site-header.dashboard-header{z-index:80;background:#f8fafcf5;grid-template-columns:42px minmax(0,1fr) auto;padding-left:40px;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 10px 26px #0f172a12}.site-header.dashboard-header .brand{justify-self:start}.dashboard-layout{width:min(1180px,100% - 48px);margin:0 auto;padding:94px 0 56px 264px;display:block}.dashboard-sidebar,.admin-sidebar{z-index:70;width:248px;max-height:calc(100vh - 114px);position:fixed;top:92px;left:max(24px,50vw - 590px)}.dashboard-main{min-width:0}}.dashboard-sidebar .eyebrow{color:var(--color-teal-dark)}.dashboard-sidebar h1{color:var(--color-heading);font-size:.98rem;font-weight:600}.sidebar-profile{grid-template-columns:38px 1fr;gap:10px}.sidebar-avatar{width:38px;height:38px;color:var(--color-teal-dark);background:#f0f6ff;border-color:#dbe7ff}.sidebar-avatar .icon{width:18px;height:18px}.dashboard-menu{gap:5px}.dashboard-menu button{min-height:36px;color:var(--color-text);border-radius:7px;gap:9px;padding:0 9px;font-size:.84rem;font-weight:500}.dashboard-menu button:hover,.dashboard-menu button.active{color:var(--color-teal-dark);background:#f0f6ff;border-color:#dbe7ff}.dashboard-menu .icon{width:16px;height:16px}.dashboard-main{gap:12px}.metric-card{grid-template-columns:34px 1fr;gap:10px;min-height:88px;padding:14px}.metric-card strong{margin-top:3px;font-size:1.35rem;font-weight:600}.metric-card span:not(.metric-icon){font-size:.78rem;font-weight:500}.panel{padding:16px}.panel-heading{gap:12px;margin-bottom:12px}.text-button{min-height:32px;font-size:.84rem;font-weight:500}.learning-list{gap:9px}.learning-item{grid-template-columns:56px 74px minmax(150px,.72fr) minmax(220px,1fr) auto;gap:14px;min-height:82px;padding:12px}.progress-meta{gap:10px;font-size:.78rem;font-weight:500}.progress-track{height:7px}.schedule-inline{gap:10px}.schedule-inline h2{font-size:1.1rem}.table-row{min-height:46px;padding:0 10px;font-size:.82rem}.class-cell{align-items:center;gap:9px;min-width:0;display:flex}.class-cell strong,.class-cell small{display:block}.class-cell strong{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.class-cell small{color:var(--color-muted);margin-top:2px;font-size:.74rem}.class-thumb,.member-course-thumb{border:1px solid var(--color-border);color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;flex:none;place-items:center;display:inline-grid;overflow:hidden}.class-thumb{width:36px;height:28px}.member-course-thumb{width:56px;height:42px}.class-thumb img,.member-course-thumb img,.thumbnail-preview img,.certificate-thumb{object-fit:cover;width:100%;height:100%}.thumbnail-field{grid-column:1/-1;grid-template-columns:132px 1fr;align-items:center;gap:12px;min-width:0;display:grid}.thumbnail-preview{aspect-ratio:16/9;border:1px solid var(--color-border);width:132px;color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;place-items:center;display:inline-grid;overflow:hidden}.certificate-thumb{aspect-ratio:16/9;border-radius:7px;display:block}.table-head{min-height:36px;font-size:.72rem;font-weight:600}.button-row{gap:8px}.crud-form{gap:10px;padding:12px}.row-actions{gap:6px}.row-actions button{min-height:28px;padding:0 8px;font-size:.78rem;font-weight:500}.action-card{gap:9px;padding:16px}.modal-backdrop{padding:14px}.profile-editor,.crud-editor,.confirm-dialog{gap:14px;padding:18px}.confirm-icon{width:40px;height:40px}.confirm-icon .icon{width:19px;height:19px}.confirm-dialog h2{font-size:1.15rem}.support-panel textarea{min-height:112px;font-size:.86rem}@media (width<=760px){.site-header{min-height:56px;padding:10px 14px}.brand{font-size:.9rem}.home-hero h1{font-size:2.2rem}.hero-copy{font-size:.9rem}.content-section{padding:44px 0}.dashboard-layout{padding-top:14px}.dashboard-sidebar{width:min(292px,100% - 44px)}.sidebar-profile{grid-template-columns:38px 1fr 34px}.drawer-close{width:34px;height:34px}.learning-item,.table-row{padding:12px}}@media (width<=520px){.home-hero h1{font-size:1.92rem}.page-intro h1{font-size:1.85rem}h2{font-size:1.32rem}}html,body,#root,.app-shell{max-width:100%;overflow-x:clip}main,.dashboard-layout,.dashboard-main,.panel,.admin-table,.table-row,.table-row>*,.learning-item,.learning-item>*,.action-card,.metric-card,.class-cell>span:last-child{min-width:0}img,.admin-table{max-width:100%}.learning-item{grid-template-columns:56px minmax(150px,.72fr) minmax(190px,1fr)}.learning-item h3,.learning-item p,.class-cell strong,.class-cell small{overflow-wrap:anywhere}.member-course-thumb{align-self:start}.empty-state{border:1px dashed var(--color-border);min-height:160px;color:var(--color-muted);text-align:center;background:#fbfcfd;border-radius:7px;place-items:center;gap:8px;padding:18px;display:grid}.empty-state .icon{width:28px;height:28px;color:var(--color-teal-dark)}.thumbnail-field{align-items:stretch}.upload-control{justify-content:center;width:fit-content;max-width:100%}.thumbnail-preview .icon,.class-thumb .icon,.member-course-thumb .icon{width:18px;height:18px}.certificate-thumb{aspect-ratio:16/9;border:1px solid var(--color-border);object-fit:cover;background:#f0f6ff;width:100%;height:auto;min-height:118px}@media (width<=760px){.site-header.public-header{grid-template-columns:minmax(0,1fr) auto}.site-header.dashboard-header{grid-template-columns:36px minmax(0,1fr) auto;padding-left:12px}.brand{min-width:0}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-layout{grid-template-columns:minmax(0,1fr);gap:12px;width:calc(100% - 22px);max-width:none;margin-inline:auto;padding-left:0;display:grid}.dashboard-main{grid-column:1/-1;width:100%;overflow:hidden}.dashboard-sidebar{grid-column:auto;grid-auto-rows:max-content;align-content:start;gap:12px;width:min(288px,100% - 76px);max-height:100dvh;padding:16px;position:fixed;top:0;overflow-y:auto}.sidebar-profile{grid-template-columns:38px minmax(0,1fr) 34px;gap:10px}.drawer-close{width:34px;height:34px;color:var(--color-heading);border-color:var(--color-border);background:#fff}.dashboard-menu{grid-auto-rows:max-content;align-content:start;gap:4px}.dashboard-menu button{min-height:40px;padding:0 10px}.summary-grid,.menu-card-grid,.admin-actions{grid-template-columns:1fr}.panel,.action-card,.metric-card,.login-panel,.schedule-board{padding:14px}.panel-heading .button-row,.modal-actions{width:100%}.button-row .btn,.modal-actions .btn{flex:130px}.learning-item{grid-template-columns:50px minmax(0,1fr);align-items:start;gap:10px}.member-course-thumb{width:50px;height:38px}.learning-item .progress-block{grid-column:1/-1}.progress-meta{align-items:flex-start}.admin-table{gap:10px;display:grid}.table-row{width:100%;min-width:0;padding:12px}.table-row [role=cell]{grid-template-columns:76px minmax(0,1fr);justify-content:stretch;align-items:center;gap:8px;width:100%;display:grid}.table-row [role=cell]:before{align-self:start;font-size:.68rem;line-height:1.4}.table-row .class-cell{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px}.table-row .class-cell:before{grid-column:1/-1;margin-bottom:0}.class-thumb{width:74px;height:46px}.table-row .row-actions{grid-template-columns:76px repeat(2,minmax(0,1fr));justify-content:stretch}.row-actions button{width:100%}.crud-editor,.profile-editor,.confirm-dialog{width:min(100%,100vw - 24px);max-height:calc(100vh - 24px);padding:14px}.crud-editor .crud-form,.profile-security-fields,.crud-form,.thumbnail-field{grid-template-columns:1fr}.thumbnail-preview,.upload-control{width:100%}}@media (width<=520px){.site-header.public-header{grid-template-columns:minmax(0,1fr) auto}.site-header.dashboard-header{grid-template-columns:36px minmax(0,1fr) auto}.site-header:not(.logged-in){grid-template-columns:minmax(0,1fr) 36px}.public-menu-toggle,.dashboard-header-toggle,.modal-heading button{width:34px;height:34px}.profile-trigger{width:36px;padding:3px}.table-row [role=cell]{grid-template-columns:1fr}.table-row .class-cell{grid-template-columns:64px minmax(0,1fr)}.class-thumb{width:64px;height:42px}.table-row .row-actions{grid-template-columns:1fr 1fr}.table-row .row-actions:before{grid-column:1/-1}.modal-actions,.button-row{flex-direction:column;align-items:stretch}.button-row .btn,.modal-actions .btn{width:100%}}@media (width<=760px){.btn{min-height:34px;padding:0 10px;font-size:.8rem}.panel-heading .button-row,.modal-actions{flex-wrap:wrap;gap:7px;width:auto}.button-row .btn,.modal-actions .btn{flex:none;width:auto;min-width:78px}.crud-editor .modal-actions,.profile-editor .modal-actions,.confirm-dialog .modal-actions{justify-content:flex-end}.confirm-dialog .btn,.crud-editor .modal-actions .btn,.profile-editor .modal-actions .btn{min-height:34px;padding-inline:10px}.profile-dropdown{width:168px}.profile-dropdown button{min-height:34px;padding:0 8px;font-size:.8rem}}@media (width<=520px){.modal-actions,.button-row{flex-direction:row;justify-content:flex-end;align-items:center}.button-row .btn,.modal-actions .btn{flex:none;width:auto}.panel-heading .button-row{align-self:flex-start}}@media (width<=360px){.button-row,.modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.button-row .btn,.modal-actions .btn{width:100%;min-width:0}}.crud-form textarea,.task-box textarea{border:1px solid var(--color-border);width:100%;min-height:92px;color:var(--color-heading);text-align:left;font:inherit;resize:vertical;direction:ltr;unicode-bidi:isolate;background:#fff;border-radius:7px;padding:10px}.materials-editor{grid-column:1/-1;gap:10px;min-width:0;padding-top:4px;display:grid}.materials-editor-heading,.material-editor-title,.task-actions{align-items:center;display:flex}.materials-editor-heading{justify-content:space-between;gap:10px}.material-editor-card{border:1px solid var(--color-border);background:#fff;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.material-editor-title{grid-column:1/-1;gap:8px}.material-editor-title span,.material-nav>span{width:28px;height:28px;color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;place-items:center;font-size:.8rem;font-weight:600;display:inline-grid}.material-editor-title strong{color:var(--color-heading);flex:auto}.material-editor-title button{border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:7px;place-items:center;display:inline-grid}.material-editor-title button:disabled,.btn:disabled,.material-nav:disabled{cursor:not-allowed;opacity:.52}.material-list-editor{gap:10px;display:grid}.material-list-row{border:1px solid var(--color-border);background:#fff;border-radius:7px;grid-template-columns:34px 34px minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:10px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.material-list-row.dragging{background:#ecfdf9;border-color:#14b8a6;transform:scale(.995);box-shadow:0 8px 20px #0f172a14}.material-list-row>span{width:30px;height:30px;color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;place-items:center;font-weight:700;display:inline-grid}.material-drag-handle{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-muted);cursor:grab;background:#fbfcfd;border-radius:7px;place-items:center;display:inline-grid}.material-drag-handle:active{cursor:grabbing}.material-drag-handle:disabled{cursor:not-allowed;opacity:.45}.material-drag-handle .icon{width:17px;height:17px}.material-list-row div{gap:3px;min-width:0;display:grid}.material-list-row strong,.material-list-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-list-row small{color:var(--color-muted);font-size:.75rem}.material-list-row>button:not(.btn):not(.material-drag-handle){border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:7px;place-items:center;display:inline-grid}.material-list-row>button:disabled{opacity:.45;cursor:not-allowed}.material-modal-backdrop{z-index:11000!important}.material-modal-editor{width:min(920px,100vw - 28px);max-height:min(860px,100vh - 28px);overflow:auto}.rich-text-field{gap:8px;display:grid}.rich-text-field>span{color:var(--color-heading);font-size:.86rem;font-weight:600}.rich-text-toolbar{border:1px solid var(--color-border);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px;display:flex;box-shadow:inset 0 -1px #0f172a0a}.rich-text-toolbar-group,.rich-text-color-group{background:#fff;border:1px solid #dbe7ff;border-radius:7px;align-items:center;gap:4px;padding:3px;display:inline-flex}.rich-text-toolbar button{width:34px;height:34px;color:var(--color-heading);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .18s,color .18s,transform .18s;display:inline-grid}.rich-text-toolbar button:hover{color:#1d4ed8;background:#edf4ff;transform:translateY(-1px)}.rich-text-toolbar button svg{width:18px;height:18px}.rich-text-color-group button{background:linear-gradient(var(--swatch), var(--swatch)) padding-box, linear-gradient(135deg, #dbe7ff, #c7d2fe) border-box;border:2px solid #fff;border-radius:999px;width:24px;height:24px;box-shadow:0 0 0 1px #dbe7ff}.rich-text-color-group button:hover{transform:translateY(-1px)scale(1.04)}.rich-text-editor{border:1px solid var(--color-border);min-height:150px;color:var(--color-heading);text-align:left;caret-color:#2563eb;overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;background:#fff;border-radius:7px;outline:none;padding:12px;line-height:1.7}.rich-text-editor:focus{border-color:#2f6df6;box-shadow:0 0 0 3px #2f6df61f}.rich-text-editor:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none}.rich-text-editor :where(p,ul,ol){margin:0 0 .7em}.rich-text-editor :where(ul,ol){padding-left:1.25rem}.video-upload-field{background:#fbfcfd;border:1px dashed #c8d9ff;border-radius:7px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.video-file-meta{gap:3px;min-width:0;display:grid}.video-file-meta strong,.video-file-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-file-meta small{color:var(--color-muted);font-size:.72rem}.upload-progress{gap:4px;margin-top:4px;display:grid}.upload-progress>span{background:#e8eef6;border-radius:999px;width:100%;height:7px;overflow:hidden}.upload-progress i{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#14b8a6);height:100%;transition:width .2s;display:block}.upload-progress.error i{background:#ef4444}.check-field{flex-direction:row;grid-column:1/-1;align-items:center;gap:8px;display:flex!important}.check-field input{accent-color:var(--color-teal-dark);width:16px!important;min-height:16px!important}.course-entry{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.course-entry:hover{background:#fff;border-color:#c8d9ff}.course-entry-action{color:var(--color-teal-dark);justify-self:end;font-size:.78rem;font-weight:600}.course-room-grid{grid-template-columns:minmax(0,1fr) minmax(250px,300px);align-items:start;gap:14px;display:grid}.material-sidebar{border:1px solid var(--color-border);scrollbar-width:thin;background:#fbfcfd;border-radius:7px;grid-template-columns:1fr;align-content:start;gap:8px;max-height:min(560px,100vh - 150px);padding:10px;display:grid;overflow-y:auto}.material-list-heading{grid-column:1/-1}.material-list-heading .eyebrow{margin-bottom:4px}.material-nav{border:1px solid var(--color-border);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:7px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:9px;display:grid}.material-nav.active{color:var(--color-heading);background:#f0f6ff;border-color:#c8d9ff}.material-nav strong,.material-nav small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-nav small{color:var(--color-muted);grid-column:2;font-size:.72rem}.material-viewer{gap:12px;min-width:0;display:grid}.material-media-stack{gap:12px;display:grid}.video-frame{aspect-ratio:16/9;border:1px solid var(--color-border);background:#0f172a;border-radius:7px;width:100%;position:relative;overflow:hidden}.video-frame iframe,.video-frame video,.video-placeholder{border:0;width:100%;height:100%}.video-frame video{object-fit:contain;background:#0f172a;display:block}.material-image-frame{border:1px solid var(--color-border);background:#f8fafc;border-radius:7px;margin:0;overflow:hidden}.material-image-frame img{object-fit:contain;background:#f8fafc;width:100%;max-height:min(560px,72vh);display:block}.video-watermark{pointer-events:none;color:#ffffffb3;background:#0f172a85;border:1px solid #ffffff2e;border-radius:7px;padding:5px 8px;font-size:.72rem;font-weight:500;position:absolute;bottom:10px;right:12px}.video-placeholder{color:#dbe7ff;text-align:center;place-content:center;place-items:center;gap:8px;display:grid}.video-placeholder .icon{width:28px;height:28px}.material-content,.task-box{gap:10px;display:grid}.material-description-section{background:#fff;border:1px solid #dbe7ff;border-radius:7px;gap:10px;padding:14px;display:grid}.material-description-section h3{margin:2px 0 0}.material-description{color:#263244;background:#f8fbff;border:1px solid #dbe7ff;border-radius:7px;gap:8px;padding:12px;line-height:1.75;display:grid}.material-description :where(p,ul,ol){margin:0}.material-description :where(ul,ol){padding-left:1.2rem}.task-box{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;padding:12px}.task-box label{color:var(--color-heading);gap:7px;font-size:.82rem;font-weight:500;display:grid}.task-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.testimonial-submit-box{background:linear-gradient(#fff,#f0fdfa);border:1px solid #2563eb29;border-radius:8px;gap:12px;padding:14px;display:grid}.testimonial-submit-box h3,.testimonial-submit-box p{margin:0}.testimonial-submit-box textarea{resize:vertical;width:100%;min-height:110px}.testimonial-character-count{color:var(--color-muted);justify-self:end;font-size:.78rem;font-weight:800}.testimonial-submit-box .btn{justify-self:end}.member-testimonial-panel .panel-heading small{color:var(--color-muted);font-weight:700}.member-testimonial-grid{gap:14px;display:grid}.member-testimonial-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;gap:14px;padding:16px;display:grid}.member-testimonial-card.is-complete{background:linear-gradient(#fff,#f0fdfa);border-color:#14b8a647}.member-testimonial-card-header{grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;display:grid}.member-testimonial-visual{aspect-ratio:1;border:1px solid var(--color-border);width:74px;color:var(--color-primary);background:#f8fafc;border-radius:8px;place-items:center;display:grid;overflow:hidden}.member-testimonial-visual img{object-fit:cover;width:100%;height:100%}.member-testimonial-title{gap:4px;min-width:0;display:grid}.member-testimonial-title small,.member-testimonial-title span{color:var(--color-muted);font-size:.8rem;font-weight:700}.member-testimonial-title h3{overflow-wrap:anywhere;color:var(--color-heading);margin:0;font-size:1.05rem}.member-testimonial-progress{gap:8px;display:grid}.member-testimonial-progress>span:first-child{color:var(--color-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;font-weight:800;display:flex}.member-testimonial-progress strong{color:var(--color-heading)}.member-testimonial-existing{background:#f8fbff;border:1px solid #2563eb24;border-radius:8px;gap:6px;padding:11px 12px;display:grid}.member-testimonial-existing span{color:var(--color-primary);font-size:.8rem;font-weight:900}.member-testimonial-existing p{color:var(--color-muted);overflow-wrap:anywhere;margin:0;line-height:1.55}.member-testimonial-form,.member-testimonial-form label{gap:9px;display:grid}.member-testimonial-form label{color:var(--color-heading);font-size:.84rem;font-weight:800}.member-testimonial-form textarea{resize:vertical;width:100%;min-height:116px}.member-testimonial-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.member-testimonial-actions .testimonial-character-count{justify-self:auto}.member-testimonial-locked{border:1px dashed var(--color-border);color:var(--color-muted);background:#fbfcfd;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;font-size:.86rem;font-weight:800;display:flex}.member-testimonial-locked .icon{flex:0 0 18px;width:18px;height:18px}.icon-left{transform:rotate(180deg)}@media (width<=760px){.testimonial-comment-card,.testimonial-admin-card{grid-template-columns:42px minmax(0,1fr);padding:14px}.testimonial-avatar{width:42px}.testimonial-submit-box .btn{justify-self:stretch;width:100%}.member-testimonial-card{padding:14px}.member-testimonial-card-header{grid-template-columns:58px minmax(0,1fr)}.member-testimonial-visual{width:58px}.member-testimonial-actions{flex-direction:column;align-items:stretch}.member-testimonial-actions .btn{width:100%}.materials-editor-heading{flex-direction:column;align-items:flex-start}.material-editor-card{grid-template-columns:1fr;padding:10px}.video-upload-field{grid-template-columns:1fr}.course-room-grid{grid-template-columns:minmax(0,1fr)}.course-entry{grid-template-columns:50px minmax(0,1fr)}.course-entry .progress-block,.course-entry-action{grid-column:1/-1}.course-entry-action{justify-self:start}.material-sidebar{grid-template-columns:1fr;max-height:246px}.task-actions{justify-content:flex-start}}@media (width<=520px){.material-nav{padding:8px}.task-actions{grid-template-columns:1fr;display:grid}.task-actions .btn{width:100%}}.prompt-editor,.prompt-gallery,.support-replies{gap:10px;display:grid}.prompt-editor{grid-column:1/-1;padding-top:4px}.prompt-editor-heading,.prompt-editor-title,.prompt-gallery-heading,.prompt-actions,.ticket-header{align-items:center;display:flex}.prompt-editor-heading,.prompt-gallery-heading,.ticket-header{justify-content:space-between;gap:10px}.prompt-editor-track{gap:10px;display:grid}.prompt-list-editor{gap:8px;display:grid}.prompt-list-row{border:1px solid var(--color-border);background:#fff;border-radius:7px;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px;display:grid}.prompt-list-row>span{width:28px;height:28px;color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;place-items:center;font-size:.78rem;font-weight:700;display:inline-grid}.prompt-list-row strong{color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-delete-button{border:1px solid var(--color-border);width:34px;height:34px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:7px;place-items:center;display:inline-grid}.prompt-list-empty{min-height:118px;color:var(--color-muted);text-align:center;background:#fff;border:1px dashed #c8d9ff;border-radius:7px;place-items:center;gap:8px;padding:16px;display:grid}.prompt-list-empty .icon{width:28px;height:28px;color:var(--color-teal-dark)}.prompt-list-empty p{margin:0}.prompt-editor-card{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:10px;display:grid}.prompt-editor-title{grid-column:1/-1;gap:8px}.prompt-editor-title span{width:26px;height:26px;color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;place-items:center;font-size:.78rem;font-weight:600;display:inline-grid}.prompt-editor-title strong{flex:auto}.prompt-editor-title button{border:1px solid var(--color-border);width:30px;height:30px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:7px;place-items:center;display:inline-grid}.prompt-image-preview,.prompt-card-image{aspect-ratio:4/3;border:1px solid var(--color-border);width:100%;color:var(--color-teal-dark);background:#f0f6ff;border-radius:7px;place-items:center;display:inline-grid;overflow:hidden}.prompt-image-preview img,.prompt-card-image img,.image-preview-modal img{object-fit:cover;width:100%;height:100%}.prompt-editor-fields{gap:8px;display:grid}.prompt-upload{width:100%}.prompt-modal-backdrop{z-index:12000!important}.prompt-modal-editor{width:min(760px,100vw - 28px);max-height:min(820px,100vh - 28px)}.prompt-modal-grid,.prompt-modal-fields{gap:10px;display:grid}.prompt-modal-grid{grid-template-columns:150px minmax(0,1fr)}.prompt-modal-image{min-height:150px}.prompt-gallery{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;padding:12px}.prompt-gallery-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.prompt-card{border:1px solid var(--color-border);background:#fff;border-radius:7px;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:10px;padding:10px;display:grid}.prompt-card.text-only{grid-template-columns:1fr}.prompt-card.text-only .prompt-card-body .prompt-card-text{-webkit-line-clamp:7}.prompt-card-image{cursor:pointer;padding:0}.prompt-card-body{gap:8px;min-width:0;display:grid}.prompt-card-body p,.prompt-card-text{color:var(--color-muted);-webkit-line-clamp:5;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.prompt-actions{flex-wrap:wrap;gap:6px}.prompt-actions .btn{min-height:32px;padding-inline:9px}.support-replies{margin-top:6px}.support-reply-card{border:1px solid var(--color-border);background:#fff;border-radius:7px;gap:10px;padding:12px;display:grid}.support-reply-card p,.support-reply-card small{color:var(--color-muted)}.mentor-answer{background:#f0f6ff;border-radius:7px;padding:10px;color:var(--color-heading)!important}.image-preview-modal{border:1px solid var(--color-border);width:min(760px,100vw - 28px);max-height:calc(100vh - 28px);box-shadow:var(--shadow-md);background:#fff;border-radius:7px;gap:14px;padding:16px;display:grid;overflow-y:auto}.prompt-instruction-modal{border:1px solid var(--color-border);width:min(560px,100vw - 28px);max-height:calc(100vh - 28px);box-shadow:var(--shadow-md);background:#fff;border-radius:7px;gap:14px;padding:18px;display:grid;overflow-y:auto}.prompt-instruction-content{background:#f8fbff;border:1px solid #dbe7ff;border-radius:7px;padding:12px}.prompt-instruction-content p{color:var(--color-heading);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.8}.image-preview-modal img{object-fit:contain;background:#f0f6ff;border-radius:7px;max-height:70vh}@media (width<=920px){.prompt-gallery-track{grid-template-columns:1fr}}@media (width<=760px){.prompt-editor-track{scroll-snap-type:x proximity;scrollbar-width:thin;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.prompt-editor-card{scroll-snap-align:start;flex:0 0 min(86vw,340px);grid-template-columns:1fr}.prompt-modal-grid{grid-template-columns:1fr}.prompt-gallery-track{scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.prompt-card{scroll-snap-align:start;flex:0 0 min(86vw,340px);grid-template-columns:1fr}.prompt-card-image{min-height:188px}}.member-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.member-filter-bar{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:12px;display:flex}.member-filter-bar label{min-width:min(190px,100%);color:var(--color-muted);flex:170px;gap:6px;font-size:.82rem;font-weight:700;display:grid}.member-filter-bar .member-search-field{flex:1.5 260px}.member-filter-bar input,.member-filter-bar select{border:1px solid var(--color-border);width:100%;min-height:38px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.member-filter-bar .btn{min-height:38px}.mobile-member-filter-toggle{display:none}.payment-filter-bar{flex-wrap:wrap;flex:auto;justify-content:flex-end;gap:10px;display:flex}.payment-filter-bar label{max-width:260px;color:var(--color-muted);flex:160px;gap:6px;font-size:.82rem;font-weight:700;display:grid}.payment-filter-bar label:first-child{flex-basis:280px;max-width:340px}.payment-filter-bar input,.payment-filter-bar select{border:1px solid var(--color-border);width:100%;min-height:38px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.payment-date-reset{align-self:end;min-height:38px}.payment-date-filter-bar{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.payment-date-filter-bar label{min-width:150px;color:var(--color-muted);gap:6px;font-size:.82rem;font-weight:700;display:grid}.payment-date-filter-bar input{border:1px solid var(--color-border);min-height:38px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.payment-revenue-chart{grid-auto-columns:minmax(92px,1fr);grid-auto-flow:column;align-items:end;gap:10px;min-height:260px;padding:18px 6px 4px;display:grid;overflow-x:auto}.payment-chart-item{grid-template-rows:minmax(130px,1fr) auto auto;align-items:end;gap:7px;min-width:0;display:grid}.payment-chart-bar{background:linear-gradient(#2563eb,#14b8a6);border-radius:8px 8px 4px 4px;width:100%;min-height:8px;display:block;box-shadow:inset 0 -1px #ffffff47}.payment-chart-item small{color:var(--color-muted);text-align:center;font-size:.74rem;font-weight:700}.payment-chart-item strong{overflow-wrap:anywhere;color:var(--color-heading);text-align:center;font-size:.78rem}.payment-chart-empty{grid-column:1/-1;align-self:stretch}.member-table .table-row,.support-table .table-row{grid-template-columns:minmax(220px,1.1fr) minmax(120px,.55fr) minmax(96px,.42fr) minmax(230px,1.12fr) minmax(170px,.8fr) minmax(132px,.58fr)}.support-table .table-row{grid-template-columns:minmax(220px,1.2fr) minmax(130px,.7fr) minmax(105px,.5fr) minmax(120px,.6fr) minmax(140px,.7fr)}.member-table .table-row{min-width:1060px}.payment-table .table-row{grid-template-columns:minmax(190px,1fr) minmax(180px,.9fr) minmax(180px,.9fr) minmax(120px,.55fr) minmax(115px,.5fr) minmax(150px,.7fr);min-width:980px}.member-identity,.payment-identity,.support-message{align-items:center;gap:10px;min-width:0;display:flex}.member-identity .sidebar-avatar{flex:none;position:static}.member-identity strong,.member-identity small,.payment-identity strong,.payment-identity small,.support-message strong,.support-message small{overflow-wrap:anywhere;display:block}.member-identity small,.payment-identity small,.support-message small,.password-note,.support-ticket-preview span,.support-ticket-preview p{color:var(--color-muted)}.payment-member-cell{gap:3px;min-width:0;display:grid}.payment-member-cell small{color:var(--color-muted);overflow-wrap:anywhere}.payment-status{text-transform:capitalize}.payment-status.success{color:#0f766e;background:#ccfbf1}.payment-status.pending{color:#92400e;background:#fef3c7}.payment-status.danger{color:#b91c1c;background:#fee2e2}.support-message{gap:3px;display:grid}.member-progress-cell,.member-activity-cell{min-width:0}.member-pagination-bar,.payment-pagination-bar,.pagination-controls,.pagination-pages{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.member-pagination-bar,.payment-pagination-bar{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:10px 12px}.member-pagination-bar p,.payment-pagination-bar p{color:var(--color-muted);margin:0;font-size:.84rem}.member-pagination-bar label,.payment-pagination-bar label{color:var(--color-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:flex}.member-pagination-bar select,.payment-pagination-bar select{border:1px solid var(--color-border);min-height:34px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 10px}.pagination-controls{justify-content:flex-end;margin-top:12px}.pagination-controls button{border:1px solid var(--color-border);min-width:36px;min-height:34px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:8px;padding:0 11px;font-weight:700}.pagination-controls button.active{color:#1d4ed8;background:#eef4ff;border-color:#2563eb52}.pagination-controls button:disabled{color:#a5afbd;cursor:not-allowed;background:#f8fafc}.member-progress-content,.member-activity-content{gap:5px;min-width:0;display:grid}.member-progress-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.member-progress-heading strong{color:var(--color-heading);font-size:.95rem}.member-progress-heading small,.member-progress-content>small,.member-activity-content small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.member-progress-track{height:6px}.presence-badge{color:#52606f;background:#f8fbff;border:1px solid #dbe7ff;border-radius:999px;align-items:center;gap:7px;width:max-content;min-height:24px;padding:0 8px;font-size:.74rem;font-weight:600;display:inline-flex}.presence-badge>span{background:#94a3b8;border-radius:999px;width:8px;height:8px}.presence-badge.online{color:#11615a;background:#ecfdf9;border-color:#14b8a64d}.presence-badge.online>span{background:#14b8a6;box-shadow:0 0 0 4px #14b8a624}.table-empty{grid-column:1/-1;margin:10px}.full-field{grid-column:1/-1}.password-note{background:#f8fbff;border:1px solid #dbe7ff;border-radius:7px;padding:10px 12px;font-size:.82rem}.crud-editor textarea{border:1px solid var(--color-border);width:100%;min-height:108px;color:var(--color-heading);text-align:left;font:inherit;resize:vertical;direction:ltr;unicode-bidi:isolate;background:#fff;border-radius:7px;padding:10px}.support-ticket-preview{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;gap:6px;padding:12px;display:grid}@media (width<=760px){.member-table .table-row,.support-table .table-row{grid-template-columns:1fr;min-width:0}.material-list-row{grid-template-columns:32px 32px minmax(0,1fr) auto}.material-list-row>button:not(.btn):not(.material-drag-handle){grid-column:4}.material-list-row .btn{grid-column:3/5;justify-content:center}.video-upload-field,.pdf-upload-row,.resource-link-editor{grid-template-columns:1fr}.table-row .member-identity{grid-template-columns:76px minmax(0,1fr);display:grid}.table-row .member-identity:before{grid-column:1/-1}.member-pagination-bar,.pagination-controls{justify-content:flex-start;align-items:stretch}.member-pagination-bar{flex-direction:column}.member-pagination-bar label{justify-content:space-between}.member-heading-actions{justify-content:flex-start}.member-filter-bar{flex-direction:column;align-items:stretch;gap:10px;display:none}.member-filter-bar.is-open{display:flex}.member-filter-bar label,.member-filter-bar .member-search-field{flex:none;width:100%;min-width:0}.member-filter-bar .btn{width:100%}.mobile-member-filter-toggle{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-heading);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;flex:0 0 38px;place-items:center;display:inline-grid;position:relative}.mobile-member-filter-toggle .icon{width:18px;height:18px}.mobile-member-filter-toggle.active{color:#1d4ed8;background:#eef4ff;border-color:#2563eb52}.mobile-member-filter-toggle.active:after{content:"";background:#ef6c53;border-radius:999px;width:7px;height:7px;position:absolute;top:6px;right:6px}.pagination-pages{width:100%}}.public-menu-toggle,.dashboard-header-toggle{touch-action:manipulation;flex:0 0 36px;min-width:36px;padding:0;line-height:1}.public-menu-toggle .icon,.dashboard-header-toggle .icon{pointer-events:none;width:17px;height:17px}.admin-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.traffic-insight-panel{gap:18px;margin-top:18px;padding:18px;display:grid;overflow:hidden}.traffic-insight-heading,.traffic-range-panel,.traffic-date-controls,.traffic-preset-group,.traffic-chart-heading,.traffic-legend,.traffic-breakdown-title{align-items:center;display:flex}.traffic-insight-heading{justify-content:space-between;gap:18px}.traffic-insight-heading h2,.traffic-chart-heading h3,.traffic-breakdown-title h3{margin:0}.traffic-insight-heading>div:first-child{gap:5px;min-width:0;display:grid}.traffic-insight-heading span,.traffic-chart-heading p,.traffic-chart-heading>span,.traffic-empty-text{color:var(--color-muted);font-size:.86rem}.traffic-range-panel{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:min(560px,100%)}.traffic-preset-group{border:1px solid var(--color-border);background:#f8fbff;border-radius:8px;gap:6px;padding:4px}.traffic-preset-group button{min-height:34px;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:.82rem;font-weight:800}.traffic-preset-group button.active{color:#1d4ed8;background:#eaf1ff}.traffic-date-controls{flex-wrap:wrap;gap:8px}.traffic-date-controls label{border:1px solid var(--color-border);min-height:42px;color:var(--color-muted);background:#fff;border-radius:8px;grid-template-columns:auto auto minmax(125px,1fr);align-items:center;gap:7px;padding:0 10px;font-size:.78rem;font-weight:800;display:grid}.traffic-date-controls .icon{width:16px;height:16px;color:var(--color-teal-dark)}.traffic-date-controls input{min-width:0;color:var(--color-heading);font:inherit;background:0 0;border:0;font-weight:800}.traffic-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.traffic-metric-grid article{background:linear-gradient(#fff,#f8fbff);border:1px solid #cdd9e8e6;border-radius:8px;gap:7px;min-width:0;padding:14px;display:grid}.traffic-metric-grid .icon{color:#2563eb;width:20px;height:20px}.traffic-metric-grid span{color:var(--color-muted);font-size:.78rem;font-weight:800}.traffic-metric-grid strong{color:var(--color-heading);font-size:clamp(1.35rem,3vw,1.9rem);line-height:1}.traffic-chart-card,.traffic-breakdown-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;min-width:0}.traffic-chart-card{gap:12px;padding:16px;display:grid}.traffic-chart-heading{justify-content:space-between;gap:12px}.traffic-chart-heading>div{gap:3px;min-width:0;display:grid}.traffic-error-text{font-weight:800;color:#b43d28!important}.traffic-chart{background:linear-gradient(#2563eb0f,#0ea5a40a),#fbfcfd;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));align-items:end;gap:8px;min-height:210px;padding:12px;display:grid}.traffic-chart-day{text-align:center;gap:7px;min-width:0;display:grid}.traffic-chart-bars{justify-content:center;align-items:end;gap:4px;height:150px;display:flex}.traffic-chart-bars i{width:12px;height:var(--traffic-bar-size);border-radius:999px 999px 4px 4px;min-height:4px;display:block}.traffic-chart-bars .views,.traffic-legend .views{background:#2563eb}.traffic-chart-bars .clicks,.traffic-legend .clicks{background:#10b981}.traffic-chart-day small{color:var(--color-muted);white-space:nowrap;font-size:.68rem;font-weight:800}.traffic-chart-empty{text-align:center;min-height:170px;color:var(--color-muted);grid-column:1/-1;place-items:center;gap:8px;display:grid}.traffic-chart-empty .icon{color:#2563eb;width:28px;height:28px}.traffic-legend{color:var(--color-muted);justify-content:flex-end;gap:14px;font-size:.78rem;font-weight:800}.traffic-legend i{border-radius:999px;width:10px;height:10px;margin-right:6px;display:inline-block}.traffic-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.traffic-breakdown-card{gap:12px;padding:14px;display:grid}.traffic-breakdown-title{gap:8px}.traffic-breakdown-title .icon{width:18px;height:18px;color:var(--color-teal-dark)}.traffic-ranking-list{scrollbar-width:thin;gap:9px;max-height:240px;padding-right:6px;display:grid;overflow-y:auto}.traffic-ranking-list::-webkit-scrollbar{width:6px}.traffic-ranking-list::-webkit-scrollbar-track{background:0 0}.traffic-ranking-list::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}.traffic-ranking-list::-webkit-scrollbar-thumb:hover{background:#94a3b880}.traffic-ranking-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding-bottom:8px;display:grid;position:relative;overflow:hidden}.traffic-ranking-row span{min-width:0;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:800;overflow:hidden}.traffic-ranking-row strong{color:var(--color-muted);font-size:.82rem}.traffic-ranking-row i{width:var(--traffic-row-size);background:linear-gradient(90deg,#2563eb,#10b981);border-radius:999px;height:3px;position:absolute;bottom:0;left:0}.traffic-empty-text{margin:0}@media (width<=980px){.traffic-insight-heading{flex-direction:column;align-items:stretch}.traffic-range-panel{justify-content:flex-start;min-width:0}.traffic-metric-grid,.traffic-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.traffic-insight-panel{gap:14px;margin-top:14px;padding:14px}.traffic-range-panel,.traffic-date-controls{width:100%}.traffic-preset-group{grid-template-columns:1fr;width:100%;display:grid}.traffic-preset-group button{width:100%}.traffic-date-controls label{grid-template-columns:auto auto minmax(0,1fr);width:100%}.traffic-metric-grid,.traffic-breakdown-grid{grid-template-columns:1fr}.traffic-chart-card{padding:12px}.traffic-chart-heading{flex-direction:column;align-items:flex-start}.traffic-chart{scroll-snap-type:x proximity;align-items:end;min-height:190px;padding-bottom:14px;display:flex;overflow-x:auto}.traffic-chart-day{scroll-snap-align:start;min-width:46px}.traffic-chart-bars{height:132px}.traffic-legend{justify-content:flex-start}.traffic-ranking-row span{white-space:normal}}.course-thumb-home{aspect-ratio:16/9;border:1px solid var(--color-border);object-fit:cover;background:#f0f6ff;border-radius:7px;width:100%}.price-field span{color:var(--color-teal-dark);margin-top:6px;font-size:.78rem;font-weight:600}.submission-table .table-row{grid-template-columns:minmax(220px,1.35fr) minmax(130px,.75fr) minmax(110px,.55fr) minmax(120px,.6fr) minmax(130px,.6fr)}.submission-table .active-row{background:#f1fcfb;border-color:#0ea5a447}.submission-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.submission-filter-bar label{min-width:190px;color:var(--color-muted);gap:6px;font-size:.82rem;font-weight:700;display:grid}.submission-filter-bar select{border:1px solid var(--color-border);min-height:38px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.member-submission-table .table-row{grid-template-columns:minmax(240px,1.35fr) minmax(120px,.55fr) minmax(120px,.55fr) minmax(130px,.55fr)}.submission-review label,.ticket-form label{color:var(--color-heading);gap:7px;font-size:.82rem;font-weight:500;display:grid}.ticket-form{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;gap:10px;padding:12px;display:grid}.ticket-form input,.ticket-form textarea{border:1px solid var(--color-border);width:100%;color:var(--color-heading);font:inherit;background:#fff;border-radius:7px;padding:10px}.ticket-form input{min-height:38px}.ticket-card{background:#fff;border-left:3px solid #2563eb;gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.ticket-header{padding:14px 14px 10px}.ticket-header>span{gap:3px;min-width:0;display:grid}.ticket-header strong{color:var(--color-heading)}.ticket-header mark{justify-self:end;width:max-content;min-width:0}.ticket-card small{font-size:.72rem}.mentor-answer{gap:4px;display:grid}.mentor-answer p{color:var(--color-heading);margin:0}.submitted-task-state,.submission-answer,.ticket-thread,.ticket-inline-reply{gap:8px;display:grid}.submission-answer{border:1px solid var(--color-border);background:#fff;border-radius:7px;padding:10px}.submission-answer small,.muted-note{color:var(--color-muted);font-size:.76rem}.ticket-thread{border-block:1px solid var(--color-border);background:#f7f9fc;align-content:start;gap:8px;width:100%;min-width:0;margin:0;padding:12px 14px}.admin-thread{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;max-height:260px;padding:10px;overflow-y:auto}.ticket-bubble{overflow-wrap:anywhere;border-radius:16px;gap:5px;min-width:0;max-width:min(78%,420px);padding:9px 12px;display:grid;box-shadow:0 1px 1px #1020270d}.ticket-bubble.member{color:var(--color-heading);background:#fff;border-bottom-left-radius:5px;justify-self:start}.ticket-bubble.mentor{color:#fff;background:#2563eb;border-bottom-right-radius:5px;justify-self:end}.ticket-bubble.mentor p,.ticket-bubble.mentor small{color:#fff}.ticket-bubble small{color:var(--color-muted);font-size:.7rem;font-weight:600}.ticket-bubble p{color:inherit;line-height:1.45}.ticket-card>small{padding:10px 14px 14px}.ticket-inline-reply{background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:12px 14px 14px}.ticket-inline-reply textarea{border:1px solid var(--color-border);width:100%;min-height:44px;max-height:120px;color:var(--color-heading);font:inherit;resize:vertical;background:#f8fafc;border-radius:16px;padding:11px 12px}.ticket-inline-reply .btn{border-radius:16px;justify-self:end;min-height:44px}.scroll-hint{color:var(--color-muted);margin:0;font-size:.76rem;font-weight:500;display:none}@media (width>=921px){.prompt-gallery-track{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.prompt-card{grid-template-columns:1fr;align-content:start}.prompt-card-image{min-height:clamp(170px,16vw,230px)}.prompt-card-body p{min-height:5.8em}}@media (width<=920px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header.public-header{grid-template-columns:minmax(0,1fr) auto;gap:8px}.site-header.dashboard-header{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.site-header:not(.logged-in){grid-template-columns:minmax(0,1fr) 36px}.public-menu-toggle,.dashboard-header-toggle{width:36px;min-width:36px;height:36px}.admin-summary,.submission-table .table-row,.learning-item{grid-template-columns:1fr}.course-progress-percent{grid-template-columns:auto auto;justify-content:center;gap:6px;width:100%;height:auto;min-height:46px}.ticket-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.ticket-bubble{max-width:84%}.ticket-inline-reply{grid-template-columns:1fr}.ticket-inline-reply .btn,.ticket-inline-reply textarea{width:100%}.scroll-hint{text-align:right;max-width:190px;display:block}.prompt-gallery-heading{align-items:flex-start}.prompt-gallery-track,.prompt-editor-track{-webkit-overflow-scrolling:touch;padding-right:18px}}@media (width<=390px){.public-menu-toggle,.dashboard-header-toggle{width:34px;min-width:34px;height:34px}.site-header.public-header{grid-template-columns:minmax(0,1fr) auto}.site-header.dashboard-header{grid-template-columns:34px minmax(0,1fr) auto}.brand-mark{width:30px;height:30px}.brand{gap:7px;font-size:.86rem}.site-header.public-header .brand span:last-child{max-width:92px}.header-actions{gap:6px}.notification-trigger,.profile-trigger{width:34px;height:34px;min-height:34px}.profile-avatar{width:28px;height:28px}.ticket-bubble{max-width:88%}.ticket-header{grid-template-columns:1fr}.ticket-header mark{justify-self:start}}.auth-page{grid-template-columns:minmax(0,520px);place-content:center;justify-items:center;gap:22px}.auth-page .page-intro,.auth-page .login-panel{width:min(100%,520px)}.auth-page .page-intro{text-align:center;justify-self:center;padding-top:0}.auth-page .auth-points{text-align:left}.auth-page .login-panel{justify-self:center}@media (width<=760px){.auth-page{align-content:start;padding-top:34px}}@media (width<=520px){.auth-page{gap:18px;width:min(100% - 28px,520px);padding-top:28px}.auth-page .page-intro h1{font-size:2rem}}.page-wrap.auth-page{isolation:isolate;background:linear-gradient(135deg,#081723e0,#0e74906b),linear-gradient(#0817231f,#08172361),url(/assets/online-class-hero-ClwoX7UQ.png) 50%/cover;place-items:center;width:100%;min-height:calc(100vh - 60px);padding:clamp(34px,5vw,68px) 18px;display:grid;position:relative;overflow:hidden}.page-wrap.auth-page:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:42px 42px;animation:14s linear infinite loginGridDrift;position:absolute;inset:0}.page-wrap.auth-page:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#f8fafc29);height:34%;position:absolute;inset:auto 0 0}.auth-page{color:#fff;grid-template-columns:minmax(280px,.92fr) minmax(320px,440px);justify-content:center;place-items:center stretch;gap:clamp(22px,5vw,64px);width:min(1040px,100%);position:relative}.auth-page .page-intro,.auth-page .login-panel{width:100%;max-width:none}.auth-page .page-intro{text-align:left;justify-self:end;gap:18px;animation:.7s both loginIntroIn;display:grid}.auth-page .page-intro .eyebrow{color:#9af5e4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff3d;border-radius:999px;width:max-content;max-width:100%;margin:0;padding:7px 10px}.auth-page .page-intro h1{color:#fff;letter-spacing:0;font-size:clamp(2.4rem,5vw,4.7rem);font-weight:700}.auth-page .page-intro p:not(.eyebrow){color:#ffffffd1;max-width:540px;margin:0;font-size:1rem;line-height:1.7}.auth-page .auth-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:620px;margin:8px 0 0}.auth-page .auth-points div{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border-color:#fff3;flex-direction:column;align-items:flex-start;gap:10px;min-height:86px;padding:14px;animation:5.5s ease-in-out infinite loginCardFloat;box-shadow:0 18px 40px #00000024}.auth-page .auth-points div:nth-child(2){animation-delay:.45s}.auth-page .auth-points div:nth-child(3){animation-delay:.9s}.auth-page .auth-points .icon{color:#9af5e4}.auth-page .login-panel{-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);background:#ffffffe0;border:1px solid #ffffff61;border-radius:18px;justify-self:start;padding:clamp(20px,3vw,30px);animation:.72s cubic-bezier(.22,1,.36,1) both loginPanelIn;position:relative;overflow:hidden;box-shadow:0 30px 80px #040f1b5c,inset 0 1px #ffffff94}.auth-page .login-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 20%,#ffffff7a 34%,#0000 48% 100%);animation:4.8s ease-in-out 1.2s infinite loginPanelSheen;position:absolute;inset:0;transform:translate(-120%)}.auth-page .form-heading{z-index:1;position:relative}.auth-page .form-heading>.icon{color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border:0;box-shadow:0 12px 28px #2563eb40}.auth-page .form-heading h2{color:var(--color-heading);font-size:1.35rem}.auth-page .form-heading p{color:var(--color-muted)}.auth-page .login-panel form,.auth-page .login-panel{gap:16px}.auth-page .login-panel label{color:var(--color-heading)}.auth-page .login-panel input[type=text],.auth-page .login-panel input[type=email],.auth-page .login-panel input[type=password]{background:#f8fafceb;border-color:#d9e4f5;border-radius:12px;min-height:50px;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s}.auth-page .login-panel input:focus{background:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1f}.auth-page .login-panel .btn-primary{background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:12px;min-height:50px;box-shadow:0 18px 38px #2563eb47}.auth-page .login-panel .btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#0f9f92);transform:translateY(-2px)}@media (width<=900px){.auth-page{grid-template-columns:minmax(0,520px);justify-items:center;gap:24px}.auth-page .page-intro,.auth-page .login-panel{justify-self:center}.auth-page .page-intro{text-align:center}.auth-page .page-intro .eyebrow{justify-self:center}.auth-page .page-intro p:not(.eyebrow){margin-inline:auto}.auth-page .auth-points{grid-template-columns:1fr;width:min(100%,430px);margin-inline:auto}.auth-page .auth-points div{flex-direction:row;align-items:center;min-height:58px}}@media (width<=520px){.page-wrap.auth-page{min-height:calc(100vh - 56px);padding:28px 14px}.auth-page{width:100%;padding-top:0}.auth-page .page-intro h1{font-size:clamp(2rem,10vw,2.7rem)}.auth-page .page-intro p:not(.eyebrow){font-size:.92rem}.auth-page .auth-points{display:none}.auth-page .login-panel{border-radius:16px}}@media (prefers-reduced-motion:reduce){.page-wrap.auth-page:before,.auth-page .page-intro,.auth-page .auth-points div,.auth-page .login-panel,.auth-page .login-panel:before{animation:none}}@keyframes loginIntroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes loginPanelIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginPanelSheen{0%,58%{transform:translate(-120%)}78%,to{transform:translate(120%)}}@keyframes loginGridDrift{0%{background-position:0 0,0 0}to{background-position:42px 42px,42px 42px}}@keyframes loginCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.page-wrap.auth-page{place-items:center}.auth-page{grid-template-columns:minmax(0,520px);place-content:center;justify-items:center;width:min(100%,560px);margin-inline:auto}.auth-page .page-intro,.auth-page .login-panel{justify-self:center;width:min(100%,520px)}.auth-page .page-intro{text-align:center}.auth-page .page-intro .eyebrow{justify-self:center}.auth-page .page-intro p:not(.eyebrow),.auth-page .auth-points{margin-inline:auto}.auth-page .login-panel{max-width:440px}.auth-page .auth-points{grid-template-columns:1fr;width:min(100%,440px)}.auth-page .auth-points div{flex-direction:row;align-items:center;min-height:58px}@media (width<=520px){.auth-page,.auth-page .page-intro,.auth-page .login-panel{width:100%}.auth-page .login-panel{max-width:100%}}.modern-hero{background-image:url(/assets/online-class-hero-ClwoX7UQ.png);background-position:50%;background-size:cover;background-attachment:fixed;min-height:calc(100vh - 60px);position:relative;overflow:hidden}.modern-hero:before{content:"";z-index:0;opacity:.42;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:44px 44px;animation:18s linear infinite heroGridSlide;position:absolute;inset:0;transform:translateZ(0)}.modern-hero:after{content:"";z-index:0;background:linear-gradient(#0000,#f8fafcf2);height:28%;position:absolute;inset:auto 0 0}.modern-hero__overlay{z-index:1;background:linear-gradient(90deg,#06121df0,#092d3ca8 58%,#06121d33),linear-gradient(#06121d1a,#06121d70);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,70px);min-height:calc(100vh - 60px);padding:clamp(72px,8vw,112px) 40px clamp(92px,10vw,132px);display:grid;position:relative}.modern-hero__content{z-index:2;perspective:900px;width:min(860px,100%);position:relative}.hero-globe-shell{z-index:1;aspect-ratio:1;filter:drop-shadow(0 36px 72px #14b8a633)drop-shadow(0 18px 42px #2563eb3d);justify-self:center;width:min(42vw,510px);min-width:300px;animation:.85s .12s both globeReveal;position:relative}.hero-globe-shell canvas{width:100%;height:100%;display:block}.globe-fallback-core{background:linear-gradient(115deg,#0000 45%,#9af5e46b 46% 48%,#0000 49%),linear-gradient(60deg,#0000 40%,#ffffff38 41% 44%,#0000 45%),radial-gradient(circle at 34% 30%,#ffffffa3,#0000 11%),linear-gradient(135deg,#2563eb,#0f766e);border:1px solid #9af5e45c;border-radius:999px;animation:10s linear infinite fallbackGlobeSpin;display:none;position:absolute;inset:14%;box-shadow:inset -22px -18px 42px #05101f57,0 30px 70px #2563eb42}.globe-fallback .globe-fallback-core{display:block}.modern-hero__content .eyebrow{color:#9af5e4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;width:max-content;max-width:100%;padding:8px 11px;animation:.7s both heroFadeUp}.hero-title-modern{color:#fff;letter-spacing:0;text-shadow:0 2px #9af5e46b,0 12px #2563eb29,0 28px 54px #0000006b;max-width:780px;margin-top:18px;font-size:clamp(2.8rem,7.2vw,5.8rem);font-weight:900;line-height:.98;animation:.78s cubic-bezier(.22,1,.36,1) 60ms both heroTitleReveal;transform:translateZ(34px)rotateX(0)}.particle-title{--break-progress:0;width:min(820px,100%);min-height:clamp(210px,31vw,360px);transform-style:preserve-3d;margin-top:10px;position:relative}.particle-title h1{z-index:1;color:#fff;letter-spacing:0;text-shadow:0 2px #9af5e485,0 8px #2563eb3d,0 22px 42px #0000006b;max-width:none;opacity:calc(1 - (var(--break-progress) * .86));transform:rotateX(calc(var(--break-progress) * 16deg)) translateY(calc(var(--break-progress) * -18px)) translateZ(calc(26px - (var(--break-progress) * 80px)));pointer-events:none;align-content:center;font-size:clamp(2.6rem,7.4vw,5.9rem);font-weight:900;line-height:.97;transition:opacity .12s linear,transform .12s linear;display:grid;position:absolute;inset:0}.particle-title canvas{z-index:2;filter:drop-shadow(0 10px 20px #14b8a629)drop-shadow(0 26px 42px #00000042);width:100%;height:100%;transform:translateY(calc(var(--break-progress) * 28px)) rotateX(calc(var(--break-progress) * 10deg));transform-origin:50% 42%;pointer-events:none;position:absolute;inset:0}.modern-hero .hero-copy{color:#ffffffdb;max-width:600px;line-height:1.72;animation:.72s .1s both heroFadeUp}.modern-hero .hero-actions{animation:.72s .2s both heroFadeUp}.modern-hero .btn-primary{background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 24px 54px #2563eb4d}.modern-hero .btn-ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border-color:#ffffff5c}.modern-hero .btn:hover{transform:translateY(-3px)}.modern-stats{z-index:2;background:#f8fafc;margin-top:-1px;position:relative}.modern-stats div{position:relative;overflow:hidden}.modern-stats div:after{content:"";transform-origin:0;background:linear-gradient(90deg,#2563eb,#14b8a6,#ef6c53);border-radius:999px 999px 0 0;height:3px;transition:transform .35s;position:absolute;inset:auto 18px 0;transform:scaleX(.28)}.modern-stats div:hover:after{transform:scaleX(1)}.modern-section{position:relative}.modern-section:before{content:"";z-index:-1;opacity:.7;background:linear-gradient(90deg,#0000,#2563eb0d,#0000) 0 0/100% 100%,linear-gradient(#1020270a 1px,#0000 1px) 0 0/100% 42px;position:absolute;inset:0}.reveal-panel{animation:.7s both sectionReveal}.animated-card{animation:.7s both cardReveal;animation-delay:var(--card-delay,0s);transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden}.animated-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 24%,#ffffffad 38%,#0000 54% 100%);transition:transform .72s;position:absolute;inset:0;transform:translate(-120%)}.animated-card:hover{border-color:#2563eb3d;transform:translateY(-6px);box-shadow:0 22px 48px #1020271f}.animated-card:hover:before{transform:translate(120%)}.animated-card>i{opacity:.22;background:linear-gradient(90deg,#2563eb,#14b8a6,#ef6c53);border-radius:999px;height:3px;position:absolute;inset:auto 16px 14px}.homepage-course-card{background:linear-gradient(180deg, #fff, #f8fbff), var(--color-surface);border-color:#cdd9e8e6;grid-template-columns:1fr;align-content:start;min-height:360px;padding:0;position:relative;overflow:hidden}.homepage-card-highlighted{border-color:#14b8a67a;box-shadow:0 22px 48px #14b8a624}.homepage-course-card:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(135deg,#2563eb14,#0000 38%),linear-gradient(#14b8a614,#0000 35%);transition:opacity .28s;position:absolute;inset:0}.homepage-course-card:hover:after{opacity:1}.homepage-course-visual{aspect-ratio:16/9;color:#fff;background:linear-gradient(135deg,#2563ebeb,#14b8a6cc),#2563eb;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.homepage-course-visual:before{content:"";opacity:.36;background-image:linear-gradient(#ffffff38 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:34px 34px;transition:transform .5s;position:absolute;inset:-40%;transform:rotate(12deg)}.homepage-course-card:hover .homepage-course-visual:before{transform:rotate(12deg)translate(24px,-18px)}.homepage-course-visual img{object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0;transform:scale(1.02)}.homepage-course-card:hover .homepage-course-visual img{transform:scale(1.08)}.homepage-course-visual>.icon{z-index:1;filter:drop-shadow(0 16px 24px #0000003d);width:54px;height:54px;position:relative}.homepage-course-visual span{z-index:2;color:#fff;background:conic-gradient(#9af5e4 calc(var(--progress,72) * 1%), #fff3 0), #08172347;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff70;border-radius:999px;place-items:center;width:62px;height:62px;font-size:.9rem;font-weight:800;display:inline-grid;position:absolute;bottom:14px;right:14px;box-shadow:0 18px 38px #0000003d}.homepage-card-badge{z-index:3;color:#fff;background:#0d4a46e0;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.76rem;font-weight:900;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 12px 24px #0d4a4638}.homepage-course-body{gap:8px;padding:18px 18px 0;display:grid}.homepage-course-body h3{font-size:1.12rem}.homepage-course-body p{color:var(--color-muted);line-height:1.6}.homepage-course-mentor{color:#11615a;background:#d8fbf2;border-radius:999px;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:28px;padding:0 9px;font-size:.78rem;font-weight:700;display:inline-flex}.homepage-course-mentor .icon{width:14px;height:14px}.homepage-course-card .course-meta{padding:14px 18px 0}.homepage-course-button{background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:999px;justify-self:start;min-height:40px;margin:14px 18px 18px;box-shadow:0 14px 28px #2563eb33}.homepage-course-button:hover{background:linear-gradient(135deg,#1d4ed8,#0f9f92)}.homepage-course-card>i{opacity:.78;height:4px;inset:auto 18px 0}.homepage-products-section{padding-top:22px}.homepage-product-card .homepage-course-visual{background:linear-gradient(135deg,#0f766ef0,#2563ebc7),#0f766e}.homepage-product-card.product-layout-grid{grid-template-columns:1fr}.homepage-product-card.product-layout-grid .homepage-course-visual{aspect-ratio:1}.homepage-product-card.product-layout-large .homepage-course-visual{min-height:260px}.homepage-product-card.product-layout-large .homepage-course-visual img{object-fit:cover}.homepage-product-card.product-layout-compact{grid-template-columns:96px minmax(0,1fr);align-items:center}.homepage-product-card.product-layout-compact .homepage-course-visual{height:100%;min-height:96px}.homepage-product-card.product-layout-compact .course-meta,.homepage-product-card.product-layout-compact .homepage-course-button,.homepage-product-card.product-layout-compact>i{grid-column:1/-1}.homepage-testimonials-section{gap:22px;display:grid}.testimonial-comment-card{background:#fff;border:1px solid #cdd9e8e6;border-radius:8px;grid-template-columns:54px minmax(0,1fr);align-items:start;gap:14px;max-width:760px;margin:0 auto;padding:20px;animation:.55s both testimonialFade;display:grid;box-shadow:0 18px 38px #0f172a14}.testimonial-avatar{aspect-ratio:1;color:#2563eb;background:linear-gradient(135deg,#dbeafe,#ccfbf1);border:2px solid #fff;border-radius:999px;place-items:center;width:54px;display:inline-grid;overflow:hidden;box-shadow:0 0 0 2px #2563eb38}.testimonial-avatar img{object-fit:cover;width:100%;height:100%}.testimonial-comment-body{gap:10px;min-width:0;display:grid}.testimonial-comment-heading{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.testimonial-comment-heading strong{color:var(--color-heading)}.testimonial-comment-heading small{color:var(--color-muted);font-weight:800}.testimonial-comment-body p{color:var(--color-heading);overflow-wrap:anywhere;margin:0;line-height:1.7}.testimonial-dots{gap:7px;display:flex}.testimonial-dots button{background:#cbd5e1;border:0;border-radius:999px;width:8px;height:8px;padding:0}.testimonial-dots button.active{background:#2563eb;width:22px}.testimonial-admin-list{gap:12px;display:grid}.testimonial-admin-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;grid-template-columns:46px minmax(0,1fr);gap:12px;padding:14px;display:grid}.testimonial-admin-card p{color:var(--color-heading);margin:8px 0 0;line-height:1.65}.testimonial-admin-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.testimonial-admin-heading mark{color:#1d4ed8;background:#eff6ff;border-radius:999px;padding:3px 8px;font-size:.76rem;font-weight:900}.testimonial-admin-actions{justify-content:flex-start;margin-top:12px}.testimonial-visibility-button{border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.testimonial-visibility-button .icon{width:18px;height:18px}@keyframes testimonialFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.public-detail-page{gap:0;width:min(100%,630px);margin:0 auto 80px;padding-bottom:84px;display:grid}.public-detail-topbar{z-index:8;pointer-events:none;justify-content:space-between;height:0;padding:12px;display:flex;position:sticky;top:88px}.public-detail-topbar-actions{pointer-events:auto;gap:10px;display:inline-flex}.public-detail-hero,.public-checkout-panel{background:#fff;border:1px solid #cdd9e8e6;border-radius:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 36px #10202714}.public-detail-image{z-index:1;aspect-ratio:auto;color:#0f766e;background:linear-gradient(135deg,#14b8a629,#2563eb14),#edf7f4;min-height:0;max-height:none;display:block;position:relative;overflow:hidden}.public-detail-image img{object-fit:contain;width:100%;height:auto;display:block}.public-detail-image .icon{width:74px;height:74px;margin:140px auto;display:block}.public-detail-copy{z-index:2;text-align:center;background:#fff;justify-items:center;gap:12px;width:100%;margin:0;padding:26px 26px 34px;display:grid;position:relative}.public-detail-copy h1{max-width:760px;color:var(--color-heading);overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,3vw,2.45rem);line-height:1.12}.public-detail-copy p{max-width:720px;color:var(--color-muted);overflow-wrap:anywhere;line-height:1.75}.public-product-detail .public-detail-image{max-height:none}.public-product-detail .public-detail-copy{padding-bottom:38px}.public-rich-description{max-width:720px;color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;gap:10px;line-height:1.75;display:grid}.public-detail-copy>p,.digital-product-detail-copy>p{white-space:pre-wrap}.public-rich-description p{margin:0}.public-rich-description h2,.public-rich-description h3,.public-rich-description h4{color:var(--color-heading);line-height:1.2}.public-rich-description ul,.public-rich-description ol{text-align:left;margin:0;padding-left:22px}.public-rich-description img{border:1px solid #cdd9e8e6;border-radius:8px;width:100%;max-width:100%;height:auto;display:block}.public-rich-description iframe{aspect-ratio:16/9;background:#0f172a;border:0;border-radius:8px;width:100%;min-height:220px;display:block}.public-detail-section{background:#fff;border-left:1px solid #cdd9e8e6;border-right:1px solid #cdd9e8e6;gap:14px;padding:24px 26px;display:grid}.cart-action-button{position:relative}.cart-action-button span{color:#fff;background:#10b981;border:2px solid #fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.72rem;font-weight:900;display:inline-grid;position:absolute;top:-5px;right:-5px}.public-access-panel,.public-wishlist-panel{gap:22px;padding:32px 26px}.public-access-panel .section-heading,.public-access-panel .section-heading h2,.public-access-panel .section-heading small{overflow-wrap:anywhere;min-width:0;max-width:100%}.public-product-access-page{width:min(100%,620px);padding:18px 12px 84px}.public-access-topbar{align-items:center;min-height:54px;margin-bottom:10px;display:flex}.public-access-message{text-align:center;background:#f8fafc;border:1px solid #cdd9e8e6;border-radius:8px;justify-items:center;gap:12px;min-width:0;padding:26px;display:grid}.public-access-message .icon{color:#2563eb;width:34px;height:34px}.public-access-message h3,.public-access-message p{overflow-wrap:anywhere;max-width:100%;margin:0}.public-detail-status-page{background:#f5f8fc;place-items:center;min-height:calc(100dvh - 92px);padding:clamp(22px,5vw,56px) 16px;display:grid}.public-detail-status-card{background:#fff;width:min(100%,520px);box-shadow:0 18px 50px #0f172a14}.public-access-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.public-access-content{gap:18px;width:100%;min-width:0;max-width:560px;margin:0 auto;display:grid}.public-access-content>div{text-align:center;gap:8px;min-width:0;display:grid}.public-access-content h3,.public-access-content p{overflow-wrap:anywhere;max-width:100%;margin:0}.public-access-content .public-detail-section{border:1px solid #cdd9e8e6;border-radius:8px;min-width:0;padding:18px}.public-access-content .public-detail-section p:last-child{white-space:pre-wrap;text-align:left;overflow-wrap:anywhere}.public-access-download{justify-self:stretch;width:100%;min-width:0}.public-wishlist-list{gap:12px;display:grid}.public-wishlist-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0;z-index:220!important}.public-wishlist-modal{z-index:221;background:#fff;border:1px solid #cdd9e8e6;border-radius:12px;width:min(100%,620px);max-height:min(720px,100vh - 36px);position:relative;overflow:hidden;box-shadow:0 28px 70px #0f172a3d}.public-wishlist-modal-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.public-wishlist-modal .section-heading{min-width:0}.public-wishlist-modal .public-wishlist-list{max-height:min(520px,100vh - 190px);padding-right:4px;overflow-y:auto}.public-wishlist-item{background:#fff;border:1px solid #cdd9e8e6;border-radius:8px;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;display:grid}.public-wishlist-image{aspect-ratio:1;color:#2563eb;background:#eff6ff;border-radius:8px;place-items:center;width:74px;display:inline-grid;overflow:hidden}.public-wishlist-image img{object-fit:cover;width:100%;height:100%}.public-wishlist-item div{gap:4px;min-width:0;display:grid}.public-wishlist-item small{color:var(--color-muted);font-weight:800}.public-wishlist-item strong{color:var(--color-heading)}.public-wishlist-item span{color:#0f766e;font-weight:900}.public-video-section{padding:0;overflow:hidden}.public-video-section iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.public-addon-list,.public-review-list{gap:10px;display:grid}.public-addon-item,.public-review-item{background:#f8fafc;border:1px solid #cdd9e8e6;border-radius:8px;gap:6px;padding:14px;display:grid}.public-addon-item span,.public-review-item span{color:#0f766e;font-weight:900}.public-addon-item p,.public-review-item p{color:var(--color-muted);margin:0;line-height:1.6}.public-detail-meta,.public-detail-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.public-detail-meta span{color:#0f766e;background:#ecfdf8;border:1px solid #0ea5a433;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-weight:900;display:inline-flex}.public-checkout-panel{gap:16px;padding:22px;display:grid}.public-checkout-page{width:min(100% - 40px,820px)}.public-checkout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.public-checkout-grid label,.public-checkout-check{color:var(--color-heading);gap:8px;font-weight:800;display:grid}.public-checkout-grid input{border:1px solid var(--color-border);min-height:44px;font:inherit;border-radius:8px;padding:0 12px}.public-checkout-account{background:#f8fbff;border:1px solid #3b82f62e;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.public-checkout-account-icon{color:#2563eb;background:#dbeafe;border-radius:999px;place-items:center;width:46px;height:46px;display:grid}.public-checkout-account div{gap:3px;min-width:0;display:grid}.public-checkout-account small,.public-checkout-account span{color:var(--color-muted);font-weight:750}.public-checkout-account strong,.public-checkout-account span{overflow-wrap:anywhere}.public-payment-picker-toggle{justify-self:start}.public-payment-method-grid{margin-top:0}.public-sticky-actions{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #cdd9e8e6;border-radius:0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding:12px;display:grid;position:fixed;bottom:16px;left:max(0px,50vw - 315px);right:max(0px,50vw - 315px);box-shadow:0 20px 42px #0f172a24}.public-checkout-check{grid-template-columns:auto minmax(0,1fr);align-items:start}.public-checkout-status{color:var(--color-muted);font-weight:800}.public-checkout-free-note{color:#0f766e;background:#ecfdf8;border:1px solid #14b8a638;border-radius:12px;margin:0;padding:12px 14px;font-weight:850;line-height:1.55}.public-checkout-button{justify-self:end}@media (width<=920px){.modern-hero,.modern-hero__overlay{min-height:82vh}.modern-hero__overlay{grid-template-columns:1fr;padding-inline:24px}.particle-title{min-height:clamp(230px,48vw,330px)}.hero-title-modern{max-width:620px}.hero-globe-shell{z-index:1;opacity:.44;width:min(86vw,520px);min-width:0;position:absolute;top:10%;right:-18%}}@media (width<=620px){.modern-hero,.modern-hero__overlay{min-height:78vh}.modern-hero__overlay{background:linear-gradient(#06121d5c,#06121df0),linear-gradient(90deg,#06121d99,#06121d1f);grid-template-columns:1fr;align-items:flex-end;padding:48px 20px 72px}.modern-hero__content{z-index:2}.hero-globe-shell{opacity:.34;filter:blur(.2px)drop-shadow(0 22px 52px #14b8a638);width:min(112vw,520px);top:8%;right:-36%}.hero-title-modern{font-size:clamp(2.25rem,12vw,3.7rem)}.modern-hero .hero-copy{font-size:.95rem}.modern-hero .hero-actions{grid-template-columns:1fr;display:grid}.modern-hero .btn{width:100%}.homepage-course-card{min-height:330px}}@media (prefers-reduced-motion:reduce){.modern-hero:before,.hero-globe-shell,.reveal-panel,.animated-card{animation:none}.animated-card,.modern-hero .btn{transition:none}}@keyframes heroGridSlide{0%{background-position:0 0,0 0}to{background-position:44px 44px,44px 44px}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroTitleReveal{0%{opacity:0;transform:translateY(26px)translateZ(-40px)rotateX(12deg)}to{opacity:1;transform:translateY(0)translateZ(34px)rotateX(0)}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes globeReveal{0%{opacity:0;transform:translate(26px)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fallbackGlobeSpin{0%{background-position:0 0,0 0,50%,50%}to{background-position:180px 0,-120px 0,50%,50%}}.gta-hero{background:0 0;min-height:calc(100vh - 60px)}.gta-hero:before{opacity:.24;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px)}.gta-hero .modern-hero__overlay{background:radial-gradient(at 22% 32%,#2352ff8a,#0000 42%),radial-gradient(at 76% 48%,#d125b17a,#0000 44%),radial-gradient(at 52% 84%,#ff705057,#0000 44%),linear-gradient(135deg,#070a18e0,#070a182e 48%,#0a0714db);place-items:center;min-height:calc(100vh - 60px);padding:clamp(72px,8vw,118px) 28px clamp(82px,9vw,128px);display:grid;overflow:hidden}.gta-hero .modern-hero__overlay:before{content:"";z-index:0;filter:blur(34px);background:linear-gradient(115deg,#2241d652,#0000 28% 72%,#d92aaf47),linear-gradient(35deg,#0000 24%,#ffffff14,#0000 48%);animation:12s ease-in-out infinite alternate gtaColorDrift;position:absolute;inset:-18%}.gta-hero .modern-hero__content{z-index:3;text-align:center;justify-items:center;width:min(1040px,100%);display:grid;position:relative}.gta-hero .modern-hero__content .eyebrow{color:#d9fff7;justify-self:center;margin-bottom:18px}.gta-hero .hero-copy{color:#ffffffb8;text-align:center;max-width:680px;margin-top:22px}.gta-hero .hero-actions{z-index:4;justify-content:center;margin-top:28px;position:relative}.gta-hero .hero-actions .btn{border-radius:999px;min-height:58px;padding-inline:28px}.gta-hero .hero-actions .btn-primary{color:#111827;background:#fffffff0;box-shadow:0 20px 54px #00000047,inset 0 1px #ffffffd1}.gta-hero .hero-actions .btn-primary:hover{color:#0f172a;background:#fff}.gta-hero .hero-actions .btn-ghost{background:#ffffff14;border-color:#ffffff52}.gta-hero .particle-title{--break-progress:0;z-index:1;width:min(880px,88vw);min-height:clamp(160px,22vw,310px);transform:translateX(-50%) translateY(calc(var(--break-progress) * -24px));pointer-events:none;position:absolute;top:10%;left:50%}.gta-hero .particle-title span{z-index:1;color:#ffffff29;letter-spacing:.03em;text-transform:uppercase;opacity:calc(.78 - (var(--break-progress) * .7));transform:perspective(900px) rotateX(calc(18deg + var(--break-progress) * 18deg)) translateZ(calc(-80px - var(--break-progress) * 80px));text-shadow:0 0 44px #ffffff38;place-items:center;font-family:Arial Black,Impact,system-ui,sans-serif;font-size:clamp(5rem,16vw,15rem);font-weight:900;line-height:.84;display:grid;position:absolute;inset:0}.gta-hero .particle-title canvas{z-index:2;opacity:.78;filter:drop-shadow(0 0 22px #ffffff2e)drop-shadow(0 18px 38px #00000052);width:100%;height:100%;position:absolute;inset:0}.rotating-hero-title{z-index:3;color:#fff;text-align:center;perspective:900px;place-items:center;width:min(1120px,100%);min-height:clamp(160px,21vw,240px);display:grid;position:relative}.rotating-hero-phrase{letter-spacing:0;text-shadow:0 24px 80px #0000006b;will-change:transform, opacity, filter;width:100%;font-size:clamp(2.75rem,6.9vw,6rem);font-weight:500;line-height:1.08;display:block}.phrase-variant-0{font-family:Courier New,ui-monospace,monospace;animation:3.4s both phraseTypeSlide}.phrase-variant-1{font-family:Georgia,Times New Roman,serif;font-style:italic;animation:3.4s both phraseBlurScale}.phrase-variant-2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;animation:3.4s both phraseFlipIn}.phrase-variant-3{font-family:Trebuchet MS,system-ui,sans-serif;animation:3.4s both phraseDriftIn}.hero-wire-object{z-index:2;aspect-ratio:1;width:min(250px,48vw);transform-style:preserve-3d;opacity:.78;pointer-events:none;filter:drop-shadow(0 0 24px #fff3)drop-shadow(0 28px 42px #0000003d);animation:8s ease-in-out infinite wireObjectFloat;position:absolute;top:58%;left:50%;transform:translate(-50%,-24%)rotateX(62deg)rotate(-18deg)}.hero-wire-object span{transform-style:preserve-3d;border:1px dotted #ffffff94;border-radius:46% 54% 48% 52%;position:absolute;inset:7%}.hero-wire-object span:first-child{transform:rotateX(70deg)rotateY(12deg)}.hero-wire-object span:nth-child(2){inset:19%;transform:rotateX(18deg)rotateY(72deg)}.hero-wire-object span:nth-child(3){opacity:.62;border-style:solid;inset:29%;transform:rotateX(108deg)rotate(36deg)}@media (width<=760px){.gta-hero .modern-hero__overlay{min-height:82vh;padding:64px 18px 74px}.gta-hero .particle-title{opacity:.72;width:112vw;top:13%}.rotating-hero-title{min-height:clamp(190px,48vw,260px)}.rotating-hero-phrase{font-size:clamp(2.25rem,11vw,4.2rem)}.hero-wire-object{opacity:.58;width:min(230px,64vw);top:62%}}@media (width<=520px){.gta-hero .modern-hero__overlay{min-height:78vh}.gta-hero .hero-actions{width:100%}.gta-hero .hero-actions .btn{width:100%;min-height:52px}.gta-hero .hero-copy{font-size:.92rem}}@media (prefers-reduced-motion:reduce){.gta-hero .modern-hero__overlay:before,.rotating-hero-phrase,.hero-wire-object{animation:none}}@keyframes gtaColorDrift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.08)}}@keyframes phraseTypeSlide{0%{opacity:0;filter:blur(12px);transform:translateY(34px)}16%,76%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(10px);transform:translateY(-24px)}}@keyframes phraseBlurScale{0%{opacity:0;filter:blur(18px);transform:scale(.92)}18%,74%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(14px);transform:scale(1.08)}}@keyframes phraseFlipIn{0%{opacity:0;filter:blur(10px);transform:rotateX(32deg)translateY(26px)}18%,74%{opacity:1;filter:blur();transform:rotateX(0)translateY(0)}to{opacity:0;filter:blur(8px);transform:rotateX(-26deg)translateY(-20px)}}@keyframes phraseDriftIn{0%{opacity:0;filter:blur(14px);transform:translate(-38px)skew(-4deg)}18%,74%{opacity:1;filter:blur();transform:translate(0)skew(0)}to{opacity:0;filter:blur(10px);transform:translate(34px)skew(4deg)}}@keyframes wireObjectFloat{0%,to{transform:translate(-50%,-24%)rotateX(62deg)rotate(-18deg)translateY(0)}50%{transform:translate(-50%,-24%)rotateX(66deg)rotate(12deg)translateY(-18px)}}.image-hero{background-image:url(/assets/online-class-hero-ClwoX7UQ.png);background-position:50%;background-size:cover;background-attachment:scroll;min-height:calc(100vh - 60px)}.image-hero:before{opacity:.18}.image-hero .image-hero__overlay{background:linear-gradient(90deg,#07121ee6,#07121e94 56%,#07121e2e),linear-gradient(#07121e0f,#07121e5c);align-items:center;min-height:calc(100vh - 60px);padding:clamp(72px,8vw,112px) clamp(20px,5vw,52px) clamp(72px,8vw,104px);display:flex}.image-hero .image-hero__content{text-align:left;width:min(740px,100%)}.image-hero .hero-title-modern{color:#fff;text-shadow:0 2px #9af5e447,0 18px 44px #0000006b;max-width:720px;margin-top:16px;font-size:clamp(2.5rem,6.4vw,5.35rem);font-weight:800;line-height:1}.image-hero .hero-copy{color:#ffffffe0;max-width:620px}.image-hero .hero-actions{justify-content:flex-start}@media (width<=760px){.image-hero,.image-hero .image-hero__overlay{min-height:78vh}.image-hero .image-hero__overlay{background:linear-gradient(#07121e61,#07121ef0),linear-gradient(90deg,#07121e8a,#07121e14);align-items:flex-end;padding:58px 18px}.image-hero .image-hero__content{text-align:left}.image-hero .hero-title-modern{font-size:clamp(2.15rem,11vw,3.9rem)}.image-hero .hero-copy{font-size:.95rem}.image-hero .hero-actions{grid-template-columns:1fr;width:100%;display:grid}.image-hero .hero-actions .btn{width:100%}}@media (width<=420px){.image-hero .hero-title-modern{font-size:clamp(2rem,10vw,3rem)}.image-hero .image-hero__overlay{padding-bottom:46px}}.public-info-page{background:linear-gradient(#f8fafc 0%,#fff 42%,#f7fbff 100%);min-height:72vh;padding:118px 24px 64px}.public-info-hero,.public-info-grid,.public-info-action{width:min(980px,100%);margin:0 auto}.public-info-hero{gap:12px;padding-bottom:28px;display:grid}.public-info-hero h1{max-width:760px;color:var(--color-heading);font-size:clamp(2.15rem,5vw,3.9rem);line-height:1.02}.public-info-hero p{max-width:760px;color:var(--color-muted);font-size:1.05rem;line-height:1.75}.public-info-hero small{color:var(--color-muted);font-weight:700}.public-info-grid{gap:16px;display:grid}.public-info-card{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;gap:14px;padding:22px;display:grid}.public-info-card h2{color:var(--color-heading);font-size:1.12rem}.public-info-card ul{color:var(--color-text);gap:10px;margin:0;padding-left:20px;line-height:1.65;display:grid}.public-info-action{justify-content:flex-start;padding-top:22px;display:flex}@media (width<=620px){.public-info-page{padding:96px 14px 46px}.public-info-card{padding:18px}}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text);background:linear-gradient(#fff,#f9fafb)}.site-footer-inner,.site-footer-bottom{width:min(1180px,100% - 48px);margin:0 auto}.site-footer-inner{grid-template-columns:1.4fr .8fr .8fr 1.1fr;align-items:start;gap:40px;padding:60px 0 40px;display:grid}.footer-brand-block{gap:16px;display:grid}.footer-brand{color:var(--color-heading);font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;font-size:1.15rem;font-weight:800;display:inline-flex}.footer-brand-block p{max-width:320px;color:var(--color-muted);font-size:.92rem;line-height:1.65}.footer-socials{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.footer-socials a{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-heading);background:#fff;border-radius:50%;place-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-grid;box-shadow:0 1px 3px #0000000d}.footer-socials a:hover{color:var(--color-teal-dark);background:#ecfdf9;border-color:#0ea5a473;transform:translateY(-3px);box-shadow:0 4px 12px #0ea5a426}.footer-socials .icon{width:18px;height:18px}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-heading);margin:0 0 18px;font-size:.82rem;font-weight:700}.footer-links,.footer-contact{gap:11px;display:grid}.footer-links button{color:var(--color-muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;padding:0;font-size:.94rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.footer-links button:hover{color:var(--color-teal-dark);transform:translate(4px)}.footer-contact span{color:var(--color-muted);align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.6;display:flex}.footer-contact .icon{color:var(--color-teal-dark);margin-top:3px}.site-footer-bottom{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;align-items:center;gap:16px;padding:20px 0 24px;font-size:.85rem;display:flex}@media (width<=992px){.site-footer-inner{grid-template-columns:1.2fr 1fr 1fr;gap:36px;padding:50px 0 32px}.footer-contact-col{border-top:1px solid var(--color-border);grid-column:1/-1;margin-top:8px;padding-top:24px}}@media (width<=768px){.site-footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding:40px 0 28px}.footer-brand-block{grid-column:1/-1;margin-bottom:12px}.footer-contact-col{grid-column:1/-1}}@media (width<=480px){.site-footer-inner{grid-template-columns:1fr;gap:24px}.footer-nav-col,.footer-contact-col{grid-column:1/-1}}.material-resource-editor,.material-resources{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;gap:12px;padding:12px;display:grid}.material-resource-editor{grid-column:1/-1}.resource-editor-heading,.pdf-upload-row,.material-resource-actions{align-items:center;gap:10px;display:flex}.resource-editor-heading{justify-content:space-between}.pdf-upload-row{background:#fff;border:1px dashed #c8d9ff;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;padding:10px;display:grid}.resource-link-list{gap:8px;display:grid}.resource-link-editor{border:1px solid var(--color-border);background:#fff;border-radius:7px;grid-template-columns:minmax(86px,.4fr) minmax(160px,1fr) minmax(180px,1fr) 34px;align-items:end;gap:8px;padding:10px;display:grid}.resource-link-editor>strong{color:var(--color-heading);align-self:center;font-size:.82rem}.resource-link-editor button{border:1px solid var(--color-border);color:#b43d28;cursor:pointer;background:#fff7f5;border-radius:7px;place-items:center;width:34px;height:34px;display:inline-grid}.material-resources{background:#fff;margin-top:12px}.material-resource-actions{flex-wrap:wrap}.material-resource-actions .btn{max-width:100%;min-height:38px}.task-upload-box{background:#fff;border:1px dashed #c8d9ff;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.task-image-settings{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;grid-column:1/-1;gap:8px;padding:10px;display:grid}.member-class-access{border:1px solid var(--color-border);background:#fbfcfd;border-radius:7px;gap:8px;max-height:220px;padding:10px;display:grid;overflow-y:auto}.task-upload-box>div{gap:3px;min-width:0;display:grid}.task-upload-box strong,.task-upload-box small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-upload-box small{color:var(--color-muted);font-size:.74rem}.submission-attachment-link{border:1px solid var(--color-border);color:#2563eb;background:#f0f6ff;border-radius:999px;align-items:center;gap:7px;width:max-content;max-width:100%;min-height:34px;margin-top:6px;padding:0 10px;font-weight:700;text-decoration:none;display:inline-flex}.submission-image-note{font-weight:700;color:#2563eb!important}.submission-table-thumb{border:1px solid var(--color-border);object-fit:cover;background:#f8fafc;border-radius:7px;width:68px;height:46px;margin-bottom:6px}.submission-image-preview{border:1px solid var(--color-border);background:#fff;border-radius:8px;gap:10px;padding:10px;display:grid}.submission-image-preview img{object-fit:contain;background:#f8fafc;border-radius:7px;width:100%;max-height:360px}.rating-review-field{color:var(--color-heading);gap:8px;font-size:.82rem;font-weight:500;display:grid}.star-rating{flex-wrap:wrap;gap:6px;display:flex}.star-rating button{border:1px solid var(--color-border);color:#a8b1bf;cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-size:1.25rem;display:inline-grid}.star-rating button.active{color:#f59e0b;background:#fffbeb;border-color:#f59e0b61}.submission-rating-view{color:#f59e0b;letter-spacing:1px;width:max-content;max-width:100%;font-size:1rem;display:inline-flex}@media (width<=760px){.resource-editor-heading,.material-resource-actions{flex-direction:column;align-items:stretch}.pdf-upload-row,.resource-link-editor,.task-upload-box{grid-template-columns:1fr}.resource-link-editor button{justify-self:start}.material-resource-actions .btn{width:100%}.submission-attachment-link{justify-content:center;width:100%}}.member-summary{grid-template-columns:repeat(3,minmax(180px,1fr))}.member-summary .metric-card{background:linear-gradient(135deg, #fffffff5, #f8fbffeb), var(--color-surface);border-color:#cdd9e8e6;position:relative;overflow:hidden}.member-summary .metric-card:after{content:"";background:linear-gradient(90deg,#2563eb,#14b8a6,#ef6c53);border-radius:999px 999px 0 0;height:3px;position:absolute;inset:auto 14px 0}.member-quick-actions .panel-heading{margin-bottom:12px}.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.quick-action-grid .action-card{border:1px solid var(--color-border);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.quick-action-grid .action-card:hover{border-color:#2563eb3d;transform:translateY(-3px)}.member-class-card{width:100%;min-height:164px;color:inherit;background:linear-gradient(180deg, #fff, #f8fbff), var(--color-surface);box-shadow:var(--shadow-sm);font:inherit;text-align:left;cursor:pointer;border:1px solid #cdd9e8f2;border-radius:10px;grid-template-columns:168px minmax(0,1fr) minmax(260px,.95fr) auto;align-items:center;gap:18px;padding:14px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.member-class-card:hover{border-color:#2563eb3d;transform:translateY(-3px);box-shadow:0 20px 44px #1020271f}.member-class-visual{aspect-ratio:16/10;color:#fff;background:linear-gradient(135deg,#2563eb,#14b8a6);border-radius:9px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.member-class-visual img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.member-class-card:hover .member-class-visual img{transform:scale(1.06)}.member-class-visual>.icon{width:42px;height:42px}.member-class-visual>span{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0817238a;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:.74rem;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px}.member-class-body{gap:7px;min-width:0;display:grid}.member-class-body h3{font-size:1.08rem}.member-class-body p,.member-class-next{color:var(--color-muted)}.member-class-next{font-size:.8rem}.member-class-progress{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;min-width:0;display:grid}.available-class-card{cursor:default;grid-template-columns:168px minmax(0,1fr) minmax(150px,.55fr) auto}.available-class-card:hover{transform:none}.digital-product-card.product-layout-grid{grid-template-columns:130px minmax(0,1fr) minmax(130px,.45fr) auto}.digital-product-card.product-layout-large{grid-template-columns:220px minmax(0,1fr) minmax(150px,.45fr) auto}.digital-product-card.product-layout-large .member-class-visual{min-height:180px}.digital-product-card.product-layout-compact{grid-template-columns:86px minmax(0,1fr) auto}.digital-product-card.product-layout-compact .member-class-visual{min-height:86px}.digital-product-card.product-layout-compact .member-class-next,.digital-product-card.product-layout-compact .available-class-price{display:none}.digital-product-card,.digital-product-card.product-layout-grid,.digital-product-card.product-layout-large,.digital-product-card.product-layout-compact{grid-template-columns:132px minmax(0,1fr) minmax(136px,.42fr) minmax(190px,auto);min-height:124px}.digital-product-card .member-class-visual,.digital-product-card.product-layout-large .member-class-visual,.digital-product-card.product-layout-compact .member-class-visual{aspect-ratio:4/3;min-height:96px}.digital-product-card .member-class-body{align-self:center}.digital-product-card .member-class-body h3{color:var(--color-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.35;display:-webkit-box;overflow:hidden}.digital-product-card .available-class-price{align-self:center}.digital-product-card .available-payment-action{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:8px;min-width:0;display:grid}.digital-product-card .available-payment-action .expired-payment-notice,.digital-product-card .available-payment-action .change-payment-method-button{grid-column:1/-1}.digital-product-card .member-class-button{white-space:normal;width:100%;min-width:0}.available-class-price{gap:6px;min-width:0;display:grid}.available-class-price small{color:var(--color-muted);font-size:.78rem;font-weight:700}.available-class-price strong{color:var(--color-heading);font-size:1.08rem}.available-class-price .struck-price{text-decoration:line-through}.progress-ring{background:radial-gradient(circle at center, #fff 0 57%, transparent 58%), conic-gradient(#14b8a6 calc(var(--progress) * 1%), #e8edf3 0);border-radius:999px;place-items:center;width:66px;height:66px;display:inline-grid}.progress-ring strong{color:var(--color-heading);font-size:.92rem}.member-class-button{white-space:nowrap;min-width:126px}.available-payment-action{justify-items:end;gap:8px;display:grid}.digital-product-card .available-payment-action{min-width:148px}.digital-product-detail-page{gap:18px;width:min(100%,980px);margin:0 auto;padding-bottom:112px;display:grid;position:relative}.digital-product-detail-page:before{content:"";z-index:-1;background:linear-gradient(#e2f7f1d9,#f7fafc99 42%,#f7fafc00),#f7faf9;position:fixed;inset:0}.digital-product-detail-topbar{z-index:8;pointer-events:none;justify-content:space-between;gap:12px;height:0;padding:12px;display:flex;position:sticky;top:84px}.icon-action-button{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-heading);box-shadow:var(--shadow-sm);cursor:pointer;pointer-events:auto;background:#fffffff0;border-radius:999px;place-items:center;display:inline-grid}.icon-action-button .icon{width:20px;height:20px}.digital-product-detail-hero{background:#fff;border:1px solid #cdd9e8d1;border-radius:18px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden;box-shadow:0 22px 48px #0f172a14}.digital-product-detail-image{aspect-ratio:16/9;min-height:clamp(260px,46vw,520px);color:var(--color-teal-dark);background:linear-gradient(135deg,#14b8a629,#2563eb14),#edf7f4;place-items:center;display:grid;position:relative}.digital-product-detail-image img{object-fit:cover;width:100%;height:100%}.digital-product-detail-image>.icon{width:74px;height:74px}.digital-product-detail-image>span{color:#fff;background:#0d4a46d1;border-radius:999px;min-height:30px;padding:5px 12px;font-size:.82rem;font-weight:900;position:absolute;bottom:16px;left:16px}.digital-product-detail-copy{text-align:center;justify-items:center;gap:16px;min-width:0;padding:30px 32px 34px;display:grid}.digital-product-seller{text-align:left;background:#fff;border:1px solid #cdd9e8e0;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:8px 12px;display:inline-flex;box-shadow:0 10px 22px #0f172a0f}.digital-product-seller-logo{color:#0f766e;background:#dffbf5;border-radius:999px;place-items:center;width:34px;height:34px;display:inline-grid;overflow:hidden}.digital-product-seller-logo img{object-fit:cover;width:100%;height:100%}.digital-product-seller-logo .icon{width:17px;height:17px}.digital-product-seller small,.digital-product-seller strong{display:block}.digital-product-seller small{color:var(--color-muted);font-size:.72rem;font-weight:800}.digital-product-seller strong{max-width:230px;color:var(--color-heading);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:900;overflow:hidden}.digital-product-detail-copy h2{max-width:760px;color:var(--color-heading);margin:0;font-size:clamp(1.9rem,4.2vw,3.35rem);line-height:1.05}.digital-product-detail-copy p{max-width:720px;color:var(--color-muted);font-size:1.02rem;line-height:1.75}.digital-product-detail-tags{flex-wrap:wrap;justify-content:center;gap:8px;max-width:720px;display:flex}.digital-product-detail-tags span{color:#0f766e;background:#ecfdf8;border:1px solid #0ea5a433;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.82rem;font-weight:900;display:inline-flex}.digital-product-detail-price{justify-items:start;gap:4px;display:grid}.digital-product-detail-price small{color:var(--color-muted);font-weight:800}.digital-product-detail-price strong{color:var(--color-heading);font-size:1.42rem}.digital-product-detail-price .struck-price{text-decoration:line-through}.digital-product-detail-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:16px;display:grid}.digital-product-detail-panel{background:#ffffffe0;border-color:#cdd9e8db;gap:13px;display:grid;box-shadow:0 14px 30px #0f172a0d}.digital-product-detail-panel h3{margin:0}.digital-product-detail-panel p{color:var(--color-muted)}.digital-product-detail-panel dl{gap:10px;margin:0;display:grid}.digital-product-detail-panel dl div{border-bottom:1px solid var(--color-border);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.digital-product-detail-panel dl div:last-child{border-bottom:0}.digital-product-detail-panel dt{color:var(--color-muted);font-weight:800}.digital-product-detail-panel dd{color:var(--color-heading);margin:0;font-weight:900}.digital-product-sticky-actions{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #cdd9e8e6;border-radius:18px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:12px;display:flex;position:fixed;bottom:16px;left:max(20px,50vw - 590px);right:max(20px,50vw - 590px);box-shadow:0 20px 42px #0f172a24}.digital-product-sticky-actions .expired-payment-notice{flex:260px;margin-right:auto}.digital-cart-button.active{color:#0f766e;background:#e6fffb;border-color:#0f766e52}.digital-buy-button{flex:220px;min-width:180px}.digital-cart-button{flex:0 160px}.change-payment-method-button{min-height:36px;font-size:.84rem}.expired-payment-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.expired-payment-notice button{width:24px;height:24px;color:inherit;cursor:pointer;background:#9a341214;border:0;border-radius:6px;flex:none;place-items:center;display:inline-grid}.expired-payment-notice .icon{width:14px;height:14px}.payment-method-modal-backdrop{z-index:90;background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.payment-method-modal{border:1px solid var(--color-border);width:min(560px,100%);max-height:min(720px,100vh - 36px);box-shadow:var(--shadow-md);background:#fff;border-radius:8px;gap:18px;padding:22px;display:grid;overflow-y:auto}.payment-method-modal-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.payment-method-modal-heading h2{color:var(--color-heading);margin:0;font-size:1.35rem}.payment-method-modal-heading p:last-child{color:var(--color-muted);margin:6px 0 0;font-size:.9rem}.icon-button{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-heading);cursor:pointer;background:#fff;border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-button:hover{color:#1d4ed8;background:#f8fbff;border-color:#2563eb47}.payment-method-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;display:grid}.payment-method-option{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;place-items:center;min-height:74px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.payment-method-option:hover,.payment-method-option:focus-visible{border-color:#2563eb5c;outline:none;transform:translateY(-1px);box-shadow:0 12px 26px #0f172a1a}.payment-method-option.selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.payment-method-logo{background:#f8fafc;border-radius:7px;place-items:center;width:58px;height:36px;display:inline-grid;position:relative;overflow:hidden}.payment-method-logo.custom-logo{background:#fff;width:72px;height:42px;padding:5px;box-shadow:inset 0 0 0 1px #94a3b847}.payment-method-logo.custom-logo img{object-fit:contain;max-width:100%;max-height:100%}.payment-method-note{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:-4px 0 0;padding:9px 10px;font-size:.86rem;line-height:1.45}.payment-breakdown{border:1px solid var(--color-border);background:#f8fafc;border-radius:8px;gap:8px;padding:12px;display:grid}.payment-breakdown span{justify-content:space-between;align-items:center;gap:14px;display:flex}.payment-breakdown small{color:var(--color-muted);font-weight:700}.payment-breakdown strong{color:var(--color-heading)}.payment-breakdown-total{border-top:1px solid #94a3b847;padding-top:8px}.payment-breakdown-total strong{color:#1d4ed8;font-size:1.08rem}.secure-payment-note{background:#ecfdf5;border:1px solid #10b9813d;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:13px 14px;display:grid}.secure-payment-icon{color:#047857;background:#d1fae5;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.secure-payment-icon .icon{width:19px;height:19px}.secure-payment-note strong{color:#065f46;font-weight:900;display:block}.secure-payment-note small{color:#059669;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:900;display:block}.secure-payment-note p{color:#0f766e;margin:3px 0 0;font-size:.86rem;font-weight:750;line-height:1.55}.payment-terms-check{color:var(--color-muted);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:.88rem;line-height:1.45;display:grid}.payment-terms-check input{accent-color:#2563eb;width:18px;height:18px;margin:2px 0 0}.qris-logo{background:#fff;border:2px solid #111827;grid-template-rows:repeat(2,13px);grid-template-columns:repeat(2,13px);gap:4px}.qris-logo span{background:linear-gradient(90deg,#111827 45%,#0000 45% 55%,#111827 55%),linear-gradient(#111827 45%,#0000 45% 55%,#111827 55%);width:100%;height:100%}.bank-logo{background:#eff6ff;grid-template-columns:repeat(3,8px);align-content:end;gap:4px;padding:8px 12px 7px}.bank-logo:before{content:"";opacity:.9;background:currentColor;width:34px;height:6px;position:absolute;top:7px;left:50%;transform:translate(-50%)skew(-18deg)}.bank-logo span{background:currentColor;border-radius:2px 2px 1px 1px;width:8px;height:16px}.bank-logo.bca{color:#1d4ed8}.bank-logo.bni{color:#ea580c}.bank-logo.bri{color:#2563eb;background:#eef6ff}.bank-logo.mandiri{color:#f59e0b;background:#eff6ff}.bank-logo.permata{color:#16a34a;background:#f0fdf4}.bank-logo.cimb{color:#dc2626;background:#fef2f2}.bank-logo.bsi{color:#059669;background:#ecfdf5}.bank-logo.muamalat{color:#7c3aed;background:#f5f3ff}.store-logo{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px;display:inline-flex;box-shadow:inset 0 0 0 1px #94a3b85c}.store-logo span{border-radius:999px;width:44px;height:5px;display:block}.store-logo.alfamart span:first-child,.store-logo.alfamidi span:first-child,.store-logo.indomaret span:nth-child(3){background:#ef4444}.store-logo.alfamart span:nth-child(2),.store-logo.alfamidi span:nth-child(2),.store-logo.indomaret span:nth-child(2){background:#2563eb}.store-logo.alfamart span:nth-child(3),.store-logo.alfamidi span:nth-child(3),.store-logo.indomaret span:first-child{background:#facc15}.wallet-logo{border-radius:999px}.wallet-logo span{border:3px solid;border-radius:999px;width:30px;height:22px}.wallet-logo.ovo{color:#6d28d9;background:#f5f3ff}.wallet-logo.shopeepay{color:#ea580c;background:#fff7ed}.payment-method-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.material-viewer>.material-resources{margin:12px 0 0}@media (width<=1080px){.member-class-card{grid-template-columns:138px minmax(0,1fr)}.digital-product-card,.digital-product-card.product-layout-grid,.digital-product-card.product-layout-large,.digital-product-card.product-layout-compact{grid-template-columns:116px minmax(0,1fr)}.member-class-progress,.available-class-price,.available-payment-action,.member-class-button,.digital-product-card .available-class-price,.digital-product-card .available-payment-action{grid-column:2}.digital-product-card .available-payment-action{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.member-summary{grid-template-columns:1fr}.member-class-card{grid-template-columns:1fr;gap:14px;padding:12px}.member-class-visual{aspect-ratio:16/9}.digital-product-card,.digital-product-card.product-layout-grid,.digital-product-card.product-layout-large,.digital-product-card.product-layout-compact{grid-template-columns:96px minmax(0,1fr);align-items:start}.digital-product-card .member-class-visual,.digital-product-card.product-layout-large .member-class-visual,.digital-product-card.product-layout-compact .member-class-visual{aspect-ratio:1;min-height:82px}.member-class-progress,.available-class-price,.available-payment-action,.member-class-button{grid-column:auto}.digital-product-card .available-class-price,.digital-product-card .available-payment-action{grid-column:1/-1}.payment-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-class-button{width:100%}.available-payment-action{justify-items:stretch}.quick-action-grid{grid-template-columns:1fr}}@media (width<=420px){.member-class-progress{grid-template-columns:1fr}.progress-ring{justify-self:start}}@keyframes cardReveal{0%{opacity:0;transform:translateY(28px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-page{align-items:center}.auth-intro{border:1px solid var(--color-border);background:#ffffffb8;border-radius:8px;padding:24px}.login-panel{background:#fff;border-color:#dbe7ff;position:relative;overflow:hidden}.login-panel:before{content:"";background:#2563eb;height:3px;position:absolute;inset:0 0 auto}.login-panel .btn.full{justify-content:center}.google-login-block{border-top:1px solid #e5e7eb;gap:10px;margin-top:6px;padding-top:18px;display:grid}.google-login-block p{color:#5f6b7a;text-align:center;margin:0;font-size:.92rem;line-height:1.45}.google-login-button{color:#111827;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.google-login-button:hover:not(:disabled){border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 12px 26px #1118271a}.google-login-button:disabled{cursor:wait;opacity:.68}.google-icon{flex-shrink:0;width:20px;height:20px;display:inline-block}.mobile-list-meta{display:none!important}.submission-list-filter-bar{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;margin-bottom:12px;padding:12px}.mobile-submission-filter-toggle{display:none}.submission-list-filter-bar label{flex:190px;min-width:min(220px,100%)}.submission-list-filter-bar .submission-search-field{flex:1.5 260px}.submission-filter-bar input,.submission-filter-bar select{border:1px solid var(--color-border);width:100%;min-height:38px;color:var(--color-heading);font:inherit;background:#fff;border-radius:8px;padding:0 12px}.submission-pagination-bar{margin-top:0}.submission-member-backdrop{z-index:140;place-items:center;padding:14px}.submission-review-backdrop{z-index:180;overflow:hidden}.submission-review{overscroll-behavior:contain;width:min(760px,100vw - 28px);min-width:0;max-height:min(820px,100dvh - 28px)}.submission-member-modal{overscroll-behavior:contain;grid-template-rows:auto auto auto minmax(0,1fr);gap:0;width:min(960px,100vw - 28px);min-width:0;max-height:min(820px,100dvh - 28px);padding:0;overflow:hidden}.submission-member-modal>.modal-heading{z-index:2;border-bottom:1px solid var(--color-border);background:#fff;align-items:flex-start;padding:18px 20px;position:sticky;top:0}.submission-member-modal>.modal-heading h2{overflow-wrap:anywhere;min-width:0}.submission-member-modal>.modal-heading button{flex:0 0 38px}.submission-member-modal>.submission-member-summary,.submission-member-modal>.submission-filter-bar{margin:0;padding:14px 20px 0}.submission-member-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.submission-member-summary span{border:1px solid var(--color-border);background:#fbfcfd;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.submission-member-summary small{color:var(--color-muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.submission-member-summary strong{overflow-wrap:anywhere;color:var(--color-heading);font-size:.98rem}.submission-member-modal .member-submission-table{overscroll-behavior:contain;min-width:0;min-height:0;max-height:none;margin:14px 20px 20px;overflow:auto}.member-submission-table .support-message{min-width:0;overflow:hidden}.member-submission-table .support-message strong,.member-submission-table .support-message small{overflow-wrap:anywhere}.submission-review .support-ticket-preview,.submission-review label,.submission-review .modal-actions{min-width:0}.submission-review .support-ticket-preview{overflow-wrap:anywhere}.submission-table .row-actions button:last-child{color:var(--color-heading);background:#fff}@media (width<=760px){.mobile-submission-filter-toggle .icon{width:18px;height:18px}.mobile-submission-filter-toggle.active{color:#1d4ed8;background:#eef4ff;border-color:#2563eb52}.mobile-submission-filter-toggle.active:after{content:"";background:#ef6c53;border-radius:999px;width:7px;height:7px;position:absolute;top:6px;right:6px}.submission-list-filter-bar{display:none}.submission-list-filter-bar.is-open{display:flex}.submission-member-summary{grid-template-columns:repeat(3,1fr);gap:6px}.submission-member-summary span{text-align:center;padding:6px 8px}.submission-member-summary small{font-size:.64rem}.submission-member-summary strong{font-size:.88rem}.submission-member-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));align-items:start;overflow:hidden}.submission-review-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));align-items:start}.submission-review{border-radius:12px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;overflow-y:auto}.submission-member-modal{border-radius:12px;grid-template-rows:auto auto auto minmax(0,1fr);gap:0;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:0;overflow:hidden}.submission-member-modal>.modal-heading{border-bottom:1px solid var(--color-border);background:#fff;align-items:center;gap:10px;padding:12px 14px}.submission-member-modal>.modal-heading .eyebrow{margin-bottom:2px;font-size:.68rem}.submission-member-modal>.modal-heading h2{overflow-wrap:anywhere;font-size:clamp(.95rem,4.5vw,1.2rem);line-height:1.2}.submission-member-modal>.modal-heading button{flex:0 0 34px;width:34px;height:34px}.submission-member-modal>.submission-member-summary,.submission-member-modal>.submission-filter-bar{margin:0;padding:10px 14px 0}.submission-member-modal .member-submission-table{-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex-direction:column!important;height:100%!important;min-height:0!important;margin:0!important;padding:10px 14px 14px!important;display:flex!important;overflow:hidden auto!important}.submission-member-modal .class-selection-screen{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:14px!important}.member-submission-table.compact-list-table{border:1px solid var(--color-border)!important;border-radius:8px!important;flex:auto!important;min-height:0!important;overflow:hidden auto!important}.compact-list-table{border:1px solid var(--color-border);background:#fff;border-radius:8px;gap:0;overflow:hidden}.compact-list-table .table-head{display:none!important}.compact-list-table .table-row{border:0!important;border-bottom:1px solid var(--color-border)!important;min-width:0!important;min-height:0!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:10px 12px!important;display:grid!important}.compact-list-table .table-row:last-child{border-bottom:0!important}.compact-list-table .table-row [role=cell]{width:auto!important;min-width:0!important;display:block!important}.compact-list-table .table-row [role=cell]:before,.compact-list-table .table-row .member-identity:before,.compact-list-table .table-row .row-actions:before{content:none!important;display:none!important}.compact-list-table .member-identity{align-items:center!important;gap:9px!important;display:flex!important}.compact-list-table .member-identity .sidebar-avatar{width:36px!important;height:36px!important}.compact-list-table .support-message{gap:2px!important;display:grid!important}.compact-list-table .mobile-list-meta{color:var(--color-muted)!important;margin-top:2px!important;font-size:.72rem!important;line-height:1.35!important;display:block!important}.member-table.compact-list-table [data-label=Username],.member-table.compact-list-table [data-label=Status],.submission-table.compact-list-table:not(.member-submission-table) [data-label=Tugas],.submission-table.compact-list-table:not(.member-submission-table) [data-label=Menunggu],.submission-table.compact-list-table:not(.member-submission-table) [data-label=Terakhir\ kirim]{display:none!important}.member-table.compact-list-table .member-progress-content{gap:4px!important}.member-table.compact-list-table .member-activity-content{flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important;display:flex!important}.member-table.compact-list-table .member-activity-content small{white-space:normal!important}.member-table.compact-list-table .row-actions{justify-content:flex-start!important}.submission-table.compact-list-table .table-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 10px!important}.submission-table.compact-list-table .member-identity{align-items:center!important;gap:8px!important;min-width:0!important;display:flex!important}.submission-table.compact-list-table .member-identity .sidebar-avatar{flex:0 0 32px!important;width:32px!important;height:32px!important}.submission-table.compact-list-table .member-identity strong{font-size:.84rem!important;line-height:1.25!important}.submission-table.compact-list-table .member-identity small{font-size:.7rem!important;line-height:1.2!important}.submission-table.compact-list-table .row-actions{grid-area:1/2!important;justify-content:flex-end!important;align-self:center!important;padding:0!important;display:flex!important}.submission-table.compact-list-table .row-actions button{white-space:nowrap!important;border-radius:6px!important;width:auto!important;min-height:28px!important;padding:0 10px!important;font-size:.76rem!important;font-weight:700!important}.submission-list-filter-bar,.submission-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.submission-list-filter-bar label,.submission-filter-bar label{flex:none!important;width:100%!important;min-width:0!important}.submission-list-filter-bar .submission-search-field{flex:none!important}.submission-filter-bar input,.submission-filter-bar select{min-width:0}.filter-button-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.filter-button-group button{white-space:normal;width:100%;padding:0 8px}.mobile-submission-filter-toggle{border:1px solid var(--color-border);width:38px;height:38px;color:var(--color-heading);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;flex:0 0 38px;place-items:center;display:inline-grid;position:relative}.member-submission-table.compact-list-table .table-head{display:none!important}.member-submission-table.compact-list-table .table-row{border-bottom:1px solid var(--color-border);background:#fff;padding:12px 14px;flex-direction:column!important;align-items:stretch!important;gap:10px!important;min-width:0!important;height:auto!important;min-height:auto!important;display:flex!important}.member-submission-table.compact-list-table .table-row:last-child{border-bottom:0}.member-submission-table.compact-list-table .table-row [role=cell]:before{content:none!important;display:none!important}.member-submission-table.compact-list-table [data-label=Status],.member-submission-table.compact-list-table [data-label=Dikirim]{display:none!important}.member-submission-table.compact-list-table .submission-materi-cell{align-items:flex-start!important;gap:12px!important;width:100%!important;min-height:auto!important;padding:0!important;display:flex!important}.member-submission-table.compact-list-table .submission-table-thumb{object-fit:cover!important;border-radius:6px!important;flex:0 0 48px!important;width:48px!important;height:48px!important;margin:0!important}.member-submission-table.compact-list-table .submission-materi-info{flex-direction:column!important;flex:auto!important;gap:4px!important;min-width:0!important;display:flex!important}.member-submission-table.compact-list-table .submission-materi-info strong{white-space:normal!important;word-break:break-word!important;color:var(--color-heading)!important;font-size:.9rem!important;line-height:1.35!important}.member-submission-table.compact-list-table .submission-materi-info small{white-space:normal!important;word-break:break-word!important;color:var(--color-muted)!important;font-size:.76rem!important;line-height:1.3!important}.member-submission-table.compact-list-table .row-actions{grid-area:auto!important;justify-content:stretch!important;width:100%!important;margin-top:6px!important;padding:0!important;display:flex!important}.member-submission-table.compact-list-table .row-actions button{white-space:nowrap!important;border-radius:8px!important;width:100%!important;min-height:38px!important;font-size:.85rem!important;font-weight:700!important}.member-submission-table.compact-list-table .support-message{gap:4px;min-width:0}.member-submission-table.compact-list-table .support-message strong,.member-submission-table.compact-list-table .support-message small,.member-submission-table.compact-list-table .mobile-list-meta{overflow-wrap:anywhere;white-space:normal;max-width:100%}.submission-table-thumb{width:46px;height:46px}.submission-review .modal-heading{align-items:flex-start;gap:10px}.submission-review .modal-heading h2{overflow-wrap:anywhere;font-size:clamp(1rem,5vw,1.24rem);line-height:1.2}.submission-review .modal-heading button{flex:0 0 34px;width:34px;height:34px}.submission-review .support-ticket-preview{padding:12px;overflow:hidden}.submission-review .support-ticket-preview p,.submission-review .support-ticket-preview span,.submission-review .support-ticket-preview strong{overflow-wrap:anywhere;white-space:normal;max-width:100%}.submission-review .submission-image-preview img{object-fit:contain;width:100%;max-height:48dvh}.submission-review textarea{min-height:120px}.submission-review .modal-actions{grid-template-columns:1fr;display:grid}.submission-review .modal-actions .btn,.submission-review .modal-actions button{width:100%}}@media (width<=420px){.filter-button-group{grid-template-columns:1fr}.submission-member-modal>.modal-heading{padding:10px}.submission-member-modal>.submission-member-summary,.submission-member-modal>.submission-filter-bar{padding-inline:10px}.submission-member-modal .member-submission-table{padding:8px 10px 10px}.submission-member-summary{grid-template-columns:repeat(3,1fr);gap:4px}.submission-member-summary span{padding:5px 6px}.submission-member-summary small{font-size:.6rem}.submission-member-summary strong{font-size:.82rem}.member-submission-table.compact-list-table .table-row{padding:8px 10px}.member-submission-table.compact-list-table .submission-table-thumb{flex:0 0 36px!important;width:36px!important;height:36px!important}.member-submission-table.compact-list-table .submission-materi-info strong{font-size:.8rem!important}.member-submission-table.compact-list-table .submission-materi-info small{font-size:.68rem!important}.member-submission-table.compact-list-table .row-actions button{min-height:34px;font-size:.78rem}}.website-settings-panel{background:linear-gradient(180deg, #fffffffa, #f8fbffeb), var(--color-surface);border-color:#cdd9e8eb;position:relative;overflow:hidden}.website-settings-form{gap:16px;display:grid}.settings-panel-heading{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #cdd9e8c7;align-items:center;margin:-16px -16px 8px;padding:16px;position:sticky;top:0}.settings-title-block,.settings-section-heading,.settings-image-actions{align-items:center;display:flex}.settings-title-block{gap:12px;min-width:0}.settings-title-icon,.settings-section-icon{color:#2563eb;background:#f7fbff;border:1px solid #2563eb24;flex:none;place-items:center;display:inline-grid}.settings-title-icon{border-radius:12px;width:42px;height:42px}.settings-title-icon .icon{width:20px;height:20px}.settings-title-block h2{letter-spacing:0;margin:0;font-size:clamp(1.12rem,2vw,1.42rem);font-weight:500}.settings-panel-heading .button-row{gap:8px}.settings-panel-heading .btn{border-radius:9px;min-height:38px;font-weight:500}.settings-panel-heading .btn .icon{width:16px;height:16px}.settings-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-card-button{min-height:118px;color:var(--color-heading);font:inherit;text-align:left;cursor:pointer;background:#ffffffc7;border:1px solid #cdd9e8eb;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;transition:transform .18s,border-color .18s,box-shadow .18s,background-color .18s;display:grid;box-shadow:0 12px 28px #0f172a0a}.settings-card-button:hover,.settings-card-button:focus-visible{background:#fff;border-color:#2563eb4d;transform:translateY(-2px);box-shadow:0 18px 38px #2563eb14}.settings-card-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb24}.settings-card-icon{color:#2563eb;background:#f7fbff;border:1px solid #2563eb24;border-radius:11px;place-items:center;width:38px;height:38px;display:inline-grid}.settings-card-icon .icon{width:18px;height:18px}.settings-card-copy{gap:5px;min-width:0;display:grid}.settings-card-copy small{color:#2563eb;letter-spacing:0;text-transform:uppercase;font-size:.64rem;font-weight:500}.settings-card-copy strong{overflow-wrap:anywhere;color:var(--color-heading);font-size:.96rem;font-weight:500;line-height:1.3}.settings-card-copy span{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.settings-card-arrow{color:#94a3b8;width:16px;height:16px}.settings-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a85}.settings-modal{background:#fff;border-color:#cdd9e8eb;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;gap:0;width:min(980px,100vw - 32px);max-height:min(840px,100vh - 32px);padding:0;display:grid;overflow:hidden}.settings-modal-heading,.settings-modal-actions{background:#fffffff0;padding:16px}.settings-modal-heading{border-bottom:1px solid #cdd9e8db}.settings-modal-heading h2{letter-spacing:0;margin:0;font-size:1.15rem;font-weight:500}.settings-modal-heading .eyebrow{color:#2563eb;margin-bottom:5px;font-weight:500}.settings-modal-body{background:#f8fafc;min-height:0;padding:16px;overflow:hidden auto}.settings-modal-body>.settings-section{box-shadow:none;border-color:#cdd9e8c7;display:none}.settings-modal-body>.settings-section.is-active{display:grid}.settings-modal-actions{z-index:2;border-top:1px solid #cdd9e8db;position:relative;box-shadow:0 -10px 24px #0f172a0f}.website-settings-form input,.website-settings-form select,.website-settings-form textarea{width:100%;min-width:0;color:var(--color-heading);font:inherit;background:#ffffffe6;border:1px solid #d8e3f1;border-radius:10px;outline:none;font-size:.88rem;font-weight:400;transition:border-color .18s,box-shadow .18s,background-color .18s}.website-settings-form input,.website-settings-form select{min-height:40px;padding:0 11px}.website-settings-form textarea{resize:vertical;min-height:92px;padding:10px 11px;line-height:1.65}.website-settings-form input:focus,.website-settings-form select:focus,.website-settings-form textarea:focus{background:#fff;border-color:#2563eb70;box-shadow:0 0 0 3px #2563eb14}.settings-field{min-width:0;color:var(--color-heading);gap:7px;display:grid}.settings-field>span{overflow-wrap:anywhere;color:#526174;font-size:.76rem;font-weight:500;line-height:1.25}.settings-checkbox-field{background:#ffffffd1;border:1px solid #d8e3f1e6;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:44px;padding:10px 12px}.settings-checkbox-field input{width:18px;height:18px}.settings-icon-select select{padding-right:28px}.settings-section{background:#ffffffbd;border:1px solid #cdd9e8db;border-radius:12px;gap:14px;padding:16px;display:grid;box-shadow:0 14px 28px #0f172a0a}.settings-section-heading{gap:10px;min-width:0}.settings-section-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 2px;display:flex}.settings-section-toolbar p{color:#64748b;margin:0;font-size:.84rem;line-height:1.45}.settings-section-icon{border-radius:10px;width:34px;height:34px}.settings-section-icon .icon{width:17px;height:17px}.settings-section-heading .eyebrow{color:#2563eb;margin-bottom:4px;font-size:.64rem;font-weight:500}.settings-section-heading h3{color:var(--color-heading);margin:0;font-size:.98rem;font-weight:500;line-height:1.3}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-grid>.settings-image-field{grid-column:1/-1}.settings-grid>label:has(textarea){grid-column:1/-1}.settings-list{gap:10px;display:grid}.settings-row{background:#ffffffd1;border:1px solid #d8e3f1e6;border-radius:11px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));align-items:end;gap:10px;min-width:0;padding:12px;display:grid}.settings-row-compact{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}.payment-method-settings-row{grid-template-columns:minmax(90px,.35fr) minmax(170px,.75fr) minmax(260px,1fr)}.payment-method-settings-row>strong{align-self:center}.homepage-notification-row{cursor:pointer;grid-template-columns:auto 44px minmax(0,1fr);align-items:center}.homepage-custom-activity-row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center}.homepage-custom-activity-row>button{align-self:center}.homepage-notification-row input{width:18px;height:18px}.homepage-notification-preview-avatar{color:#2563eb;background:#eff6ff;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.homepage-notification-preview-avatar img{object-fit:cover;width:100%;height:100%}.homepage-notification-preview-avatar .icon{width:20px;height:20px}.homepage-notification-preview-copy{gap:3px;min-width:0;display:grid}.homepage-notification-preview-copy strong,.homepage-notification-preview-copy small{overflow-wrap:anywhere}.homepage-notification-preview-copy small{color:#64748b;font-size:.78rem;line-height:1.4}.settings-mini-modal-backdrop{z-index:180;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.settings-mini-modal{background:#fff;border:1px solid #cdd9e8eb;border-radius:16px;gap:16px;width:min(620px,100%);max-height:calc(100dvh - 32px);padding:18px;display:grid;overflow-y:auto;box-shadow:0 28px 80px #0f172a3d}.settings-mini-modal-heading,.settings-mini-modal-actions,.custom-activity-preview{align-items:center;display:flex}.settings-mini-modal-heading{justify-content:space-between;gap:12px}.settings-mini-modal-heading h3{color:var(--color-heading);margin:0;font-size:1.18rem;line-height:1.2}.settings-mini-modal-heading button{width:40px;height:40px;color:var(--color-heading);cursor:pointer;background:#fff;border:1px solid #d8e3f1;border-radius:12px;flex:none;place-items:center;display:inline-grid}.custom-activity-preview{background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;gap:12px;min-width:0;padding:12px}.custom-activity-preview>div{gap:4px;min-width:0;display:grid}.custom-activity-preview strong,.custom-activity-preview small{overflow-wrap:anywhere}.custom-activity-preview small,.custom-activity-note{color:#64748b;font-size:.82rem;line-height:1.45}.custom-activity-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-activity-product-select{grid-column:1/-1}.settings-mini-modal-actions{justify-content:flex-end;gap:10px}.settings-row>strong{overflow-wrap:anywhere;color:#69778a;align-self:center;padding-bottom:10px;font-size:.78rem;font-weight:500}.settings-row>button{color:#b43d28;cursor:pointer;background:#fff8f6;border:1px solid #f3cfc6;border-radius:10px;justify-self:end;place-items:center;width:38px;height:38px;transition:transform .18s,border-color .18s,background-color .18s;display:inline-grid}.settings-row>button:hover{background:#fff1ed;border-color:#efb19f;transform:translateY(-1px)}.settings-row>button .icon{width:16px;height:16px}.settings-image-field{gap:10px;display:grid}.settings-image-actions{flex-wrap:wrap;gap:10px}.settings-image-preview{aspect-ratio:16/9;color:#2563eb;background:linear-gradient(135deg,#fff,#eef6ff);border:1px solid #d8e3f1;border-radius:12px;place-items:center;width:120px;display:inline-grid;overflow:hidden}.settings-image-preview img{object-fit:cover;width:100%;height:100%}.settings-upload-control{min-height:38px;color:var(--color-heading);background:#fff;border-radius:9px;font-size:.84rem;font-weight:500}.settings-upload-control .icon,.settings-clear-image .icon,.settings-add-button .icon{width:16px;height:16px}.settings-clear-image{border-radius:9px;min-height:38px;font-weight:500}.settings-upload-backup{cursor:pointer;position:relative}.settings-upload-backup input{opacity:0;cursor:pointer;position:absolute;inset:0}.settings-add-button{border-radius:9px;justify-self:start;min-height:38px;font-weight:500}@media (width<=1180px){.settings-card-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.settings-panel-heading{flex-direction:column;align-items:stretch;margin:-14px -14px 8px;padding:14px;position:static}.settings-panel-heading .button-row{justify-content:flex-start}.settings-row,.settings-row-compact{grid-template-columns:1fr}.settings-row>button,.settings-add-button{justify-self:start}.settings-section-toolbar{flex-direction:column;align-items:stretch}.homepage-custom-activity-row{grid-template-columns:44px minmax(0,1fr)}.homepage-custom-activity-row>button{grid-column:1/-1}}@media (width<=680px){.website-settings-form{gap:12px}.settings-card-grid{grid-template-columns:1fr}.settings-card-button{grid-template-columns:36px minmax(0,1fr) auto;min-height:0;padding:12px}.settings-title-block{align-items:flex-start}.settings-title-icon{border-radius:10px;width:38px;height:38px}.settings-grid{grid-template-columns:1fr}.settings-section{border-radius:10px;padding:14px}.settings-modal{border-radius:12px;width:min(100%,100vw - 20px);max-height:calc(100dvh - 20px)}.settings-modal-heading,.settings-modal-actions,.settings-modal-body{padding:12px}.settings-section-heading{align-items:flex-start}.settings-image-actions{align-items:stretch}.settings-image-preview{width:min(180px,100%)}.settings-upload-control,.settings-clear-image{flex:120px;justify-content:center}}@media (width<=520px){.settings-panel-heading .button-row{grid-template-columns:1fr;width:100%;display:grid}.settings-card-button{grid-template-columns:34px minmax(0,1fr)}.settings-card-arrow{display:none}.settings-panel-heading .button-row .btn,.settings-panel-heading .settings-upload-backup{width:100%}.settings-row{padding:10px}.settings-row>strong{padding-bottom:0}.settings-row>button,.settings-add-button{width:100%}.settings-modal-actions{grid-template-columns:1fr;display:grid}.settings-modal-actions .btn,.settings-section-toolbar .btn{width:100%}.settings-mini-modal-backdrop{align-items:start;padding:10px}.settings-mini-modal{border-radius:14px;max-height:calc(100dvh - 20px);padding:14px}.custom-activity-form-grid{grid-template-columns:1fr}.settings-mini-modal-actions{grid-template-columns:1fr;display:grid}.settings-mini-modal-actions .btn{width:100%}}@supports not (overflow:clip){html,body,#root,.app-shell{overflow-x:visible}}.app-shell>.site-header.public-site-header,.app-shell>.site-header.home-header,.app-shell>.site-header.login-header,.app-shell>.site-header.public-header{align-self:start;z-index:100!important;position:sticky!important;top:0!important}@media (width<=1180px){.app-shell>.site-header.public-site-header,.app-shell>.site-header.home-header,.app-shell>.site-header.login-header{position:sticky!important;top:0!important}}@media (width<=760px){.app-shell>.site-header.public-site-header,.app-shell>.site-header.home-header,.app-shell>.site-header.login-header{position:sticky!important;top:0!important}.public-detail-page{width:100%;margin-top:0;padding-bottom:122px}.public-detail-topbar{padding:10px;top:72px}.public-detail-image{aspect-ratio:auto;max-height:none}.public-detail-copy{text-align:left;place-items:start;padding:22px 18px 26px}.public-product-detail .public-detail-copy{padding-bottom:28px}.public-detail-copy h1{font-size:clamp(1.7rem,8vw,2.35rem)}.public-detail-meta,.public-detail-actions{justify-content:flex-start}.public-checkout-grid{grid-template-columns:1fr}.public-checkout-panel{padding:16px}.public-wishlist-modal-backdrop{align-items:end;padding:10px}.public-wishlist-modal{border-radius:12px 12px 0 0;width:100%;max-height:min(78vh,680px)}.public-wishlist-modal .public-wishlist-list{max-height:calc(78vh - 130px)}.public-wishlist-item{grid-template-columns:58px minmax(0,1fr)}.public-wishlist-image{width:58px}.public-wishlist-item .btn,.public-wishlist-item>.icon-action-button{grid-column:1/-1;width:100%}.public-checkout-button{justify-self:stretch;width:100%}.public-sticky-actions{border-bottom:0;border-left:0;border-right:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:10px;bottom:0;left:0;right:0}.public-sticky-actions .btn{width:100%;min-width:0}}@media (width<=420px){.public-sticky-actions{grid-template-columns:1fr}.public-detail-page{width:100%;padding-bottom:168px}.public-detail-image{min-height:0}.public-detail-copy{padding:18px 14px 24px}.public-detail-meta span{min-height:32px;font-size:.82rem}}@media (width<=920px){.digital-product-detail-page{width:100%;padding-bottom:138px}.digital-product-detail-grid{grid-template-columns:1fr}.digital-product-detail-copy{padding:26px 24px 30px}.digital-product-sticky-actions{left:16px;right:16px}}@media (width<=760px){.digital-product-detail-page{gap:14px;padding-bottom:168px}.digital-product-detail-topbar{padding:10px;top:72px}.digital-product-detail-image{aspect-ratio:4/3;min-height:220px}.digital-product-detail-copy{text-align:left;place-items:start;padding:22px 18px 26px}.digital-product-detail-copy h2{font-size:clamp(1.65rem,8vw,2.35rem)}.digital-product-detail-copy p{font-size:.96rem;line-height:1.65}.digital-product-detail-price{justify-items:start}.digital-product-seller{width:100%}.digital-product-seller strong{max-width:calc(100vw - 130px)}.digital-product-detail-tags{justify-content:flex-start}.digital-product-sticky-actions{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;padding:10px;display:grid;bottom:12px;left:12px;right:12px}.digital-product-sticky-actions .expired-payment-notice,.digital-product-sticky-actions .change-payment-method-button{grid-column:1/-1;width:100%}.digital-buy-button,.digital-cart-button{width:100%;min-width:0}}@media (width<=420px){.digital-product-detail-page{padding-bottom:188px}.digital-product-detail-image{min-height:190px}.digital-product-detail-panel dl div{grid-template-columns:1fr;gap:4px}.digital-product-sticky-actions{grid-template-columns:1fr}}.catalog-section{padding:60px 0 90px}.section-heading.centered{text-align:center;max-width:720px;margin:0 auto 36px}.section-subheading{color:#64748b;margin-top:12px;font-size:1.05rem;line-height:1.5}.catalog-search-bar{justify-content:center;margin-bottom:28px;padding:0 16px;display:flex}.search-input-wrapper{width:100%;max-width:580px;position:relative}.search-input-wrapper input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:99px;width:100%;height:52px;padding:0 48px;font-size:.98rem;transition:all .25s;box-shadow:0 4px 18px #94a3b80d}.search-input-wrapper input:focus{border-color:#f59e0b;outline:none;box-shadow:0 8px 24px #f59e0b1a}.search-input-wrapper .search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.search-input-wrapper .clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.search-input-wrapper .clear-search:hover{color:#1e293b}.category-tabs-track{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;padding:0 12px;display:flex}.category-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:99px;flex-shrink:0;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 8px #00000005}.category-tab-btn:hover{color:#1e293b;border-color:#cbd5e1;transform:translateY(-1px)}.category-tab-btn.active{color:#fff;background:#1e293b;border-color:#1e293b;box-shadow:0 4px 14px #1e293b26}.tab-count{color:#64748b;background:#f1f5f9;border-radius:99px;padding:1px 6px;font-size:.75rem;font-weight:700;transition:all .2s}.category-tab-btn.active .tab-count{color:#fff;background:#334155}.catalog-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1200px){.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.catalog-grid{grid-template-columns:repeat(2,1fr);gap:16px}}.catalog-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 18px #1f293708}.catalog-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 30px #1f293714}.catalog-card.highlighted{border:1.5px solid #f59e0b;position:relative}.catalog-card.highlighted:after{content:"Hot Deals";color:#fff;z-index:10;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #d977064d}.card-media{aspect-ratio:16/10;background:#f8fafc;width:100%;position:relative;overflow:hidden}.card-type-kelas .card-media{aspect-ratio:16/9}.card-type-kelas .card-media img{object-fit:contain;padding:4px}.card-media.is-square{aspect-ratio:1!important}.card-media.is-square img{object-fit:cover}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.catalog-card:hover .card-media img{transform:scale(1.04)}@media (width>=769px){.card-type-kelas .card-footer-info{display:none!important}}.media-placeholder{color:#94a3b8;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-placeholder .icon{width:36px;height:36px}.card-badge{-webkit-backdrop-filter:blur(4px);color:#fff;z-index:5;letter-spacing:.02em;background:#0f172acc;border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;bottom:12px;left:12px}.card-badge.badge-kelas{background:#6366f1e6}.card-badge.badge-produk-digital{background:#10b981e6}.card-content{flex-direction:column;flex-grow:1;padding:16px;display:flex}.card-rating-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.rating-stars{color:#1e293b;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.star-icon-filled{color:#fbbc05}.sales-count{color:#64748b;font-size:.8rem;font-weight:500}.card-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.7em;margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.9em;margin:0 0 16px;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card-footer-info{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:12px}.info-label{color:#64748b;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.info-label .icon{color:#94a3b8;width:14px;height:14px}.card-price-action{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.price-box{flex-direction:column;display:flex}.original-price{color:#94a3b8;font-size:.78rem;line-height:1.2;text-decoration:line-through}.current-price{color:#1e293b;font-size:1.15rem;font-weight:800;line-height:1.2}.card-action-btn{color:#fff!important;min-height:38px!important;box-shadow:none!important;background:#1e293b!important;border:1px solid #1e293b!important;border-radius:8px!important;padding:0 14px!important;font-size:.88rem!important}.card-action-btn:hover{background:#334155!important;border-color:#334155!important}.catalog-empty-state{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1;padding:60px 20px}.catalog-empty-state h3{color:#0f172a;margin:0 0 6px;font-size:1.2rem}.catalog-empty-state p{font-size:.9rem}@media (width<=600px){.catalog-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-tabs-track{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:8px;overflow-x:auto}.category-tabs-track::-webkit-scrollbar{height:4px}.category-tabs-track::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.category-tab-btn{padding:6px 12px;font-size:.8rem}.card-content{padding:10px}.card-title{height:2.7em;margin-bottom:4px;font-size:.86rem}.card-desc,.card-footer-info{display:none}.card-price-action{background:#fff;flex-direction:column;align-items:stretch;gap:8px;padding:10px}.current-price{font-size:.95rem}.original-price{font-size:.72rem}.card-action-btn{width:100%;min-height:32px!important;padding:0 8px!important;font-size:.78rem!important}.card-rating-row{margin-bottom:4px}.rating-stars,.sales-count{font-size:.72rem}.card-badge{padding:2px 6px;font-size:.65rem;bottom:6px;left:6px}.catalog-card.highlighted:after{padding:2px 5px;font-size:.6rem;top:6px;right:6px}}.btn{font-family:"Poppins", var(--font-sans);letter-spacing:.01em;border-radius:10px!important;font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.btn:hover{transform:translateY(-2px)scale(1.01)!important;box-shadow:0 8px 20px #2563eb26!important}.btn:active{transform:translateY(-.5px)scale(.99)!important}.btn-primary{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;box-shadow:0 4px 14px #2563eb40!important}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 6px 20px #2563eb59!important}.btn-secondary{color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 6px #00000005!important}.btn-secondary:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 4px 12px #0000000d!important}.btn-ghost{-webkit-backdrop-filter:blur(8px)!important;color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important}.btn-ghost:hover{background:#fff3!important;border-color:#ffffff80!important}.public-detail-page{width:min(100%,1040px)!important;margin:0 auto 100px!important;padding:0 24px 96px!important}.public-detail-topbar{pointer-events:auto!important;height:60px!important;margin-bottom:12px!important;padding:12px 0!important;position:static!important}.public-detail-topbar .icon-action-button{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:99px!important;place-items:center!important;width:40px!important;height:40px!important;transition:all .2s!important;display:inline-grid!important;box-shadow:0 2px 6px #00000008!important}.public-detail-topbar .icon-action-button:hover{color:#0f172a!important;background:#f8fafc!important;border-color:#cbd5e1!important}.public-detail-hero{box-shadow:none!important;background:0 0!important;border:none!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:32px!important;margin-bottom:28px!important;padding:0 0 28px!important;display:grid!important;overflow:visible!important}.public-detail-image{aspect-ratio:16/10.5!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 40px #0f172a0f!important}.public-detail-image img{object-fit:contain!important;background-color:#f8fafc!important;width:100%!important;height:100%!important}.public-detail-image .icon{color:#2563eb!important;width:60px!important;height:60px!important;margin:0!important}@media (width>=921px){.public-detail-hero{align-items:start!important}.public-detail-image{position:sticky!important;top:104px!important}}.public-detail-copy{text-align:left!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;align-content:start!important;place-items:start!important;gap:16px!important;padding:32px!important;box-shadow:0 20px 40px #0f172a0a!important}.public-detail-copy h1{color:#0f172a!important;max-width:100%!important;font-size:2.1rem!important;font-weight:800!important;line-height:1.25!important}.public-detail-copy p,.public-rich-description{color:#475569!important;max-width:100%!important;font-size:.94rem!important;line-height:1.65!important}.public-detail-meta{justify-content:flex-start!important;gap:10px!important;width:100%!important;margin-top:12px!important}.public-detail-meta span{color:#475569!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:99px!important;min-height:32px!important;padding:0 14px!important;font-size:.8rem!important;font-weight:600!important;box-shadow:0 2px 6px #00000003!important}.public-detail-meta span:nth-child(2){color:#2563eb!important;background:#f0f6ff!important;border-color:#bfdbfe!important;font-size:.84rem!important;font-weight:800!important}.public-video-section{aspect-ratio:16/9!important;border:1px solid #e2e8f0!important;border-radius:16px!important;margin:0 0 28px!important;padding:0!important;overflow:hidden!important;box-shadow:0 20px 40px #0f172a0f!important}.public-video-section iframe{border:none!important;width:100%!important;height:100%!important}.public-detail-section{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;margin:0 0 28px!important;padding:28px!important;box-shadow:0 16px 36px #0f172a08!important}.public-detail-section .eyebrow{color:#2563eb!important;letter-spacing:.05em!important;margin-bottom:16px!important;font-size:.75rem!important;font-weight:800!important}.public-addon-list,.public-review-list{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;margin-top:12px!important;display:grid!important}.public-addon-item,.public-review-item{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;align-content:start!important;gap:8px!important;padding:18px!important;display:grid!important}.public-addon-item strong,.public-review-item strong{color:#0f172a!important;font-size:.98rem!important;font-weight:700!important}.public-addon-item span{color:#10b981!important;font-size:.94rem!important;font-weight:800!important}.public-addon-item p,.public-review-item p{color:#64748b!important;margin:0!important;font-size:.86rem!important;line-height:1.5!important}.public-review-item .review-rating-row{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.public-review-item .stars{color:#fbbc05!important;gap:3px!important;display:flex!important}.public-review-item .stars .star-icon{fill:currentColor!important;width:14px!important;height:14px!important}.public-sticky-actions{-webkit-backdrop-filter:blur(14px)!important;z-index:99!important;background:#ffffffe0!important;border:1px solid #e2e8f0cc!important;border-radius:16px!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:12px!important;max-width:1040px!important;margin:0 auto!important;padding:12px 18px!important;display:grid!important;position:fixed!important;bottom:20px!important;left:24px!important;right:24px!important;box-shadow:0 10px 30px #0f172a14!important}.public-sticky-actions .btn{min-height:44px!important;font-size:.92rem!important}@media (width<=760px){.public-detail-page{margin-bottom:60px!important;padding:0 12px 112px!important}.public-detail-topbar{padding:8px 0!important}.public-detail-hero{grid-template-columns:1fr!important;gap:16px!important}.public-detail-image{aspect-ratio:16/10!important}.public-detail-copy{padding:22px!important}.public-detail-copy h1{font-size:1.65rem!important}.public-addon-list,.public-review-list{grid-template-columns:1fr!important;gap:12px!important}.public-sticky-actions{border-radius:12px!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;padding:10px!important;bottom:12px!important;left:12px!important;right:12px!important}}.detail-accordion-group{flex-direction:column;gap:12px;margin:0 0 28px;display:flex}.detail-accordion-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;transition:box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.detail-accordion-item.open{border-color:#bfdbfe;box-shadow:0 8px 28px #2563eb14}.detail-accordion-trigger{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:18px 20px;transition:background .2s;display:flex}.detail-accordion-trigger:hover{background:#f8fafc}.detail-accordion-item.open .detail-accordion-trigger{background:#f0f6ff}.detail-accordion-trigger-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.detail-accordion-icon-wrap{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s,color .3s;display:flex}.detail-accordion-item.open .detail-accordion-icon-wrap{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.detail-accordion-label{flex-direction:column;gap:2px;min-width:0;display:flex}.detail-accordion-label strong{color:#0f172a;font-size:.98rem;font-weight:700;display:block}.detail-accordion-label small{color:#64748b;font-size:.78rem;font-weight:500}.detail-accordion-chevron{color:#94a3b8;flex-shrink:0;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),color .2s;display:flex}.detail-accordion-item.open .detail-accordion-chevron{color:#2563eb;transform:rotate(180deg)}.detail-accordion-body{max-height:0;padding:0 20px;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.detail-accordion-item.open .detail-accordion-body{max-height:1200px;padding:0 20px 20px}.accordion-schedule-desc{color:#64748b;margin:0 0 18px;font-size:.9rem;line-height:1.6}.details-benefit-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.details-benefit-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:14px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.details-benefit-card:hover{background:#fff;border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 20px #2563eb0f}.details-benefit-icon-wrapper{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .25s;display:flex}.details-benefit-card:hover .details-benefit-icon-wrapper{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.details-benefit-icon-wrapper .icon{width:18px;height:18px}.details-benefit-content h3{color:#0f172a;margin:0 0 4px;font-size:.92rem;font-weight:700}.details-benefit-content p{color:#475569;margin:0;font-size:.84rem;line-height:1.5}.details-schedule-timeline{flex-flow:wrap;gap:14px;margin-top:0;display:flex}.details-schedule-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:140px;align-items:flex-start;gap:10px;padding:22px 16px 16px;transition:all .25s;display:flex;position:relative}.details-schedule-step:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 18px #00000008}.step-number-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #fff;border-radius:99px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-11px;left:16px;box-shadow:0 3px 8px #2563eb4d}.details-schedule-step-icon{color:#475569;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.details-schedule-step:hover .details-schedule-step-icon{color:#fff;background:#2563eb}.details-schedule-step-icon .icon{width:16px;height:16px}.details-schedule-step-content{flex-direction:column;gap:3px;display:flex}.details-schedule-step-content .step-label{color:#2563eb;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.details-schedule-step-content strong{color:#0f172a;font-size:.88rem;font-weight:700;line-height:1.35}@media (width<=760px){.detail-accordion-trigger{padding:15px 16px}.detail-accordion-item.open .detail-accordion-body{padding:0 16px 16px}.details-benefit-grid{grid-template-columns:1fr;gap:10px}.details-benefit-card{padding:14px}.details-schedule-timeline{flex-direction:column;gap:12px}.details-schedule-step{flex:auto;padding:20px 14px 14px}}.crud-editor input:focus,.crud-editor select:focus,.crud-editor textarea:focus,.crud-form input:focus,.crud-form select:focus,.digital-builder-card input:focus,.digital-builder-card select:focus,.digital-builder-card textarea:focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb26!important}.purchase-notification-toast{z-index:1500;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#ffffffeb;border:1px solid #e2e8f0cc;border-radius:12px;align-items:center;gap:12px;width:350px;max-width:calc(100vw - 32px);padding:12px 16px;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s;display:flex;position:fixed;bottom:24px;left:24px;transform:translateY(120px);box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a1a}.purchase-notification-toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.purchase-notification-toast--detail{inset:96px auto auto 24px;transform:translateY(-28px)}.purchase-notification-toast--detail.show{transform:translateY(0)}.purchase-notification-avatar{background:#f1f5f9;border:2px solid #3b82f6;border-radius:999px;flex:0 0 46px;width:46px;height:46px;position:relative;overflow:hidden}.purchase-notification-avatar img{object-fit:cover;width:100%;height:100%}.purchase-notification-avatar .avatar-initials{color:#1e3a8a;background:linear-gradient(135deg,#dbeafe,#93c5fd);justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}.purchase-notification-badge{color:#fff;border:1.5px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-1px;right:-1px}.purchase-notification-badge.type-kelas{background:#10b981}.purchase-notification-badge.type-produk{background:#3b82f6}.purchase-notification-badge .icon{color:#fff;width:10px;height:10px}.purchase-notification-content{flex:auto;min-width:0}.purchase-notification-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;display:block;overflow:hidden}.purchase-notification-desc{color:#475569;margin-top:1px;font-size:.8rem;line-height:1.3;display:block}.purchase-notification-item{color:#1e293b;font-weight:600}.purchase-notification-time{color:#94a3b8;margin-top:3px;font-size:.72rem;display:block}.purchase-notification-close{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.purchase-notification-close:hover{color:#475569;background:#f1f5f9}@media (width<=640px){.purchase-notification-toast{width:auto;max-width:none;bottom:16px;left:16px;right:16px;box-shadow:0 4px 15px #0000001a}.purchase-notification-toast--detail{width:auto;inset:82px 12px auto;transform:translateY(-22px)}}.public-course-detail{flex-direction:column!important;gap:24px!important;display:flex!important}.public-course-detail .public-detail-image{aspect-ratio:16/9!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:680px!important;margin:0 auto!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 30px #0f172a0f!important}.public-course-detail .public-detail-image.has-image{aspect-ratio:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;display:block!important}.public-course-detail .public-detail-image.has-image img{object-fit:contain!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:100%!important;height:auto!important;display:block!important;box-shadow:0 10px 30px #0f172a0f!important}.public-course-detail .public-detail-copy{width:100%!important;max-width:100%!important}.play-button-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:5!important;pointer-events:none!important;background:#0f172a99!important;border:2px solid #fff6!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:64px!important;height:64px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 4px 12px #00000026!important}.public-detail-image:hover .play-button-overlay{background:#2563ebcc!important;border-color:#fffc!important;transform:translate(-50%,-50%)scale(1.1)!important}.public-detail-page .public-course-detail,.public-detail-page .public-product-detail{width:100%!important;max-width:760px!important;box-shadow:none!important;background:0 0!important;border:0!important;flex-direction:column!important;align-items:stretch!important;gap:28px!important;margin:0 auto 28px!important;padding:0!important;display:flex!important;overflow:visible!important}.public-detail-page .public-course-detail .public-detail-image,.public-detail-page .public-product-detail .public-detail-image{z-index:1!important;aspect-ratio:auto!important;width:min(100%,560px)!important;max-width:560px!important;height:auto!important;min-height:0!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;flex:none!important;margin:0 auto!important;display:block!important;position:relative!important;inset:auto!important;overflow:visible!important}.public-detail-page .public-course-detail .public-detail-image:not(.has-image),.public-detail-page .public-product-detail .public-detail-image:not(.has-image){background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;place-items:center!important;min-height:260px!important;display:grid!important}.public-detail-page .public-course-detail .public-detail-image img,.public-detail-page .public-product-detail .public-detail-image img{object-fit:contain!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:100%!important;height:auto!important;max-height:520px!important;display:block!important;position:static!important;box-shadow:0 14px 34px #0f172a14!important}.public-detail-page .public-course-detail .public-detail-copy,.public-detail-page .public-product-detail .public-detail-copy{z-index:2!important;text-align:left!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;place-items:start!important;width:100%!important;max-width:100%!important;margin:0!important;padding:30px!important;display:grid!important;position:static!important;overflow:visible!important;transform:none!important;box-shadow:0 16px 34px #0f172a0f!important}.public-detail-page .play-button-overlay{display:none!important}@media (width<=760px){.public-detail-page .public-course-detail,.public-detail-page .public-product-detail{gap:18px!important;max-width:100%!important}.public-detail-page .public-course-detail .public-detail-image,.public-detail-page .public-product-detail .public-detail-image{width:min(100%,460px)!important;max-width:460px!important}.public-detail-page .public-course-detail .public-detail-image img,.public-detail-page .public-product-detail .public-detail-image img{border-radius:14px!important;max-height:430px!important}.public-detail-page .public-course-detail .public-detail-copy,.public-detail-page .public-product-detail .public-detail-copy{border-radius:14px!important;padding:22px!important}}.class-modal-backdrop{z-index:10000!important;place-items:start center!important;min-height:100dvh!important;padding:clamp(12px,2vw,24px)!important;overflow-y:auto!important}.class-editor{border-radius:16px!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;width:min(1080px,100vw - 32px)!important;max-height:calc(100dvh - 32px)!important;padding:0!important;display:grid!important;overflow:hidden!important;box-shadow:0 28px 80px #0f172a38!important}.class-editor>.modal-heading{z-index:3!important;background:#fff!important;border-bottom:1px solid #e2e8f0!important;padding:18px 22px!important;position:relative!important}.class-editor>.modal-heading h2{margin:0!important;font-size:clamp(1.35rem,2vw,1.9rem)!important;line-height:1.15!important}.class-editor>.modal-heading button{border-radius:12px!important;flex:none!important;width:42px!important;height:42px!important}.class-editor-form{overscroll-behavior:contain!important;background:#fff!important;border:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:18px!important;min-height:0!important;margin:0!important;padding:22px!important;display:grid!important;overflow-y:auto!important}.class-editor-form .thumbnail-field{align-self:start!important}.class-description-field{grid-column:1/-1!important;width:100%!important}.class-description-field .digital-rich-toolbar{z-index:2!important;background:#ecfdf9!important;border:1px solid #dbe4ef!important;border-bottom:0!important;border-radius:12px 12px 0 0!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important;padding:12px!important;display:flex!important;position:sticky!important;top:0!important}.class-description-field .digital-description-editor{resize:vertical!important;border-radius:0 0 12px 12px!important;min-height:clamp(280px,44vh,580px)!important;max-height:none!important;line-height:1.7!important}.class-description-field .description-video-preview{margin-top:12px!important}.class-editor>.modal-actions{z-index:3!important;background:#fff!important;border-top:1px solid #e2e8f0!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:10px!important;padding:16px 22px!important;display:flex!important;position:relative!important;box-shadow:0 -12px 30px #0f172a0f!important}@media (width<=760px){.class-modal-backdrop{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))!important}.class-editor{border-radius:14px!important;width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}.class-editor>.modal-heading{align-items:flex-start!important;gap:10px!important;padding:14px!important}.class-editor-form{grid-template-columns:1fr!important;gap:14px!important;padding:14px!important}.class-description-field .digital-rich-toolbar{gap:6px!important;padding:10px!important}.class-description-field .digital-description-editor{min-height:320px!important}.class-editor>.modal-actions{grid-template-columns:1fr!important;padding:12px 14px!important;display:grid!important}}.certificate-panel,.admin-certificate-panel{gap:22px;display:grid}.certificate-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.certificate-summary-grid article{background:linear-gradient(135deg,#0f172a0a,#f59e0b14),#fff;border:1px solid #dbe4ef;border-radius:14px;align-content:start;gap:6px;min-height:126px;padding:18px;display:grid;box-shadow:0 16px 34px #0f172a0f}.certificate-summary-grid .icon{color:#2563eb;width:28px;height:28px}.certificate-summary-grid strong{color:#0f172a;font-size:clamp(1.55rem,2vw,2.1rem);line-height:1}.certificate-summary-grid span{color:#64748b;font-weight:700}.admin-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.certificate-course-list{gap:18px;display:grid}.certificate-course-card{background:#fff;border:1px solid #dbe4ef;border-radius:18px;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:18px;display:grid;box-shadow:0 18px 42px #0f172a12}.certificate-course-media{background:#f1f5f9;border-radius:14px;place-items:center;width:100%;min-height:150px;display:grid;overflow:hidden}.certificate-course-media img{object-fit:cover;width:100%;height:100%;min-height:150px;display:block}.certificate-course-media .icon{color:#64748b;width:42px;height:42px}.certificate-course-content,.certificate-issued-box{gap:16px;min-width:0;display:grid}.certificate-course-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.certificate-course-heading h3{color:#0f172a;margin:4px 0 0;font-size:clamp(1.1rem,1.5vw,1.45rem);line-height:1.25}.status-pill{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:center;align-items:center;min-width:94px;padding:7px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.status-pill.success{color:#047857;background:#ecfdf5;border-color:#10b98147}.certificate-create-box,.certificate-change-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:12px;padding:16px;display:grid}.certificate-create-box label,.certificate-change-form label{color:#334155;gap:7px;font-weight:800;display:grid}.certificate-create-box input,.certificate-change-form input,.certificate-change-form textarea{color:#0f172a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:12px 14px}.certificate-change-form{grid-template-columns:repeat(2,minmax(0,1fr))}.certificate-change-form .wide,.certificate-change-form p,.certificate-change-form .btn{grid-column:1/-1}.certificate-change-form p{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.certificate-locked-note,.certificate-request-status{color:#475569;background:#fff;border:1px solid #dbe4ef;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 14px;font-weight:700;line-height:1.45;display:flex}.certificate-locked-note .icon{color:#64748b;flex:none}.certificate-request-status{background:#fffbeb;border-color:#f59e0b47;display:grid}.certificate-request-status.status-approved{background:#ecfdf5;border-color:#10b98147}.certificate-request-status.status-rejected{background:#fff1f2;border-color:#ef44443d}.certificate-request-status strong{color:#0f172a}.certificate-request-status span,.certificate-request-status small{color:#64748b}.certificate-actions{flex-wrap:wrap;gap:10px;display:flex}.certificate-regenerate-box{background:linear-gradient(135deg,#eff6fff0,#fffffffa);border:1px solid #2563eb2e;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.certificate-regenerate-box.active{border-color:#2563eb73;box-shadow:0 14px 32px #2563eb1a}.certificate-regenerate-box .icon{color:#2563eb;width:24px;height:24px}.certificate-regenerate-box strong,.certificate-regenerate-box span{display:block}.certificate-regenerate-box strong{color:#0f172a}.certificate-regenerate-box span{color:#64748b;margin-top:3px;font-size:.88rem;line-height:1.5}.certificate-preview{color:#fff;background:linear-gradient(135deg,#0a1120fa,#141e30f2),#0f172a;border:2px solid #d5b25f;border-radius:20px;flex-direction:column;justify-content:space-between;gap:clamp(16px,3.5vw,28px);width:100%;min-height:auto;padding:clamp(20px,4vw,36px);transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a26,inset 0 0 0 1px #ffffff14,inset 0 0 0 6px #d5b25f1a}.certificate-preview:hover{transform:translateY(-2px);box-shadow:0 24px 48px #0f172a38,inset 0 0 0 1px #ffffff1f,inset 0 0 0 6px #d5b25f26}.certificate-preview:before,.certificate-preview:after{content:"";pointer-events:none;border:1px solid #d5b25f1f;border-radius:999px;width:300px;height:300px;position:absolute}.certificate-preview:before{background:radial-gradient(circle,#d5b25f14 0%,#0000 70%);top:-120px;right:-80px}.certificate-preview:after{background:radial-gradient(circle,#d5b25f0d 0%,#0000 70%);bottom:-150px;left:-100px}.certificate-preview-topline,.certificate-preview-footer{z-index:1;justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex;position:relative}.certificate-preview-topline{border-bottom:1px solid #d5b25f33;padding-bottom:14px}.certificate-logo-group{color:#fff;align-items:center;gap:10px;display:flex}.certificate-logo-img{object-fit:contain;max-width:150px;height:clamp(24px,3.5vw,32px)}.certificate-logo-fallback{letter-spacing:.05em;color:#fff;align-items:center;gap:8px;font-size:clamp(.9rem,1.5vw,1.15rem);font-weight:800;display:flex}.certificate-logo-fallback .icon{color:#fde68a;filter:drop-shadow(0 0 4px #fde68a66);width:22px;height:22px}.certificate-badge-title{color:#fde68a;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#fde68a0d;border:1px solid #fde68a4d;border-radius:6px;padding:4px 10px;font-size:clamp(.68rem,1.2vw,.78rem);font-weight:900}.certificate-preview-body{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,1.8vw,14px);width:100%;margin:8px 0;display:flex;position:relative}.certificate-preview-body .eyebrow{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(.7rem,1.2vw,.8rem);font-weight:800}.certificate-preview-body h3{color:#fff;letter-spacing:.02em;text-shadow:0 2px 10px #0000004d;word-wrap:break-word;width:100%;margin:2px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:700;line-height:1.2}.certificate-preview-copy{color:#cbd5e1;max-width:500px;margin:0;font-size:clamp(.85rem,1.5vw,.98rem);font-weight:500;line-height:1.5}.certificate-preview-body h4{color:#fde68a;letter-spacing:.02em;text-shadow:0 2px 8px #fde68a26;word-wrap:break-word;width:100%;margin:2px 0;font-size:clamp(1.15rem,2.8vw,1.8rem);font-weight:700;line-height:1.3}.certificate-preview-meta{border-top:1px solid #ffffff14;justify-content:space-around;align-items:flex-end;gap:20px;width:100%;margin-top:clamp(14px,2.5vw,24px);padding-top:clamp(14px,2.5vw,20px);display:flex}.certificate-preview-meta span,.certificate-preview-footer>div{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.certificate-preview-footer>div{align-items:flex-start}.certificate-preview small{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.certificate-preview strong{color:#fff;font-size:clamp(.8rem,1.4vw,.95rem);font-weight:600}.certificate-preview-footer strong{word-break:break-all;font-family:monospace}.certificate-esign-container{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:48px;display:flex;position:relative}.certificate-esign-svg{color:#38bdf8;filter:drop-shadow(0 2px 4px #38bdf840);opacity:.95;width:110px;height:44px;position:absolute;bottom:-2px}.certificate-qr,.verify-qr{background:#fff;border-radius:8px;flex-shrink:0;grid-template-columns:repeat(7,1fr);gap:0;width:64px;height:64px;padding:6px;display:grid;box-shadow:0 4px 12px #00000026}.certificate-qr i,.verify-qr i{background:#fff;border-radius:0}.certificate-qr i.active,.verify-qr i.active{background:#0f172a}.admin-certificate-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-certificate-card{background:#fff;border:1px solid #dbe4ef;border-radius:16px;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 16px 34px #0f172a0f}.admin-certificate-card.wide{grid-column:1/-1}.subsection-heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.subsection-heading h3{color:#0f172a;margin:4px 0 0;font-size:1.1rem}.subsection-heading>span{color:#1d4ed8;background:#eff6ff;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:900}.certificate-request-table .row-actions,.issued-certificate-table .row-actions{flex-wrap:wrap;gap:8px;display:flex}.certificate-request-table .row-actions button,.issued-certificate-table .row-actions button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-weight:800}.certificate-request-table .row-actions button:first-child{color:#047857;background:#ecfdf5;border-color:#10b98166}.certificate-request-table .row-actions button:last-child{color:#be123c;background:#fff1f2;border-color:#ef444452}.certificate-verify-page{background:linear-gradient(135deg,#f8fafcf5,#eff6fff5),#f8fafc;min-height:calc(100dvh - 84px);padding:clamp(28px,6vw,74px) clamp(16px,4vw,42px)}.certificate-verify-shell{grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:center;gap:clamp(22px,4vw,46px);width:min(1120px,100%);margin:0 auto;display:grid}.certificate-verify-hero{gap:14px;display:grid}.certificate-verify-hero h1{color:#0f172a;margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98}.certificate-verify-hero p{color:#475569;margin:0;font-size:1.05rem;line-height:1.7}.verify-card{background:#fff;border:1px solid #dbe4ef;border-radius:24px;justify-items:start;gap:18px;min-width:0;padding:clamp(22px,4vw,38px);display:grid;box-shadow:0 28px 80px #0f172a1f}.verify-card.valid{border-color:#10b98147}.verify-card>.icon{color:#ef4444;width:44px;height:44px}.verify-card h2{color:#0f172a;margin:0;font-size:clamp(1.5rem,3vw,2.5rem)}.verify-card p{color:#64748b;margin:0;line-height:1.6}.verify-status{align-items:center;gap:14px;display:flex}.verify-status>span{color:#047857;background:#ecfdf5;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.verify-status small,.verify-details small{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;display:block}.verify-status strong{color:#0f172a;font-size:1.35rem}.verify-qr{grid-template-columns:repeat(8,1fr);gap:0;width:112px;height:112px}.verify-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.verify-details span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:5px;min-width:0;padding:14px;display:grid}.verify-details strong{color:#0f172a;word-break:break-word;line-height:1.35}.certificate-panel{min-width:0;overflow:hidden}.certificate-panel .panel-heading,.certificate-course-list,.certificate-course-card,.certificate-course-content,.certificate-issued-box{min-width:0}.certificate-summary-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr))}.certificate-course-card{grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:start;width:100%;max-width:100%;overflow:hidden}.certificate-course-media{aspect-ratio:4/3;align-self:start;min-height:0}.certificate-course-media img{min-height:0}.certificate-issued-box{width:100%;max-width:100%;overflow:hidden}.member-template-certificate-preview{justify-items:center;width:100%;min-width:0;max-width:min(100%,780px);margin-inline:auto;display:grid;overflow:hidden}.certificate-issued-box>.certificate-preview{max-width:min(100%,780px);margin-inline:auto}.certificate-actions{min-width:0}.certificate-actions .btn{white-space:normal;min-width:0}.certificate-regenerate-box,.certificate-request-status,.certificate-locked-note,.certificate-create-box,.certificate-change-form{min-width:0;max-width:100%}.certificate-regenerate-box span,.certificate-request-status span,.certificate-request-status small,.certificate-locked-note span{overflow-wrap:anywhere}.certificate-testimonial-required-note{color:#1e3a8a;background:#eff6ff;border:1px solid #2563eb33;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 13px;font-size:.9rem;font-weight:800;line-height:1.45;display:flex}.certificate-testimonial-required-note .icon{color:#2563eb;flex:none;width:18px;height:18px}.certificate-testimonial-modal{background:#fff;border:1px solid #dbe4ef;border-radius:20px;justify-items:start;gap:16px;width:min(460px,100%);max-height:calc(100dvh - 36px);padding:24px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 80px #0f172a38}.certificate-testimonial-modal-close{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:14px;right:14px}.certificate-testimonial-modal-icon{color:#2563eb;background:#eff6ff;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.certificate-testimonial-modal-icon .icon{width:25px;height:25px}.certificate-testimonial-modal h2{color:#0f172a;margin:4px 42px 8px 0;font-size:clamp(1.35rem,4vw,1.9rem);line-height:1.15}.certificate-testimonial-modal p:not(.eyebrow){color:#475569;margin:0;line-height:1.65}.certificate-testimonial-modal strong{color:#0f172a}.certificate-testimonial-modal-actions{flex-wrap:wrap;gap:10px;width:100%;display:flex}.certificate-testimonial-modal-actions .btn{flex:160px}@media (width<=980px){.certificate-course-card,.certificate-verify-shell{grid-template-columns:1fr}.certificate-course-media{width:min(100%,420px);max-height:none}.admin-summary-grid,.certificate-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-certificate-layout{grid-template-columns:1fr}}@media (width<=640px){.certificate-summary-grid,.admin-summary-grid,.verify-details,.certificate-change-form{grid-template-columns:1fr}.certificate-course-card{border-radius:14px;gap:14px;padding:14px}.certificate-course-media{width:100%}.certificate-course-heading,.subsection-heading{justify-content:stretch;display:grid}.certificate-actions .btn,.certificate-create-box .btn,.certificate-change-form .btn{width:100%}.certificate-preview{border-radius:14px;padding:clamp(14px,3vw,20px)}.certificate-preview-topline,.certificate-preview-footer,.certificate-preview-meta{justify-items:stretch;display:grid}.certificate-preview-meta{gap:14px}.certificate-badge-title{white-space:normal;text-align:center}.certificate-testimonial-modal{border-radius:16px;padding:20px}.certificate-testimonial-modal-actions{display:grid}.certificate-preview-body h3{font-size:clamp(1.6rem,10vw,2.6rem)}.certificate-verify-page{padding-inline:12px}}.certificate-editor-panel{background:#f8fafc;border:1px solid #dbe4ef;border-radius:18px;gap:16px;padding:18px;display:grid;box-shadow:inset 0 1px #ffffffe6}.certificate-editor-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.certificate-editor-topbar h3{color:#0f172a;margin:4px 0 0;font-size:1.25rem}.certificate-editor-actions{scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;min-width:0;padding:2px;display:flex;overflow-x:auto}.certificate-action-icon,.certificate-export-menu>summary{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-grid}.certificate-action-icon:hover,.certificate-export-menu>summary:hover{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.certificate-action-icon:active,.certificate-export-menu>summary:active{transform:translateY(1px)}.certificate-action-icon.primary{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 10px 22px #2563eb38}.certificate-action-icon .icon,.certificate-export-menu .icon{width:18px;height:18px}.certificate-export-menu{flex:none;position:relative}.certificate-export-menu>summary{list-style:none}.certificate-export-menu>summary::-webkit-details-marker{display:none}.certificate-export-options{z-index:70;background:#fff;border:1px solid #dbe4ef;border-radius:12px;min-width:86px;display:grid;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 18px 45px #0f172a2e}.certificate-export-options button{color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eef2f7;padding:10px 13px;font-size:.82rem;font-weight:850;display:block}.certificate-export-options button:last-child{border-bottom:0}.certificate-export-options button:hover{color:#1d4ed8;background:#eff6ff}.certificate-template-config{grid-template-columns:1.15fr 1fr 1fr;gap:12px;display:grid}.certificate-template-config label,.certificate-editor-sidebar label{color:#334155;gap:7px;font-size:.84rem;font-weight:850;display:grid}.certificate-template-config input,.certificate-template-config select,.certificate-editor-sidebar input,.certificate-editor-sidebar select,.certificate-editor-sidebar textarea{color:#0f172a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 11px}.certificate-editor-layout{background:#e2e8f0;border:1px solid #dbe4ef;border-radius:18px;grid-template-columns:220px minmax(0,1fr) 280px;min-height:680px;display:grid;overflow:hidden}@keyframes sidebarFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.certificate-editor-sidebar{background:#fff;align-content:start;gap:12px;min-width:0;max-height:760px;padding:14px;animation:.2s cubic-bezier(.16,1,.3,1) sidebarFadeIn;display:grid;overflow:auto}.certificate-editor-sidebar h4{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0;font-size:.82rem}.certificate-editor-sidebar button{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 10px;font-weight:800;display:flex}.certificate-editor-sidebar button:hover,.certificate-editor-toolbar button:hover,.template-secondary-actions button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.certificate-editor-sidebar .icon{flex:none;width:18px;height:18px}.placeholder-chip-list,.layer-actions,.format-button-grid,.template-secondary-actions{gap:8px;display:grid}.placeholder-chip-list{grid-template-columns:1fr}.placeholder-chip-list button{overflow-wrap:anywhere;min-height:32px;font-size:.73rem}.layer-actions,.format-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-button-grid button{justify-content:center;min-height:34px;padding:8px}.format-button-grid button.active{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.certificate-editor-canvas-wrap{background-color:#e8eef6;background-image:linear-gradient(45deg,#94a3b82e 25%,#0000 25%),linear-gradient(-45deg,#94a3b82e 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b82e 75%),linear-gradient(-45deg,#0000 75%,#94a3b82e 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.certificate-editor-toolbar{background:#ffffffeb;border-bottom:1px solid #cbd5e1;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.certificate-editor-toolbar button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:7px 9px;font-weight:800}.certificate-editor-toolbar span{text-align:center;color:#334155;min-width:52px;font-weight:900}.certificate-editor-scroll{place-items:start center;min-width:0;padding:28px;display:grid;overflow:auto}.certificate-template-stage{flex:none;position:relative}.certificate-template-canvas{transform-origin:0 0;background-position:50%;background-size:cover;border-radius:3px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0f172a1f,0 28px 80px #0f172a38}.template-element{transform-origin:50%;-webkit-user-select:none;user-select:none;min-width:12px;min-height:12px;display:grid;position:absolute}.certificate-template-stage.is-dragging .template-element{cursor:grabbing}.template-element.selected{outline-offset:2px;outline:2px solid #2563eb}.template-element.locked{cursor:not-allowed}.template-resize-handle{cursor:nwse-resize;background:#2563eb;border:2px solid #fff;border-radius:5px;width:15px;height:15px;position:absolute;bottom:-7px;right:-7px;box-shadow:0 4px 12px #2563eb59}.template-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;overflow:hidden}.template-image-preview,.template-shape-preview,.template-empty-image,.template-qr-preview{width:100%;height:100%}.template-image-preview{pointer-events:none;display:block}.template-empty-image{color:#64748b;background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px;place-items:center;display:grid}.template-shape-preview{box-sizing:border-box}.template-shape-line{border-radius:999px;align-self:center;width:100%}.template-qr-preview{border-radius:10px;grid-template-rows:minmax(0,1fr) auto;gap:5px;padding:8%;display:grid}.template-qr-matrix{aspect-ratio:1;place-self:center;width:auto;max-width:100%;height:100%;max-height:100%;display:grid}.template-qr-preview i{background:0 0;border-radius:0}.template-qr-preview i.active{background:currentColor}.template-qr-preview small{color:currentColor;text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(7px,7%,14px);font-weight:900;line-height:1.15;display:block;overflow:hidden}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inline-setting{align-items:center;grid-template-columns:none!important;gap:8px!important;display:flex!important}.inline-setting input{width:auto!important}.properties-form{gap:12px;display:grid}.editor-muted{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.template-layer-list{gap:8px;display:grid}.template-layer-list button{gap:3px;display:grid}.template-layer-list button.active{background:#dbeafe;border-color:#2563eb}.template-layer-list small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.member-template-certificate-preview{background:#f1f5f9;border:1px solid #dbe4ef;border-radius:16px;justify-items:center;width:100%;min-width:0;max-width:min(100%,780px);margin-inline:auto;padding:10px;display:grid;overflow:hidden}.member-template-certificate-preview .certificate-template-stage{max-width:100%}.certificate-preview-modal{z-index:11000;background:#0f172a9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.certificate-preview-modal-card{background:#fff;border-radius:18px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 90px #0f172a59}.certificate-preview-modal-body{background:#e2e8f0;place-items:center;min-height:0;padding:24px;display:grid;overflow:auto}@media (width<=1180px){.certificate-editor-layout{grid-template-columns:190px minmax(0,1fr)}.properties-sidebar{border-top:1px solid #dbe4ef;grid-column:1/-1;max-height:none}}@media (width<=820px){.certificate-editor-topbar,.certificate-template-config{grid-template-columns:1fr;display:grid}.certificate-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.certificate-editor-layout{grid-template-columns:1fr;max-height:none}.certificate-editor-sidebar{max-height:none}.certificate-editor-scroll{place-items:start;padding:16px}.certificate-editor-actions .btn{width:100%}}.certificate-editor-panel{padding:clamp(12px,2vw,18px);position:relative}.certificate-editor-panel .certificate-editor-actions{flex-wrap:nowrap;justify-content:flex-start;display:flex}.certificate-editor-panel.is-fullscreen{z-index:12000;background:#f8fafc;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:100dvh;padding:8px;display:grid;position:fixed;inset:0;overflow:hidden}.certificate-editor-panel.is-fullscreen>.certificate-editor-topbar,.certificate-editor-panel.is-fullscreen>.certificate-template-config{display:none}.certificate-editor-panel.is-fullscreen .certificate-editor-layout{height:100%;min-height:0}.certificate-editor-panel.is-fullscreen .certificate-editor-canvas-wrap,.certificate-editor-panel.is-fullscreen .certificate-editor-scroll{min-height:0}.certificate-editor-panel.is-fullscreen .certificate-editor-sidebar{max-height:none}.certificate-editor-panel.is-fullscreen .certificate-editor-commandbar{border-radius:12px;gap:6px;padding:6px;box-shadow:0 10px 22px #0f172a14}.certificate-editor-panel.is-fullscreen .certificate-toolbar-group{border-radius:10px;gap:4px;min-height:34px;padding:4px}.certificate-editor-panel.is-fullscreen .certificate-toolbar-group>span{font-size:.62rem;display:none}.certificate-editor-panel.is-fullscreen .certificate-toolbar-group>strong{min-width:38px;font-size:.72rem}.certificate-editor-panel.is-fullscreen .certificate-icon-tool{border-radius:8px;width:28px;height:28px}.certificate-editor-panel.is-fullscreen .certificate-icon-tool .icon{width:15px;height:15px}.certificate-editor-panel.is-fullscreen .certificate-editor-scroll{padding:14px}.certificate-editor-commandbar{scrollbar-width:thin;background:#fffffff5;border:1px solid #dbe4ef;border-radius:16px;align-items:stretch;gap:10px;padding:10px;display:flex;overflow-x:auto;box-shadow:0 16px 34px #0f172a14}.certificate-toolbar-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:13px;flex:none;align-items:center;gap:6px;min-height:42px;padding:6px;display:flex}.certificate-toolbar-group>span{color:#64748b;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:0 6px;font-size:.72rem;font-weight:900}.certificate-toolbar-group>strong{color:#0f172a;text-align:center;min-width:48px;font-size:.82rem}.certificate-icon-tool{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;place-items:center;width:34px;height:34px;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-grid}.certificate-icon-tool:hover:not(:disabled),.certificate-icon-tool.active{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.certificate-icon-tool:active:not(:disabled){transform:translateY(1px)}.certificate-icon-tool:disabled{cursor:not-allowed;opacity:.38}.certificate-icon-tool .icon{width:18px;height:18px}.certificate-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.certificate-mobile-dock,.certificate-mobile-sheet{display:none}.certificate-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.certificate-tool-grid button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe4ef;border-radius:14px;justify-items:center;gap:7px;min-height:72px;font-weight:850;display:grid}.certificate-tool-grid button:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.certificate-tool-grid .icon{width:22px;height:22px}.certificate-editor-layout{grid-template-columns:minmax(176px,230px) minmax(360px,1fr) minmax(270px,330px);min-height:min(820px,78dvh)}.certificate-editor-canvas-wrap{grid-template-rows:minmax(0,1fr);min-height:min(780px,74dvh);display:grid}.certificate-editor-scroll{cursor:grab;touch-action:none;overscroll-behavior:contain;place-items:start center;padding:clamp(16px,2.5vw,32px)}.certificate-editor-scroll:active{cursor:grabbing}.certificate-editor-sidebar{max-height:min(820px,78dvh)}.template-text-editor{resize:none;scrollbar-width:thin;background:#ffffff38;border:0;border-radius:0;outline:2px solid #2563eb47;width:100%;height:100%;min-height:100%;margin:0;padding:0;display:block;box-shadow:inset 0 0 0 1px #2563eb33}.template-text-editor:focus{background:#ffffff57;outline:2px solid #2563ebbf}.certificate-template-stage,.certificate-template-canvas,.template-element{touch-action:none}.certificate-template-stage.is-editable .template-element{cursor:move}.template-element.type-text.selected{cursor:text}.template-resize-handle{background:#2563eb;border:2px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;inset:auto;box-shadow:0 5px 14px #2563eb52}.template-resize-handle.handle-nw{cursor:nwse-resize;top:-8px;left:-8px}.template-resize-handle.handle-n{cursor:ns-resize;top:-8px;left:calc(50% - 7px)}.template-resize-handle.handle-ne{cursor:nesw-resize;top:-8px;right:-8px}.template-resize-handle.handle-e{cursor:ew-resize;top:calc(50% - 7px);right:-8px}.template-resize-handle.handle-se{cursor:nwse-resize;bottom:-8px;right:-8px}.template-resize-handle.handle-s{cursor:ns-resize;bottom:-8px;left:calc(50% - 7px)}.template-resize-handle.handle-sw{cursor:nesw-resize;bottom:-8px;left:-8px}.template-resize-handle.handle-w{cursor:ew-resize;top:calc(50% - 7px);left:-8px}.template-layer-list button{min-height:46px}@media (width<=1180px){.certificate-editor-layout{grid-template-columns:minmax(170px,220px) minmax(0,1fr)}.properties-sidebar{grid-column:1/-1}}@media (width<=900px){.certificate-editor-panel{gap:12px}.certificate-editor-panel.is-fullscreen{padding:6px}.certificate-editor-topbar,.certificate-template-config{grid-template-columns:1fr;display:grid}.certificate-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.certificate-editor-layout{min-height:auto;display:grid;overflow:hidden;grid-template-columns:1fr!important}.certificate-editor-canvas-wrap{min-height:440px;position:relative}.certificate-editor-layout .certificate-editor-sidebar{display:none}.certificate-editor-scroll{place-items:start;min-height:440px;padding:14px}.certificate-toolbar-group{min-height:40px}.certificate-icon-tool{width:32px;height:32px}.certificate-mobile-dock{z-index:22;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:8px;display:grid;position:sticky;bottom:10px;box-shadow:0 18px 45px #0f172a2e}.certificate-mobile-dock button{color:#475569;min-width:0;min-height:54px;font:inherit;background:0 0;border:1px solid #0000;border-radius:14px;place-items:center;gap:4px;font-size:.7rem;font-weight:850;display:grid}.certificate-mobile-dock button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb33}.certificate-mobile-dock .icon{width:19px;height:19px}.certificate-mobile-sheet{z-index:40;pointer-events:none;display:block;position:absolute;bottom:84px;left:12px;right:12px}.certificate-editor-panel.is-fullscreen .certificate-mobile-sheet{position:fixed;bottom:84px;left:12px;right:12px}.certificate-mobile-sheet-card{pointer-events:auto;background:#fff;border:1px solid #cbd5e1fa;border-radius:18px;grid-template-rows:auto minmax(0,1fr);max-height:min(66dvh,560px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a3d}.certificate-mobile-sheet-heading{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.certificate-mobile-sheet-heading strong{color:#0f172a;font-size:.95rem}.certificate-mobile-sheet-heading button{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.certificate-mobile-sheet-body{scrollbar-width:thin;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.certificate-mobile-sheet-body h4{color:#0f172a;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 0;font-size:.78rem}.certificate-mobile-sheet-body label{color:#334155;gap:7px;font-size:.82rem;font-weight:850;display:grid}.certificate-mobile-sheet-body input,.certificate-mobile-sheet-body select,.certificate-mobile-sheet-body textarea{color:#0f172a;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 11px}.certificate-mobile-sheet-body .placeholder-chip-list button,.certificate-mobile-sheet-body .template-layer-list button,.certificate-mobile-sheet-body .template-secondary-actions button,.certificate-mobile-sheet-body .format-button-grid button{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 10px;font-weight:800;display:flex}.certificate-mobile-sheet-body .format-button-grid button{text-align:center;justify-content:center}.certificate-mobile-sheet-body .placeholder-chip-list button{overflow-wrap:anywhere;font-size:.73rem}}@media (width<=560px){.certificate-editor-actions{grid-template-columns:1fr}.certificate-toolbar-group>span{display:none}.certificate-template-config label,.certificate-editor-sidebar label{font-size:.8rem}.two-column-fields{grid-template-columns:1fr}.certificate-regenerate-box{grid-template-columns:auto minmax(0,1fr)}.certificate-regenerate-box .btn{grid-column:1/-1;width:100%}.certificate-mobile-dock{border-radius:16px;gap:4px;padding:6px}.certificate-mobile-dock button{border-radius:12px;min-height:50px;font-size:.64rem}.certificate-mobile-sheet{left:8px;right:8px}.certificate-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.premium-earnings-card{color:#fff;background:linear-gradient(135deg,#4f8cff 0%,#2563eb 50%,#1d4ed8 100%);border:0;border-radius:16px;align-items:center;gap:24px;margin-bottom:24px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #2563eb29}.premium-earnings-card:before,.premium-earnings-card:after{content:"";pointer-events:none;background:#ffffff14;border-radius:999px;position:absolute}.premium-earnings-card:before{width:150px;height:150px;top:-50px;left:-20px}.premium-earnings-card:after{background:#ffffff0d;width:250px;height:250px;bottom:-100px;right:-30px}.earnings-hexagon-wrap{z-index:1;flex-shrink:0;width:80px;height:92px;position:relative}.earnings-hexagon-svg{filter:drop-shadow(0 4px 10px #00000014);width:100%;height:100%}.earnings-hexagon-svg polygon{fill:#1e40af66;stroke:#ffffff59;stroke-width:3.5px}.earnings-logo-content{justify-content:center;align-items:center;padding:18px;display:flex;position:absolute;inset:0}.earnings-logo-content img{object-fit:contain;width:100%;height:100%}.earnings-logo-content .icon{color:#fff;width:32px;height:32px}.earnings-info{z-index:1;flex-direction:column;flex-grow:1;gap:4px;display:flex}.earnings-label-row{color:#ffffffe6;align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.earnings-eye-btn{appearance:none;color:#fffc;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:inline-flex}.earnings-eye-btn:hover{color:#fff;background:#ffffff26}.earnings-eye-btn .icon{width:18px;height:18px}.earnings-value{color:#fff;letter-spacing:-.02em;font-size:1.85rem;font-weight:800;line-height:1.2}.earnings-currency{color:#fffffff2;margin-right:4px;font-size:1.2rem;font-weight:500}.earnings-link-btn{appearance:none;color:#ffffffd9;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #ffffff80;width:fit-content;margin-top:4px;padding:0;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.earnings-link-btn:hover{color:#fff;border-bottom-color:#fff}.earnings-action-btn{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:2;background:#1e40af80;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute;bottom:24px;right:28px;box-shadow:0 4px 12px #00000014}.earnings-action-btn:hover{background:#1e40afcc;transform:translateY(-2px)}.earnings-action-btn .icon{width:20px;height:20px}@media (width<=640px){.premium-earnings-card{padding:16px 20px;flex-direction:row;align-items:center;gap:16px;padding-right:68px}.earnings-hexagon-wrap{width:56px;height:64px}.earnings-logo-content{padding:10px}.earnings-logo-content .icon{width:24px;height:24px}.earnings-value{font-size:1.45rem}.earnings-currency{font-size:1.05rem}.earnings-action-btn{width:38px;height:38px;position:absolute;top:50%;bottom:auto;right:16px;transform:translateY(-50%)}.earnings-action-btn:hover{transform:translateY(-50%)translateY(-2px)}}.class-selection-screen{padding:1.5rem .5rem}.selection-desc{color:var(--text-muted,#6b7280);margin-bottom:1.5rem;font-size:.95rem}.class-selection-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.class-selection-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);text-align:left;cursor:pointer;border-radius:.75rem;align-items:center;gap:1rem;width:100%;padding:1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000d}.class-selection-card:hover{border-color:var(--primary-color,#2563eb);transform:translateY(-2px);box-shadow:0 4px 6px -1px #2563eb1a,0 2px 4px -1px #2563eb0f}.class-selection-card:active{transform:translateY(0)}.class-card-icon{width:2.75rem;height:2.75rem;color:var(--primary-color,#2563eb);background-color:#2563eb1a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.class-card-icon svg{width:1.5rem;height:1.5rem}.class-card-info{flex-grow:1;min-width:0}.class-card-info h4{color:var(--text-color,#111827);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1rem;font-weight:600;overflow:hidden}.class-card-info p{color:var(--text-muted,#6b7280);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.85rem;display:flex}.class-card-badge{color:#d97706;background-color:#fef3c7;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.class-selection-screen{min-height:0!important;max-height:100%!important;padding:1.5rem 1.25rem!important;overflow-y:auto!important}@media (width<=760px){.class-selection-screen{padding:1rem .88rem!important}.class-selection-grid{grid-template-columns:1fr!important;gap:.88rem!important}}.member-submission-table .submission-materi-cell{text-align:left!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;display:flex!important}.member-submission-table .submission-materi-info{flex-direction:column!important;flex:auto!important;gap:3px!important;min-width:0!important;display:flex!important}.member-submission-table .submission-materi-info strong{word-break:break-word!important;white-space:normal!important;color:var(--color-heading)!important;font-size:.92rem!important;line-height:1.35!important}.member-submission-table .submission-materi-info small{word-break:break-word!important;white-space:normal!important;font-size:.78rem!important;line-height:1.3!important}.member-submission-table .submission-table-thumb{object-fit:cover!important;border:1px solid var(--color-border,#e5e7eb)!important;border-radius:6px!important;flex:0 0 48px!important;width:48px!important;height:48px!important;margin:0!important}@media (width>=761px){.submission-member-modal{width:min(960px,95vw)!important}.member-submission-table .table-row{grid-template-columns:minmax(220px,2fr) minmax(90px,.6fr) minmax(110px,.8fr) minmax(110px,.8fr)!important;align-items:center!important;width:100%!important;min-width:580px!important;height:auto!important;min-height:68px!important;padding:8px 14px!important}}