@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";.navbar{z-index:1000;background:#fff;border-bottom:1px solid #e6e9ee;justify-content:space-between;align-items:center;height:78px;padding:0 34px;font-family:Inter,system-ui,sans-serif;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 30px #1a1a2e0f}.navbar.scrolled{background:#fff;border-bottom:1px solid #dfe3ea;box-shadow:0 10px 35px #5b5bd61f}.nav-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo-icon{background:linear-gradient(135deg,#5b5bd6,#2ec4b6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 10px 22px #5b5bd638}.nav-logo-text{color:#1a1a2e;font-size:19px;font-weight:800}.nav-logo-text span{color:#5b5bd6}.nav-center{align-items:center;display:flex;gap:22px!important}.nav-dropdown,.nav-link{color:#1a1a2e;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.nav-dropdown:hover,.nav-link:hover{color:#5b5bd6;background:#5b5bd614}.nav-dropdown path{stroke:#1a1a2e}.nav-dropdown:hover path{stroke:#5b5bd6}.nav-search{background:#f8f9fb;border:1px solid #e1e5eb;border-radius:14px;align-items:center;gap:10px;margin-left:70px;padding:10px 18px;transition:all .25s;display:flex}.nav-search:focus-within{background:#fff;border-color:#5b5bd6;box-shadow:0 0 0 4px #5b5bd61a}.nav-search input{color:#1a1a2e;background:0 0;border:none;outline:none;width:260px;font-size:13.5px}.nav-search input::placeholder{color:#6b7280}.nav-right{align-items:center;gap:16px;display:flex}.nav-cart{color:#1a1a2e;cursor:pointer;background:#f8f9fb;border:1px solid #e1e5eb;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.nav-cart:hover{color:#5b5bd6;background:#5b5bd614}.nav-cart-badge{color:#fff;background:#2ec4b6;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.btn-signin{color:#5b5bd6;cursor:pointer;background:#fff;border:1.5px solid #5b5bd6;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.btn-signin:hover{background:#5b5bd614}.btn-getstarted{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b5bd6,#4848b8);border:none;border-radius:100px;padding:11px 25px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #5b5bd638}.btn-getstarted:hover{transform:translateY(-2px);box-shadow:0 14px 30px #5b5bd64d}.nav-center>div>div[style]{background:#fff!important;border:1px solid #e6e9ee!important;box-shadow:0 18px 40px #1a1a2e24!important}.nav-center>div>div[style]>div{color:#1a1a2e!important}.nav-center>div>div[style]>div:hover{color:#5b5bd6!important;background:#5b5bd614!important}.mobile-menu-btn{display:none}@media (width<=900px){.navbar{height:72px;padding:0 18px}.nav-logo-icon{width:38px;height:38px}.nav-logo-text{font-size:18px}.mobile-menu-btn{cursor:pointer;z-index:1002;background:#fff;border:1px solid #e1e5eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex}.mobile-menu-btn span{background:#1a1a2e;border-radius:10px;width:20px;height:2px;transition:all .25s}.mobile-menu-btn.active span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-center{z-index:1001;background:#fff;border:1px solid #e6e9ee;border-radius:18px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:fixed;top:72px;left:16px;right:16px;box-shadow:0 20px 45px #1a1a2e24;gap:10px!important}.nav-center.mobile-open{display:flex}.nav-dropdown,.nav-link{color:#1a1a2e;background:#f8f9fb;justify-content:space-between;width:100%;padding:13px 14px}.nav-search{width:100%;margin-left:0;padding:12px 14px}.nav-search input{width:100%}.nav-right{z-index:1001;background:#fff;border:1px solid #e6e9ee;border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:none;position:fixed;top:340px;left:16px;right:16px;box-shadow:0 20px 45px #1a1a2e24}.nav-right.mobile-open{display:flex}.nav-cart{display:none}.btn-signin,.btn-getstarted{width:100%;padding:13px 18px}}.hero{background:#e8ecef;border-bottom:1px solid #d8dee8;align-items:center;min-height:100vh;padding-top:28px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg,#0000,#5b5bd626,#0000);width:90%;max-width:1200px;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-noise{pointer-events:none;background-image:radial-gradient(#5b5bd614 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(#5b5bd60d 1px,#0000 1px),linear-gradient(90deg,#5b5bd60d 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-orb-1,.hero-orb-2{pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#5b5bd62e,#0000 70%);width:520px;height:520px;top:-170px;left:-130px}.hero-orb-2{background:radial-gradient(circle,#2ec4b633,#0000 70%);width:430px;height:430px;bottom:-120px;right:-80px}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:32px 40px;display:grid;position:relative}.hero-left{flex-direction:column;display:flex}.hero-badge{background:#5b5bd617;border:1px solid #5b5bd62e;border-radius:100px;align-items:center;gap:10px;width:fit-content;margin-bottom:14px;padding:7px 16px;display:inline-flex}.hero-badge-dot{background:#2ec4b6;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #2ec4b626}.hero-badge-text{letter-spacing:.08em;text-transform:uppercase;color:#5b5bd6;font-size:12px;font-weight:700}.hero-heading{letter-spacing:-.03em;color:#1a1a2e;margin-bottom:14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5vw,64px);line-height:1.08}.hero-heading span{display:block}.word-plain{font-weight:700}.word-accent{color:#5b5bd6;font-style:italic;font-weight:700}.word-light{color:#6b7280;font-style:italic;font-weight:400}.hero-divider{background:linear-gradient(90deg,#5b5bd6,#2ec4b6);border-radius:10px;width:56px;height:3px;margin-bottom:16px}.hero-sub{color:#6b7280;max-width:460px;margin-bottom:22px;font-size:15px;line-height:1.75}.hero-buttons{align-items:center;gap:12px;display:flex}.btn-explore{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b5bd6,#4848b8);border:none;border-radius:100px;align-items:center;gap:10px;padding:13px 26px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 12px 28px #5b5bd638}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 16px 36px #5b5bd64d}.hero-right{justify-content:center;align-items:center;display:flex}.hero-image-wrap{width:100%;max-width:480px;position:relative}.hero-image-wrap:before{content:"";border:1px solid #5b5bd629;border-radius:28px;position:absolute;inset:-18px}.hero-image-card{z-index:1;background:#fff;border:1px solid #e6e9ee;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #1a1a2e24,0 10px 24px #5b5bd614}.hero-image-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.hero-image-overlay{background:linear-gradient(#0000 45%,#1a1a2e73);position:absolute;inset:0}.float-card{z-index:2;background:#fff;border:1px solid #e6e9ee;border-radius:16px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 14px 32px #1a1a2e1f}.float-card-top{top:-18px;left:-24px}.float-card-bottom{bottom:-18px;right:-24px}.float-icon{background:#5b5bd61a;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.float-label{color:#6b7280;text-transform:uppercase;font-size:11px;font-weight:700}.float-value{color:#5b5bd6;font-family:Georgia,serif;font-size:18px;font-weight:700}@media (width<=900px){.hero{padding-top:90px}.hero-inner{grid-template-columns:1fr;gap:40px;padding:28px 24px}.hero-right{order:-1}}@media (width<=480px){.hero-heading{font-size:36px}.float-card{margin-top:12px;position:static}}.courses-section{background:#f4f6f8;padding:90px 60px}.section-tag{color:#5b5bd6;background:#5b5bd614;border:1px solid #5b5bd626;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.section-heading{color:#1a1a2e;margin-bottom:14px;font-size:42px;font-weight:800;line-height:1.2}.section-heading .teal{color:#2ec4b6}.section-sub{color:#6b7280;max-width:650px;margin:0 auto 50px;font-size:16px;line-height:1.8}.courses-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1300px;margin:0 auto;display:grid}.course-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;transition:all .3s;overflow:hidden;box-shadow:0 6px 18px #0000000a}.course-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #5b5bd626}.course-thumb{height:220px;position:relative;overflow:hidden}.course-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.course-card:hover .course-img{transform:scale(1.08)}.course-thumb-overlay{background:linear-gradient(#0000,#1a1a2e66);position:absolute;inset:0}.course-cat-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:7px 12px;font-size:12px;font-weight:700;position:absolute;top:16px;left:16px}.course-price-tag{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #0000001f}.course-price{color:#5b5bd6;font-size:15px;font-weight:700}.course-price-old{color:#9ca3af;font-size:12px;text-decoration:line-through}.course-body{padding:22px}.course-title{color:#1a1a2e;margin-bottom:8px;font-size:22px;font-weight:700}.course-author{color:#6b7280;margin-bottom:18px;font-size:14px}.course-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.course-rating{align-items:center;gap:5px;display:flex}.star{color:#f59e0b}.rating-val{color:#1a1a2e;font-weight:700}.rating-count{color:#6b7280;font-size:13px}.course-meta-item{color:#6b7280;align-items:center;gap:6px;font-size:13px;display:flex}.course-lessons{color:#6b7280;align-items:center;gap:7px;font-size:13px;display:flex}.course-footer{padding:0 22px 22px}.btn-enroll{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b5bd6,#4848b8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.btn-enroll:hover{transform:translateY(-2px);box-shadow:0 10px 25px #5b5bd64d}.view-all-wrap{justify-content:center;margin-top:50px;display:flex}.btn-view-all{color:#5b5bd6;cursor:pointer;background:0 0;border:2px solid #5b5bd6;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.btn-view-all:hover{color:#fff;background:#5b5bd6}@media (width<=1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.courses-section{padding:70px 20px}.section-heading{font-size:32px}.courses-grid{grid-template-columns:1fr}}.footer{background:#fff;border-top:1px solid #e6e9ee;padding:70px 30px 25px}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;max-width:1200px;margin:0 auto 50px;display:grid}.footer-brand-logo{align-items:center;gap:10px;margin-bottom:18px;display:flex}.footer-brand-icon{background:linear-gradient(135deg,#5b5bd6,#2ec4b6);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.footer-brand-name{color:#1a1a2e;font-family:Inter,sans-serif;font-size:22px;font-weight:700}.footer-brand-name span{color:#5b5bd6}.footer-tagline{color:#6b7280;max-width:320px;margin-bottom:25px;font-size:15px;line-height:1.8}.footer-socials{gap:10px;display:flex}.social-icon{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e6e9ee;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;transition:all .25s;display:flex}.social-icon:hover{color:#fff;background:#5b5bd6;border-color:#5b5bd6;transform:translateY(-3px)}.footer-col-title{color:#1a1a2e;margin-bottom:20px;font-size:17px;font-weight:700}.footer-link{color:#6b7280;margin-bottom:14px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.footer-link:hover{color:#5b5bd6;padding-left:4px}.footer-bottom{border-top:1px solid #e6e9ee;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:22px;display:flex}.footer-copy{color:#6b7280;font-size:14px}.footer-bottom-links{gap:25px;display:flex}.footer-bottom-link{color:#6b7280;font-size:14px;text-decoration:none;transition:color .2s}.footer-bottom-link:hover{color:#5b5bd6}@media (width<=992px){.footer-inner{grid-template-columns:repeat(2,1fr);gap:35px}}@media (width<=768px){.footer{padding:50px 20px 25px}.footer-inner{grid-template-columns:1fr;gap:35px}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}.lf-page{background:#eef0f3;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:DM Sans,sans-serif;display:flex}.lf-modal-page{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.lf-modal-page .lf-card{animation:.25s authModalIn}@keyframes authModalIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.lf-card{background:#fff;border:1px solid #e4e6ea;border-radius:22px;width:100%;max-width:500px;padding:2rem 1.75rem 1.6rem;position:relative;box-shadow:0 6px 32px #00000012}.lf-close-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:34px;height:34px;font-size:18px;font-weight:700;transition:all .2s;position:absolute;top:15px;right:15px}.lf-close-btn:hover{color:#111;background:#e5e7eb}.lf-logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.lf-logo-img{object-fit:contain;mix-blend-mode:multiply;width:200px;height:200px;margin:-55px auto;display:block}.lf-logo-title{color:#6b6666;letter-spacing:.1px;margin-top:0;font-size:15px;font-weight:600}.lf-spacer{height:1.2rem}.lf-field{margin-bottom:13px}.lf-label{color:#555;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.lf-input{color:#111;background:#f6f7f9;border:1.5px solid #e0e2e7;border-radius:10px;outline:none;width:100%;height:40px;padding:0 11px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border .15s,box-shadow .15s}.lf-input:focus{background:#fff;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71c}.lf-input.is-error{border-color:#e24b4a;box-shadow:0 0 0 3px #e24b4a17}.lf-input.is-ok{border-color:#639922;box-shadow:0 0 0 3px #63992217}.lf-hint{min-height:16px;margin-top:4px;font-size:11.5px}.lf-hint.err{color:#e24b4a}.lf-hint.ok{color:#3b6d11}.lf-pw-wrap{position:relative}.lf-pw-wrap .lf-input{padding-right:38px}.lf-pw-toggle{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lf-pw-toggle:hover{color:#666}.lf-btn-login{color:#fff;cursor:pointer;letter-spacing:.2px;background:#4451f4;border:none;border-radius:10px;width:100%;height:43px;margin-top:8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.lf-btn-login:hover{background:#3340d8}.lf-btn-login:active{transform:scale(.98)}.lf-register-text{text-align:center;color:#999;margin-top:16px;font-size:13px}.lf-register-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b5bd6,#2ec4b6);border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.lf-register-link:hover{text-decoration:underline}.lf-divider{align-items:center;gap:8px;margin:13px 0;display:flex}.lf-divider hr{border:none;border-top:1px solid #f0f0f2;flex:1}.lf-divider span{color:#bbb;font-size:12px}.lf-btn-google{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e2e7;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:41px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.lf-btn-google:hover{background:#f6f7f9}.lf-card--success{text-align:center;padding:3rem 2rem}.lf-success-emoji{margin-bottom:12px;font-size:48px}.lf-success-title{color:#111;margin-bottom:6px;font-size:18px;font-weight:700}.lf-success-sub{color:#888;font-size:14px}.lf-toast-wrap{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.lf-toast{pointer-events:all;background:#fff;border-left:4px solid #4451f4;border-radius:14px;align-items:flex-start;gap:12px;min-width:300px;max-width:360px;padding:14px 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards lf-toast-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000021,0 1.5px 4px #00000012}.lf-toast--success{border-left-color:#22c55e}.lf-toast--error{border-left-color:#e24b4a}.lf-toast--warning{border-left-color:#ef9f27}.lf-toast--info{border-left-color:#4451f4}.lf-toast--leaving{animation:.3s forwards lf-toast-out}@keyframes lf-toast-in{0%{opacity:0;transform:translate(60px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes lf-toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.95)}}.lf-toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.lf-toast--success .lf-toast-icon{background:#dcfce7}.lf-toast--error .lf-toast-icon{background:#fee2e2}.lf-toast--warning .lf-toast-icon{background:#fef9c3}.lf-toast--info .lf-toast-icon{background:#ede9fe}.lf-toast-body{flex:1;min-width:0}.lf-toast-title{color:#111;margin-bottom:2px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:700}.lf-toast-msg{color:#666;font-family:DM Sans,sans-serif;font-size:12.5px;line-height:1.4}.lf-toast-close{cursor:pointer;color:#bbb;background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:0;font-size:18px;line-height:1;transition:color .15s}.lf-toast-close:hover{color:#555}.lf-toast-progress{opacity:.6;border-radius:0 0 0 14px;height:3px;animation:linear forwards lf-progress;position:absolute;bottom:0;left:0}.lf-toast--success .lf-toast-progress{background:#22c55e}.lf-toast--error .lf-toast-progress{background:#e24b4a}.lf-toast--warning .lf-toast-progress{background:#ef9f27}.lf-toast--info .lf-toast-progress{background:#4451f4}@keyframes lf-progress{0%{width:100%}to{width:0%}}.lf-btn-loading{opacity:.75;cursor:not-allowed}@media (width<=600px){.lf-modal-page{align-items:center;padding:14px}.lf-modal-page .lf-card{border-radius:18px;max-width:100%;max-height:80vh;padding:1.5rem 1.2rem;overflow-y:auto}.lf-logo-img{width:155px;height:155px;margin-top:-45px;margin-bottom:-45px}}.um-toast-wrap{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.um-toast{border-left:4px solid var(--um-primary);pointer-events:all;background:#fff;border-radius:14px;align-items:flex-start;gap:12px;min-width:300px;max-width:380px;padding:14px 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards um-toast-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000021,0 1.5px 4px #00000012}.um-toast--success{border-left-color:#2ec4b6}.um-toast--error{border-left-color:#e24b4a}.um-toast--warning{border-left-color:#ef9f27}.um-toast--info{border-left-color:var(--um-primary)}.um-toast--leaving{animation:.3s forwards um-toast-out}@keyframes um-toast-in{0%{opacity:0;transform:translateY(-16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes um-toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.95)}}.um-toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.um-toast-icon--success{background:#d0f7f4}.um-toast-icon--error{background:#fee2e2}.um-toast-icon--warning{background:#fef9c3}.um-toast-icon--info{background:#eeeefd}.um-toast-body{flex:1;min-width:0}.um-toast-title{color:var(--um-text);margin-bottom:2px;font-size:13.5px;font-weight:700}.um-toast-msg{color:var(--um-muted);font-size:12.5px;line-height:1.4}.um-toast-close{cursor:pointer;color:#bbb;background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:0;font-size:18px;line-height:1;transition:color .15s}.um-toast-close:hover{color:#555}.um-toast-progress{opacity:.6;border-radius:0 0 0 14px;height:3px;animation:linear forwards um-progress;position:absolute;bottom:0;left:0}.um-toast-progress--success{background:#2ec4b6}.um-toast-progress--error{background:#e24b4a}.um-toast-progress--warning{background:#ef9f27}.um-toast-progress--info{background:var(--um-primary)}@keyframes um-progress{0%{width:100%}to{width:0%}}*{box-sizing:border-box;margin:0;padding:0}.rf-page{background:#eef0f3;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:DM Sans,sans-serif;display:flex}.rf-modal-page{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.rf-modal-page .rf-card{scrollbar-width:thin;width:100%;max-width:500px;max-height:88vh;overflow-y:auto}.rf-card{background:#fff;border:1px solid #e4e6ea;border-radius:22px;width:100%;max-width:500px;padding:2rem 1.75rem 1.6rem;position:relative;box-shadow:0 6px 32px #00000012}.rf-close-btn{color:#555;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:34px;height:34px;font-size:18px;font-weight:700;transition:all .2s;position:absolute;top:15px;right:15px}.rf-close-btn:hover{color:#111;background:#e5e7eb}.rf-card--success{text-align:center;padding:3rem 2rem}.rf-success-emoji{margin-bottom:12px;font-size:48px}.rf-success-title{color:#111;margin-bottom:6px;font-size:18px;font-weight:700}.rf-success-sub{color:#888;font-size:14px}.rf-btn-back{max-width:200px;margin-top:24px}.rf-logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.rf-logo svg{margin:0 auto;display:block}.rf-logo-img{object-fit:contain;mix-blend-mode:multiply;width:200px;height:200px;margin:-55px auto;display:block}.rf-logo-title{color:#6b6666;letter-spacing:.1px;margin-top:0;font-size:15px;font-weight:600}.rf-field{margin-bottom:13px}.rf-label{color:#555;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.rf-input{color:#111;background:#f6f7f9;border:1.5px solid #e0e2e7;border-radius:10px;outline:none;width:100%;height:40px;padding:0 11px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border .15s,box-shadow .15s}.rf-input:focus{background:#fff;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef71c}.rf-hint.err{color:#e24b4a}.rf-hint.ok{color:#3b6d11}.rf-phone-row{align-items:stretch;gap:6px;display:flex}.rf-phone-row .rf-input{flex:1;min-width:0}.rf-country-wrapper{position:relative}.rf-country-btn{cursor:pointer;color:#222;white-space:nowrap;background:#f6f7f9;border:1.5px solid #e0e2e7;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:13px;transition:border .15s,background .15s;display:flex}.rf-country-btn:hover{background:#eff0f3;border-color:#c0c4cf}.rf-country-btn:focus{border-color:#4f6ef7;outline:none;box-shadow:0 0 0 3px #4f6ef71c}.rf-country-flag{font-size:17px;line-height:1}.rf-country-code{letter-spacing:.3px;color:#333;font-size:12px;font-weight:600}.rf-country-dial{color:#888;font-size:12px}.rf-chevron{opacity:.45;flex-shrink:0}.rf-dropdown{z-index:999;background:#fff;border:1px solid #e0e2e7;border-radius:13px;width:240px;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 10px 28px #00000021}.rf-dropdown-search-wrap{border-bottom:1px solid #f0f0f2;padding:8px 10px}.rf-dropdown-search{background:#f6f7f9;border:1px solid #e0e2e7;border-radius:8px;outline:none;width:100%;height:32px;padding:0 10px;font-family:DM Sans,sans-serif;font-size:13px}.rf-dropdown-search:focus{border-color:#4f6ef7}.rf-dropdown-list{max-height:200px;overflow-y:auto}.rf-dropdown-item{cursor:pointer;align-items:center;gap:7px;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.rf-dropdown-item:hover{background:#f5f6f9}.rf-dropdown-item.active{background:#eef1ff}.rf-dropdown-item-flag{font-size:17px}.rf-dropdown-item-code{color:#555;min-width:28px;font-size:12px;font-weight:600}.rf-dropdown-item-name{color:#222;flex:1}.rf-dropdown-item-dial{color:#aaa;font-size:12px}.rf-dropdown-empty{color:#bbb;padding:10px 14px;font-size:13px}.rf-pw-wrap{position:relative}.rf-pw-wrap .rf-input{padding-right:38px}.rf-pw-toggle{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.rf-pw-toggle:hover{color:#666}.rf-strength-bars{gap:4px;margin-top:6px;display:flex}.rf-strength-bar{background:#e8eaee;border-radius:2px;flex:1;height:3px;transition:background .25s}.rf-strength-bar.weak{background:#e24b4a}.rf-strength-bar.fair{background:#ef9f27}.rf-strength-bar.strong{background:#639922}.rf-strength-label{margin-top:3px;font-size:11px;font-weight:500}.rf-strength-label.weak{color:#e24b4a}.rf-strength-label.fair{color:#ef9f27}.rf-strength-label.strong{color:#3b6d11}.rf-btn-register{color:#fff;cursor:pointer;letter-spacing:.2px;background:#4451f4;border:none;border-radius:10px;width:100%;height:43px;margin-top:2px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.rf-btn-register:hover{background:#3340d8}.rf-btn-register:active{transform:scale(.98)}.rf-divider{align-items:center;gap:8px;margin:13px 0;display:flex}.rf-divider hr{border:none;border-top:1px solid #f0f0f2;flex:1}.rf-divider span{color:#bbb;font-size:12px}.rf-btn-google{color:#333;cursor:pointer;background:#fff;border:1px solid #e0e2e7;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:41px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s;display:flex}.rf-btn-google:hover{background:#f6f7f9}.rf-login-text{text-align:center;color:#999;margin-top:13px;font-size:13px}.rf-login-link{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b5bd6,#2ec4b6);border:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #5b5bd640}.rf-login-link:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2ec4b647}.rf-login-link:active{transform:scale(.97)}@media (width<=600px){.rf-modal-page{align-items:center;padding:14px}.rf-modal-page .rf-card{border-radius:18px;max-width:100%;max-height:90vh;padding:1.5rem 1.2rem}.rf-logo-img{width:155px;height:155px;margin-top:-45px;margin-bottom:-45px}.rf-phone-row{flex-direction:column}.rf-country-btn{justify-content:center;width:100%}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#5b5bd6;--primary-dark:#4848b8;--bg:#e8ecef;--card-bg:#fff;--text:#1a1a2e;--muted:#6b7280;--teal:#2ec4b6;--card-border:#e6e9ee;--radius:12px;--white:#fff}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;overflow-x:hidden}.app{background:var(--bg);min-height:100vh}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.logout-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#1a1a2e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.logout-modal-box{background:#fff;border-radius:18px;width:100%;max-width:460px;animation:.22s logoutModalIn;overflow:hidden;box-shadow:0 24px 70px #1a1a2e40}@keyframes logoutModalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.logout-modal-header{border-top:5px solid #ef4444;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:24px 24px 18px;display:flex}.logout-modal-icon{color:#ef4444;background:#ef44441a;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.logout-modal-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;width:34px;height:34px;font-size:22px;line-height:1;transition:all .18s}.logout-modal-close:hover{color:#ef4444;background:#fee2e2}.logout-modal-body{padding:22px 24px}.logout-modal-heading{color:#1a1a2e;margin:0 0 8px;font-size:22px;font-weight:800}.logout-modal-subtext{color:#6b7280;margin:0;font-size:14px;font-weight:500;line-height:1.6}.logout-modal-actions{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px 24px;display:grid}.logout-modal-btn-cancel,.logout-modal-btn-logout{cursor:pointer;border-radius:11px;padding:13px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:800;transition:all .18s}.logout-modal-btn-cancel{color:#374151;background:#f3f4f6;border:1.5px solid #d1d5db}.logout-modal-btn-cancel:hover{background:#e5e7eb}.logout-modal-btn-logout{color:#fff;background:#ef4444;border:none;box-shadow:0 6px 18px #ef444447}.logout-modal-btn-logout:hover{background:#dc2626;transform:translateY(-1px)}@media (width<=480px){.logout-modal-actions{grid-template-columns:1fr}}:root{--appsb-sidebar:#d4dae0;--appsb-text:#1a1a2e;--appsb-muted:#6b7280;--appsb-active-bg:#5b5bd6;--appsb-active-txt:#fff;--appsb-border:#c8d0d8;--appsb-logout-bg:#ef4444}.appsb-sidebar{background:var(--appsb-sidebar);width:260px;min-width:220px;height:100vh;min-height:100vh;box-shadow:4px 0 16px #0000001a, 1px 0 0 var(--appsb-border);z-index:10;flex-direction:column;align-items:center;padding:24px 0 0;display:flex;position:sticky;top:0;overflow-y:auto}.appsb-logo{border-bottom:1px solid #00000012;justify-content:center;width:100%;margin-bottom:12px;padding:0 16px 20px;display:flex}.appsb-logo-img{object-fit:contain;width:180px;height:auto}.appsb-dashboard-btn{background:var(--appsb-active-bg)!important;color:#fff!important;justify-content:center!important;width:calc(100% - 24px)!important;margin:12px auto 16px!important;display:flex!important}.appsb-dashboard-btn:hover{opacity:.9;background:var(--appsb-active-bg)!important;color:#fff!important}.appsb-divider{background:#00000012;width:100%;height:1px;margin:4px 0}.appsb-section-label{letter-spacing:.9px;text-transform:uppercase;color:var(--appsb-muted);opacity:.7;width:100%;padding:12px 18px 6px;font-size:10px;font-weight:600}.appsb-nav{flex-direction:column;flex:1;gap:2px;width:100%;padding:0 12px;display:flex}.appsb-nav-item{width:100%;color:var(--appsb-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .16s,color .16s,box-shadow .16s;display:flex;position:relative}.appsb-nav-item:hover{color:var(--appsb-active-bg);background:#5b5bd614}.appsb-nav-item.active{background:var(--appsb-active-bg);color:var(--appsb-active-txt);box-shadow:0 4px 14px #5b5bd659,inset 0 1px #ffffff2e}.appsb-nav-item.active:before{content:"";background:#fff9;border-radius:0 3px 3px 0;width:3px;height:55%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.appsb-nav-icon{flex-shrink:0;align-items:center;display:flex}.appsb-nav-icon svg{stroke:var(--appsb-muted);width:18px;height:18px;transition:stroke .16s}.appsb-nav-item:hover .appsb-nav-icon svg{stroke:var(--appsb-active-bg)}.appsb-nav-item.active .appsb-nav-icon svg{stroke:#fff}.appsb-logout-area{border-top:1px solid #00000012;width:100%;margin-top:auto;padding:12px}.appsb-logout{width:100%;color:var(--appsb-muted);cursor:pointer;text-align:left;background:#ef44440f;border:1px solid #ef44442e;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:background .16s,color .16s,border-color .16s;display:flex}.appsb-logout:hover{color:var(--appsb-logout-bg);background:#ef44441f;border-color:#ef44444d}.appsb-logout-icon{align-items:center;display:flex}.appsb-logout-icon svg{stroke:var(--appsb-muted);width:16px;height:16px;transition:stroke .16s}.appsb-logout:hover .appsb-logout-icon svg{stroke:var(--appsb-logout-bg)}.appsb-hamburger,.appsb-close,.appsb-overlay{display:none}.appsb-role-box{text-align:center;margin-top:8px;margin-bottom:6px}.appsb-role-text{color:#5b5bd6;letter-spacing:.4px;background:#eef2ff;border-radius:999px;padding:6px 18px;font-size:14px;font-weight:700;display:inline-block}@media (width<=1024px){.appsb-hamburger{z-index:200;background:var(--appsb-active-bg);cursor:pointer;border:none;border-radius:0 12px 12px 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:30px;transition:left .28s,box-shadow .28s;display:flex;position:fixed;top:5%;left:-33px;box-shadow:2px 0 8px #5b5bd659}.appsb-hamburger span{opacity:0;background:#fff;border-radius:2px;width:18px;height:2px;transition:opacity .2s;display:block;position:absolute}.appsb-hamburger span:first-child{top:7px}.appsb-hamburger span:nth-child(2){top:14px}.appsb-hamburger span:nth-child(3){top:21px}.appsb-hamburger:after{content:"»";color:#fff;opacity:1;padding-left:30px;font-size:20px;transition:opacity .2s;position:absolute}.appsb-hamburger:hover{background:var(--appsb-active-bg);left:0;box-shadow:4px 0 18px #5b5bd673}.appsb-hamburger:hover span{opacity:1}.appsb-hamburger:hover:after{opacity:0}.appsb-overlay{z-index:150;background:#00000073;display:block;position:fixed;inset:0}.appsb-sidebar{width:270px;min-width:unset;z-index:160;height:100vh;padding-top:16px;transition:transform .26s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 32px #0003}.appsb-sidebar.open{transform:translate(0)}.appsb-close{cursor:pointer;color:var(--appsb-muted);background:0 0;border:none;border-radius:6px;align-self:flex-end;margin-bottom:8px;margin-right:14px;padding:4px 8px;font-size:20px;transition:background .15s,color .15s;display:flex}.appsb-close:hover{color:var(--appsb-text);background:#0000000f}}:root{--ad-bg:#e8ecef;--ad-sidebar:#d4dae0;--ad-card:#fff;--ad-text:#1a1a2e;--ad-muted:#6b7280;--ad-active-bg:#5b5bd6;--ad-active-txt:#fff;--ad-accent:#2ec4b6;--ad-badge-bg:#a7f5e8;--ad-badge-txt:#000;--ad-border:#c8d0d8;--ad-logout-bg:#ef4444;--ad-shadow:0 2px 12px #00000012;--ad-radius:14px}.ad-root{align-items:flex-start;min-height:100vh;display:flex}.ad-logo-img{object-fit:contain;width:230px;height:auto}.ad-main{flex-direction:column;flex:1;height:100vh;padding:32px 36px;display:flex;overflow-y:auto}.ad-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.ad-welcome-card{background:linear-gradient(135deg, var(--ad-active-bg), var(--ad-accent));color:#fff;text-align:center;border-radius:16px;min-width:210px;padding:18px 30px;box-shadow:0 10px 28px #5b5bd638}.ad-welcome-card span{opacity:.9;font-size:13px;display:block}.ad-welcome-card strong{margin-top:4px;font-size:22px;display:block}.ad-card{background:var(--ad-card);border:1px solid #edf0f3;border-radius:18px;flex-direction:row;justify-content:space-between;align-items:flex-start;min-height:150px;padding:26px;transition:all .25s;display:flex;box-shadow:0 10px 28px #1a1a2e0f}.ad-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #5b5bd624}.ad-card-content h3{color:var(--ad-text);margin:0;font-size:17px;font-weight:700}.ad-card-content h2{color:var(--ad-text);margin:28px 0 0;font-size:36px;font-weight:800}.ad-card-icon{opacity:.9;justify-content:center;align-items:center;font-size:34px;display:flex}.ad-card-icon svg{width:34px;height:34px}.ad-card:first-child .ad-card-icon,.ad-card:nth-child(2) .ad-card-icon,.ad-card:nth-child(3) .ad-card-icon{color:#5b5bd6}.ad-title{color:var(--ad-text);letter-spacing:-.3px;font-size:28px;font-weight:700}.ad-para{color:var(--ad-text);letter-spacing:-.3px;text-align:left;font-size:18px;font-weight:400}.ad-badge{background:var(--ad-badge-bg);color:var(--ad-badge-txt);border-radius:10px;flex-direction:column;align-items:center;gap:2px;width:auto;padding:10px 20px;display:flex}.ad-badge-title{letter-spacing:.1px;text-align:center;font-size:24px;font-weight:700}.ad-badge-time{text-align:center;font-size:18px;font-weight:700}.ad-divider{background:var(--ad-border);width:100%;height:1px;margin-bottom:32px}.ad-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.ad-card-top{justify-content:space-between;align-items:flex-start;display:flex}.ad-card-label{color:var(--ad-text);max-width:160px;font-size:18px;font-weight:600;line-height:1.3}.ad-card-value{color:var(--ad-text);letter-spacing:-1px;font-size:30px;font-weight:700;line-height:1}@media (width<=900px){.ad-main{padding:24px 20px}.ad-title{font-size:22px}.ad-badge{width:100%}.ad-badge-title{font-size:18px}.ad-badge-time{font-size:15px}.ad-header{flex-direction:column;align-items:flex-start}.ad-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ad-main{width:100%;padding:72px 16px 20px}.ad-title{font-size:20px}.ad-badge{width:100%}.ad-badge-title{font-size:15px}.ad-badge-time{font-size:13px}.ad-grid{grid-template-columns:1fr 1fr;gap:12px}.ad-card{min-height:unset;gap:12px;padding:18px 16px}.ad-card-value{font-size:28px}.ad-card-label{font-size:13px}.ad-divider{margin-bottom:20px}}:root{--um-bg:#e8ecef;--um-card:#fff;--um-text:#1a1a2e;--um-muted:#6b7280;--um-primary:#5b5bd6;--um-border:#c8d0d8;--um-shadow:0 2px 12px #00000012}.um-root{align-items:flex-start;min-height:100vh;display:flex}.um-main{background:var(--um-bg);border-radius:0 0 12px 12px;flex-direction:column;flex:1;height:auto;min-height:100vh;padding:32px 36px;display:flex;overflow:visible}.um-welcome{color:var(--um-text);margin-bottom:16px;font-size:24px;font-weight:700}.um-divider{background:var(--um-border);width:100%;height:1px;margin-bottom:32px}.um-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.um-title{color:var(--um-text);font-size:20px;font-weight:700}.um-top-right{align-items:center;gap:12px;display:flex}.um-search-wrap{background:var(--um-bg);border:1px solid var(--um-border);border-radius:8px;align-items:center;gap:2px;min-width:360px;padding:8px 14px;display:flex}.um-search-wrap svg{flex-shrink:0}.um-search{color:var(--um-text);background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:14px}.um-search::placeholder{color:var(--um-muted)}.um-new-user-btn{background:var(--um-primary);color:#fff;border:2px solid var(--um-primary);cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}.um-new-user-btn:hover{background:#4a4abf;border-color:#4a4abf}.um-table-wrap{width:100%;box-shadow:var(--um-shadow);background:var(--um-card);border:1px solid var(--um-border);border-radius:16px;overflow:hidden}.um-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.um-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.um-table{border-collapse:separate;border-spacing:0;table-layout:auto;background:var(--um-card);width:100%;font-size:14px}.um-table thead th:first-child{border-top-left-radius:12px}.um-table thead th:last-child{border-top-right-radius:12px}.um-table thead tr{background:var(--um-primary)}.um-table thead th{background:var(--um-primary);color:#fff;text-align:center;white-space:nowrap;padding:14px 16px;font-weight:600}.um-table tbody tr{border-bottom:1px solid var(--um-border);transition:background .15s}.um-table tbody tr:last-child{border-bottom:none}.um-table tbody tr:hover{background:#5b5bd60a}.um-table tbody td{color:var(--um-text);vertical-align:middle;word-break:break-word;text-align:center;padding:14px 16px}.um-table thead th:nth-child(2),.um-table thead th:nth-child(3){text-align:center}.um-table tbody td:nth-child(2),.um-table tbody td:nth-child(3){text-align:left}.um-role-badge{color:var(--um-primary);white-space:nowrap;background:#f3f0ff;border:1px solid #e0d9ff;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:500;display:inline-flex}.um-badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.um-actions{grid-template-columns:repeat(2,34px);justify-content:center;align-items:center;gap:6px;display:grid}.um-action-btn{border-radius:6px;width:34px;height:30px;padding:0}.um-action-btn:hover{opacity:.8}.um-action-btn svg{fill:#fff;color:#fff;flex-shrink:0;width:13px;height:13px}.um-action--view{background:#2ec4b6}.um-action--edit{background:#f59e0b}.um-action--delete{background:#ef4444}.um-action--key{background:var(--um-primary)}.um-table thead th:nth-child(9),.um-table tbody td:nth-child(9){text-align:center;width:80px;min-width:80px}.um-action-btn{background-clip:padding-box;padding:0 8px;box-shadow:none!important;border:none!important;outline:none!important}.um-action-btn:focus,.um-action-btn:active{box-shadow:none!important;outline:none!important}.um-badge--enrolled{color:#0d9488;background:#2ec4b626}.um-badge--pending{color:#d97706;background:#f59e0b26}.um-badge--inactive{color:#dc2626;background:#ef444426}.status-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;height:30px;padding:0 12px;transition:opacity .18s;display:flex}.status-btn:hover{opacity:.8}.status-btn svg{fill:#fff;color:#fff;flex-shrink:0;width:13px;height:13px}.status-btn--approve{background:#2ec4b6}.status-btn--reject{background:#ef4444}.status-cell{flex-direction:column;gap:8px;display:flex}.um-device-pill{cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:opacity .18s;display:inline-flex}.um-device-pill:hover{opacity:.75}.um-device-pill--active{color:#0d9488;border-color:#2ec4b6}.um-device-pill--inactive{color:#9ca3af;border-color:#d1d5db}.um-device-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:8px;height:8px}.um-device-dot.active{background:#2ec4b6}@media (width<=1300px){.um-table-wrap{overflow:auto visible}.um-table thead th{white-space:nowrap}}@media (width<=1100px){.um-table-wrap{overflow:auto visible}.um-table thead th{white-space:normal;word-break:break-word}}@media (width<=1024px){.um-main{width:100%!important;margin-left:0!important;padding-top:20px!important}}@media (width<=890px){.um-table-wrap{box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.um-table,.um-table tbody{width:100%!important;min-width:unset!important;display:block!important}.um-table thead{display:none!important}.um-table tbody tr{background:#fff!important;border:1px solid #eee!important;border-radius:10px!important;margin-bottom:15px!important;display:block!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000f!important}.um-table tbody td{box-sizing:border-box!important;word-break:break-word!important;white-space:normal!important;vertical-align:middle!important;text-align:left!important;border-bottom:1px solid #eee!important;min-height:44px!important;padding:12px 12px 12px 45%!important;font-size:14px!important;display:block!important;position:relative!important}.um-table tbody td:last-child{border-bottom:none!important}.um-table tbody td:before{content:attr(data-title)!important;color:#fff!important;box-sizing:border-box!important;background:#5b5bd6!important;align-items:center!important;width:40%!important;height:100%!important;padding:12px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.um-action-btn{height:30px!important;padding:0 10px!important}.um-table tbody td:nth-child(9){width:100%!important;min-width:0!important}.um-table tbody td[data-title=Actions]{padding-left:45%!important}.um-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}}@media (width<=1024px){.um-main{width:100%!important;margin-left:0!important;padding-top:20px!important}}@media (width<=980px){.um-main{box-sizing:border-box;overflow-x:hidden;min-width:0!important}.um-table-wrap{overflow:auto visible}}@media (width<=768px){.um-top{flex-direction:column;align-items:flex-start}.um-top-right{flex-direction:column;align-items:flex-start;width:100%}.um-search-wrap{min-width:unset;width:100%}.um-new-user-btn{width:100%}.um-welcome{font-size:18px}.um-table-wrap{overflow:auto visible}}@media (width<=690px){.um-table-wrap{box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.um-table,.um-table tbody{width:100%!important;min-width:unset!important;display:block!important}.um-table thead{display:none!important}.um-table tbody tr{background:#fff!important;border:1px solid #eee!important;border-radius:10px!important;margin-bottom:15px!important;display:block!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000f!important}.um-table tbody td{box-sizing:border-box!important;word-break:break-word!important;white-space:normal!important;vertical-align:middle!important;border-bottom:1px solid #eee!important;min-height:44px!important;padding:12px 12px 12px 45%!important;font-size:14px!important;display:block!important;position:relative!important}.um-table tbody td:last-child{border-bottom:none!important}.um-table tbody td:before{content:attr(data-title)!important;color:#fff!important;box-sizing:border-box!important;background:#5b5bd6!important;align-items:center!important;width:40%!important;height:100%!important;padding:12px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.um-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;display:flex!important}.um-action-btn{height:30px!important;padding:0 10px!important}}.vm-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vm-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:460px;max-height:90vh;animation:.2s vmIn;display:flex;overflow-y:auto}@keyframes vmIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.vm-header{background:#2ec4b61a;border-top:4px solid #2ec4b6;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.vm-title{color:#0d9488;margin:0 0 4px;font-size:20px;font-weight:700}.vm-subtitle{color:#6b7280;margin:0;font-size:13px}.vm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.vm-close:hover{color:#111;background:#f3f4f6}.vm-body{padding:20px 24px}.vm-grid{flex-direction:column;gap:8px;display:flex}.vm-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;transition:background .15s,border-color .15s;display:flex}.vm-row:hover{background:#f3f0ff;border-color:#ddd6fe}.vm-icon{background:#eeeefd;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;display:flex}.vm-content{flex-direction:column;gap:2px;min-width:0;display:flex}.vm-label{letter-spacing:.7px;text-transform:uppercase;color:#9ca3af;font-size:10.5px;font-weight:700}.vm-value{color:#1a1a2e;word-break:break-all;font-size:14px;font-weight:500}.dm-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dm-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:420px;animation:.2s dmIn;display:flex}@keyframes dmIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dm-header{background:#ef444414;border-top:4px solid #ef4444;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.dm-title{color:#dc2626;margin:0 0 4px;font-size:20px;font-weight:700}.dm-subtitle{color:#6b7280;margin:0;font-size:13px}.dm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.dm-close:hover{color:#111;background:#f3f4f6}.dm-body{padding:20px 24px}.dm-warning{text-align:center;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px 18px;display:flex}.dm-warning-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;display:flex}.dm-warning-text{color:#6b7280;max-width:280px;font-size:13.5px;line-height:1.5}.dm-target{color:#dc2626;font-size:15px;font-weight:700}.dm-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:10px;padding:14px 24px 20px;display:grid}.dm-btn-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:13px;font-size:14px;font-weight:700;transition:background .2s,transform .1s;display:flex;box-shadow:0 4px 14px #ef444440}.dm-btn-confirm:hover{background:#dc2626}.dm-btn-confirm:active{transform:scale(.98)}.dm-btn-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:10px;padding:13px;font-size:14px;font-weight:700;transition:background .2s}.dm-btn-cancel:hover{background:#e5e7eb}.rpm-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rpm-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:460px;animation:.2s rpmIn;display:flex}@keyframes rpmIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.rpm-header{background:#5b5bd614;border-top:4px solid #5b5bd6;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.rpm-title{color:#5b5bd6;margin:0 0 4px;font-size:20px;font-weight:700}.rpm-subtitle{color:#6b7280;margin:0;font-size:13px}.rpm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.rpm-close:hover{color:#111;background:#f3f4f6}.rpm-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.rpm-info{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex}.rpm-avatar{color:#fff;background:linear-gradient(135deg,#5b5bd6,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.rpm-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.rpm-name{color:#1a1a2e;font-size:15px;font-weight:700}.rpm-email{color:#6b7280;word-break:break-all;font-size:13px}.rpm-field{flex-direction:column;gap:6px;display:flex}.rpm-label{color:#374151;font-size:13px;font-weight:600}.rpm-input-wrap{position:relative}.rpm-input{box-sizing:border-box;color:#1a1a2e;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:11px 42px 11px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s,box-shadow .18s}.rpm-input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.rpm-input--err{border-color:#e24b4a;box-shadow:0 0 0 3px #e24b4a17}.rpm-eye{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.rpm-eye:hover{color:#555}.rpm-hint{color:#e24b4a;font-size:11.5px}.rpm-strength-bars{gap:4px;margin-top:5px;display:flex}.rpm-strength-bar{background:#e8eaee;border-radius:2px;flex:1;height:3px;transition:background .25s}.rpm-strength-bar.weak{background:#e24b4a}.rpm-strength-bar.fair{background:#ef9f27}.rpm-strength-bar.strong{background:#639922}.rpm-strength-label{margin-top:3px;font-size:11px;font-weight:500}.rpm-strength-label.weak{color:#e24b4a}.rpm-strength-label.fair{color:#ef9f27}.rpm-strength-label.strong{color:#3b6d11}.rpm-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.rpm-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:10px;padding:14px 24px 20px;display:grid}.rpm-btn-confirm{color:#fff;cursor:pointer;background:#5b5bd6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:14px;font-weight:700;transition:background .2s,transform .1s;display:flex;box-shadow:0 4px 14px #5b5bd647}.rpm-btn-confirm:hover{background:#4a4abf}.rpm-btn-confirm:active{transform:scale(.98)}.rpm-btn-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:10px;padding:13px;font-size:14px;font-weight:700;transition:background .2s}.rpm-btn-cancel:hover{background:#e5e7eb}.rf-input.is-error{border-color:#e24b4a;box-shadow:0 0 0 3px #e24b4a17}.rf-input.is-ok{border-color:#639922;box-shadow:0 0 0 3px #63992217}.rf-hint{min-height:16px;margin-top:4px;font-size:11.5px}.rf-hint.err{color:#e24b4a;animation:.15s ease-in rf-fade-in}.rf-hint.ok{color:#3b6d11;animation:.15s ease-in rf-fade-in}@keyframes rf-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.rf-input:focus{background:#fff;border-color:#4f6ef7;transition:border .15s,box-shadow .15s;box-shadow:0 0 0 3px #4f6ef71c}.rf-btn-loading{opacity:.75;cursor:not-allowed}.um-modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.um-modal-card{border-top:4px solid var(--um-modal-accent-border,#5b5bd6);background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:520px;margin:auto;animation:.22s umCardIn;display:flex;box-shadow:0 8px 32px #00000021}@keyframes umCardIn{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.um-modal-header-bar{background:var(--um-modal-accent-light,#5b5bd614);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;justify-content:space-between;align-items:flex-start;padding:22px 24px 16px;display:flex}.um-modal-heading{color:var(--um-modal-accent,#5b5bd6);margin:0 0 4px;font-family:DM Sans,sans-serif;font-size:20px;font-weight:700}.um-modal-subheading{color:#6b7280;margin:0;font-family:DM Sans,sans-serif;font-size:13px}.um-modal-x{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:20px;line-height:1;transition:background .15s,color .15s}.um-modal-x:hover{color:#111;background:#f3f4f6}.um-modal-body{flex-direction:column;gap:14px;max-height:62vh;padding:20px 24px;display:flex;overflow-y:auto}.um-modal-body::-webkit-scrollbar{width:5px}.um-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.um-field{flex-direction:column;flex:1;gap:6px;display:flex}.um-label{color:#374151;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.um-input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s,box-shadow .18s}.um-input:focus{border-color:var(--um-modal-accent,#5b5bd6);box-shadow:0 0 0 3px var(--um-modal-accent-light,#5b5bd61a)}.um-input.is-error{border-color:#e24b4a;box-shadow:0 0 0 3px #e24b4a17}.um-input.is-ok{border-color:#639922;box-shadow:0 0 0 3px #63992217}.um-hint{min-height:16px;margin-top:2px;font-family:DM Sans,sans-serif;font-size:11.5px;animation:.15s ease-in umFadeIn}.um-hint.err{color:#e24b4a}.um-hint.ok{color:#3b6d11}@keyframes umFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.um-select{color:#1a1a2e;cursor:pointer;box-sizing:border-box;appearance:auto;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s}.um-select:focus{border-color:var(--um-modal-accent,#5b5bd6);box-shadow:0 0 0 3px var(--um-modal-accent-light,#5b5bd61a)}.um-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.um-phone-row{align-items:stretch;gap:6px;display:flex}.um-phone-row .um-input{flex:1;min-width:0}.um-country-wrapper{flex-shrink:0;position:relative}.um-country-btn{cursor:pointer;color:#222;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:4px;height:40px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:13px;transition:border .15s,background .15s;display:flex}.um-country-btn:hover{background:#f9fafb;border-color:#c0c4cf}.um-country-btn:focus{border-color:var(--um-modal-accent,#5b5bd6);box-shadow:0 0 0 3px var(--um-modal-accent-light,#5b5bd61c);outline:none}.um-country-code{letter-spacing:.3px;color:#333;font-size:12px;font-weight:600}.um-country-dial{color:#888;font-size:12px}.um-chevron{opacity:.45;flex-shrink:0}.um-country-dropdown{z-index:9999;background:#fff;border:1px solid #e0e2e7;border-radius:13px;width:240px;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 10px 28px #00000021}.um-dropdown-search-wrap{border-bottom:1px solid #f0f0f2;padding:8px 10px}.um-dropdown-search{box-sizing:border-box;background:#f6f7f9;border:1px solid #e0e2e7;border-radius:8px;outline:none;width:100%;height:32px;padding:0 10px;font-family:DM Sans,sans-serif;font-size:13px}.um-dropdown-search:focus{border-color:var(--um-modal-accent,#5b5bd6)}.um-dropdown-list{max-height:200px;overflow-y:auto}.um-dropdown-item{cursor:pointer;align-items:center;gap:7px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .1s;display:flex}.um-dropdown-item:hover{background:#f5f6f9}.um-dropdown-item.active{background:#eeeefd}.um-dropdown-item-code{color:#555;min-width:28px;font-size:12px;font-weight:600}.um-dropdown-item-name{color:#222;flex:1}.um-dropdown-item-dial{color:#aaa;font-size:12px}.um-dropdown-empty{color:#bbb;padding:10px 14px;font-size:13px}.um-pw-wrap{position:relative}.um-pw-wrap .um-input{padding-right:38px}.um-pw-toggle{cursor:pointer;color:#aaa;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.um-pw-toggle:hover{color:#666}.um-strength-bars{gap:4px;margin-top:6px;display:flex}.um-strength-bar{background:#e8eaee;border-radius:2px;flex:1;height:3px;transition:background .25s}.um-strength-bar.weak{background:#e24b4a}.um-strength-bar.fair{background:#ef9f27}.um-strength-bar.strong{background:#639922}.um-strength-label{margin-top:3px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500}.um-strength-label.weak{color:#e24b4a}.um-strength-label.fair{color:#ef9f27}.um-strength-label.strong{color:#3b6d11}.um-modules-list{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;max-height:170px;padding:4px 0;overflow-y:auto}.um-modules-list::-webkit-scrollbar{width:6px}.um-modules-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.um-modules-list::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:3px}.um-module-item{color:#1a1a2e;cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:9px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:background .12s;display:flex}.um-module-item:last-child{border-bottom:none}.um-module-item:hover{background:#f0f0ff}.um-module-item input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--um-modal-accent,#5b5bd6);flex-shrink:0}.um-modules-empty{color:#9ca3af;text-align:center;border:1px dashed #d1d5db;border-radius:8px;padding:16px;font-family:DM Sans,sans-serif;font-size:13px}.um-modal-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px 22px;display:grid}.um-btn{cursor:pointer;border:none;border-radius:8px;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.um-btn--primary{background:var(--um-modal-accent,#5b5bd6);color:#fff}.um-btn--primary:hover{filter:brightness(.92)}.um-btn--primary:active{transform:scale(.98)}.um-btn--cancel{color:#1a1a2e;background:#e8ecef;border:1.5px solid #d0d5dd}.um-btn--cancel:hover{background:#d5dae0}@media (width<=540px){.um-modal-card{border-radius:10px}.um-row-2,.um-modal-footer{grid-template-columns:1fr}.um-modal-body{max-height:55vh}}:root{--sesm-card:#fff;--sesm-text:#1a1a2e;--sesm-muted:#6b7280;--sesm-primary:#5b5bd6;--sesm-border:#c8d0d8}.sesm-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;font-family:DM Sans,sans-serif;display:flex;position:fixed;inset:0}.sesm-box{background:var(--sesm-card);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.2s sesmModalIn;display:flex;overflow-y:auto}@keyframes sesmModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.sesm-header{border-bottom:1px solid var(--sesm-border);background:#5b5bd61a;border-top:4px solid #5b5bd6;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.sesm-title{color:var(--sesm-text);margin:0 0 4px;font-size:20px;font-weight:700}.sesm-sub{color:var(--sesm-muted);margin:0;font-size:14px;font-weight:500}.sesm-close{cursor:pointer;color:var(--sesm-muted);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;line-height:1;transition:background .15s,color .15s}.sesm-close:hover{color:#111;background:#f3f4f6}.sesm-body{flex:1;padding:20px 24px}.sesm-no-sessions{color:#9ca3af;background:#f9fafb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 0;font-size:15px;font-weight:500;display:flex}.sesm-session-card{border:1px solid var(--sesm-border);border-left:4px solid var(--sesm-primary);border-radius:12px;margin-bottom:16px;overflow:hidden}.sesm-session-top{justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.sesm-session-info{align-items:center;gap:12px;display:flex}.sesm-session-label{color:var(--sesm-text);margin:0;font-size:15px;font-weight:700}.sesm-session-type{color:var(--sesm-muted);margin:0;font-size:13px}.sesm-online-badge{letter-spacing:.5px;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.sesm-online-badge.online{border-color:var(--sesm-primary);color:var(--sesm-primary)}.sesm-online-badge.offline{color:#9ca3af;border-color:#d1d5db}.sesm-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sesm-online-badge.online .sesm-dot{background:var(--sesm-primary)}.sesm-online-badge.offline .sesm-dot{background:#d1d5db}.sesm-session-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 12px;display:grid}.sesm-session-field{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.sesm-session-field--full{grid-column:1/-1}.sesm-field-label{letter-spacing:.6px;color:var(--sesm-muted);text-transform:uppercase;font-size:11px;font-weight:700}.sesm-field-value{color:var(--sesm-text);font-size:14px;font-weight:500}.sesm-sys-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.sesm-sys-tag{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:4px 12px;font-size:13px;font-weight:500}.sesm-force-logout{background:var(--sesm-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:calc(100% - 32px);margin:0 16px 16px;padding:13px;font-size:14px;font-weight:700;transition:background .2s;display:block}.sesm-force-logout:hover{background:#4a4abf}.sesm-close-btn{background:var(--sesm-muted);color:#fff;cursor:pointer;border:none;border-radius:10px;width:calc(100% - 48px);margin:0 24px 24px;padding:14px;font-size:15px;font-weight:700;transition:background .2s;display:block}.sesm-close-btn:hover{background:var(--sesm-primary)}:root{--st-bg:#e8ecef;--st-card:#fff;--st-text:#1a1a2e;--st-muted:#6b7280;--st-active-bg:#5b5bd6;--st-border:#c8d0d8;--st-shadow:0 2px 12px #00000012}.st-root{align-items:flex-start;min-height:100vh;display:flex}.st-main{background:var(--st-bg);flex-direction:column;flex:1;height:100vh;padding:32px 36px;display:flex;overflow-y:auto}.st-welcome{color:var(--st-text);margin-bottom:16px;font-size:24px;font-weight:700}.st-divider{background:var(--st-border);width:100%;height:1px;margin-bottom:32px}.st-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.st-title{color:var(--st-text);font-size:20px;font-weight:700}.st-top-right{align-items:center;gap:12px;display:flex}.st-search-wrap{background:var(--st-bg);border:1px solid var(--st-border);border-radius:8px;align-items:center;gap:8px;min-width:360px;padding:8px 14px;display:flex}.st-search-wrap svg{flex-shrink:0}.st-search{color:var(--st-text);background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:14px}.st-search::placeholder{color:var(--st-muted)}.st-new-user-btn{background:var(--st-active-bg);color:#fff;border:2px solid var(--st-active-bg);cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}.st-new-user-btn:hover{background:#4a4ab8;border-color:#4a4ab8}.st-table-wrap{width:100%;box-shadow:var(--st-shadow);background:var(--st-card);border:1px solid var(--st-border);border-radius:12px;overflow:hidden}.st-table{border-collapse:separate;border-spacing:0;table-layout:auto;background:var(--st-card);width:100%;font-size:14px}.st-table thead th:first-child{border-top-left-radius:12px}.st-table thead th:last-child{border-top-right-radius:12px}.st-table thead tr{background:var(--st-active-bg)}.st-table thead th{color:#fff;text-align:center;white-space:nowrap;padding:14px 16px;font-weight:600}.st-table tbody tr{border-bottom:1px solid var(--st-border);transition:background .15s}.st-table tbody tr:last-child{border-bottom:none}.st-table tbody tr:hover{background:#5b5bd60a}.st-table tbody td{color:var(--st-text);vertical-align:middle;word-break:break-word;text-align:center;padding:14px 16px}.st-table thead th:nth-child(2){text-align:left;padding-left:14px}.st-table thead th:nth-child(3){text-align:left;padding-left:54px}.st-table tbody td:nth-child(2),.st-table tbody td:nth-child(3){text-align:left}.st-empty,.st-state-msg{text-align:center;color:var(--st-muted);padding:28px;font-weight:600}.st-state-msg--error{color:#dc2626}.st-retry-btn{background:var(--st-active-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:12px;padding:7px 14px;font-weight:700}.st-badge{white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.st-badge--enrolled{color:#0d9488;background:#2ec4b626}.st-badge--pending{color:#d97706;background:#f59e0b26}.st-badge--inactive{color:#dc2626;background:#ef444426}.st-view-status{border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;display:inline-block}.st-view-status--active{color:#0d9488;background:#2ec4b626}.st-view-status--pending{color:#d97706;background:#f59e0b26}.st-view-status--inactive{color:#dc2626;background:#ef444426}.st-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.st-action-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:30px;padding:0 12px;transition:opacity .18s;display:flex}.st-action-btn:hover{opacity:.8}.st-action-btn svg{fill:#fff;color:#fff;flex-shrink:0;width:13px;height:13px}.st-action--view{background:#2ec4b6}.st-action--edit{background:#f59e0b}.st-action--delete{background:#ef4444}.st-action--key{background:#5b5bd6}.st-device-pill{cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:13px;font-weight:600;transition:opacity .18s;display:inline-flex}.st-device-pill:hover{opacity:.75}.st-device-pill--active{color:#0d9488;border-color:#2ec4b6}.st-device-pill--inactive{color:#9ca3af;border-color:#d1d5db}.st-device-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;width:8px;height:8px}.st-device-dot.active{background:#2ec4b6}@media (width<=1300px){.st-table-wrap{overflow:auto visible}.st-table thead th{white-space:nowrap}}@media (width<=1100px){.st-table-wrap{overflow:auto visible}.st-table thead th{white-space:normal;word-break:break-word}}@media (width<=1024px){.st-main{width:100%!important;margin-left:0!important;padding-top:20px!important}}@media (width<=980px){.st-main{box-sizing:border-box;overflow-x:hidden;min-width:0!important}.st-table-wrap{overflow:auto visible}}@media (width<=768px){.st-top{flex-direction:column;align-items:flex-start}.st-top-right{flex-direction:column;align-items:flex-start;width:100%}.st-search-wrap{min-width:unset;width:100%}.st-new-user-btn{width:100%}.st-welcome{font-size:18px}.st-table-wrap{overflow:auto visible}}@media (width<=620px){.st-table-wrap{box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.st-table,.st-table tbody{width:100%!important;min-width:unset!important;display:block!important}.st-table thead{display:none!important}.st-table tbody tr{background:#fff!important;border:1px solid #eee!important;border-radius:10px!important;margin-bottom:15px!important;display:block!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000f!important}.st-table tbody td{box-sizing:border-box!important;word-break:break-word!important;white-space:normal!important;vertical-align:middle!important;text-align:left!important;border-bottom:1px solid #eee!important;min-height:44px!important;padding:12px 12px 12px 45%!important;font-size:14px!important;display:block!important;position:relative!important}.st-table tbody td:last-child{border-bottom:none!important}.st-table tbody td:before{content:attr(data-title)!important;color:#fff!important;box-sizing:border-box!important;background:#5b5bd6!important;align-items:center!important;width:40%!important;height:100%!important;padding:12px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.st-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;display:flex!important}.st-action-btn{height:30px!important;padding:0 10px!important}}.eam-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.eam-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:760px;max-height:90vh;animation:.2s eamIn;display:flex}@keyframes eamIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.eam-header{background:#2ec4b614;border-top:4px solid #2ec4b6;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.eam-title{color:#0d9488;margin:0 0 4px;font-size:20px;font-weight:700}.eam-subtitle{color:#6b7280;margin:0;font-size:13px}.eam-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:18px;line-height:1;transition:background .15s,color .15s}.eam-close:hover{color:#0d9488;background:#2ec4b61f}.eam-body{padding:20px 24px;overflow-y:auto}.eam-badge{border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.eam-badge--public{color:#0d9488;background:#2ec4b626;border:1px solid #2ec4b64d}.eam-badge--restricted{color:#b45309;background:#f59e0b21;border:1px solid #f59e0b47}.eam-help{color:#6b7280;margin:0 0 14px;font-size:13px}.eam-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.eam-toolbar button{cursor:pointer;color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.eam-toolbar button:hover{background:#f3f4f6}.eam-search-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:11px 14px;display:flex}.eam-search{color:#1a1a2e;border:none;outline:none;width:100%;font-size:14px}.eam-user-list{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;max-height:300px;overflow-y:auto}.eam-user-row{cursor:pointer;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:12px 16px;display:flex}.eam-user-row:last-child{border-bottom:none}.eam-user-row:hover{background:#fff}.eam-user-row--selected{background:#2ec4b61a}.eam-user-row input{accent-color:#2ec4b6;width:18px;height:18px}.eam-user-email{color:#1a1a2e;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.eam-role-badge{letter-spacing:.4px;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800}.eam-role-badge--teacher{color:#5b5bd6;background:#5b5bd61f}.eam-role-badge--student{color:#0f766e;background:#2ec4b624}.eam-user-name{color:#6b7280;font-size:12px}.eam-loading,.eam-empty{text-align:center;color:#6b7280;padding:20px}.eam-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:10px;padding:14px 24px 20px;display:grid}.eam-btn-save{color:#fff;cursor:pointer;background:#2ec4b6;border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:700}.eam-btn-save:hover{background:#0d9488}.eam-btn-save:disabled{opacity:.65;cursor:not-allowed}.eam-btn-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:10px;padding:13px;font-size:14px;font-weight:700}.eam-btn-cancel:hover{background:#e5e7eb}.exm-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.exm-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;animation:.2s exmIn;display:flex;overflow-y:auto}.exm-form{flex-direction:column;flex:1;min-height:0;display:flex}@keyframes exmIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.exm-header{border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;display:flex}.exm-box--add .exm-header{background:#5b5bd614;border-top:4px solid #5b5bd6}.exm-box--edit .exm-header{background:#f59e0b14;border-top:4px solid #f59e0b}.exm-title{margin:0 0 4px;font-size:20px;font-weight:700}.exm-box--add .exm-title{color:#5b5bd6}.exm-box--edit .exm-title{color:#d97706}.exm-subtitle{color:#6b7280;margin:0;font-size:13px}.exm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:18px;line-height:1;transition:background .15s,color .15s}.exm-box--add .exm-close:hover{color:#5b5bd6;background:#5b5bd61f}.exm-box--edit .exm-close:hover{color:#d97706;background:#f59e0b1f}.exm-body{flex-direction:column;flex:unset;gap:14px;min-height:auto;padding:14px 24px;display:flex;overflow-y:visible}.exm-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.exm-field{flex-direction:column;gap:7px;display:flex}.exm-field--full{width:100%}.exm-label{color:#374151;font-size:13px;font-weight:600}.exm-input,.exm-textarea{color:#1a1a2e;box-sizing:border-box;background:#f8f9fa;border:1.5px solid #0000;border-radius:10px;outline:none;width:100%;padding:13px 15px;font-family:inherit;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.exm-textarea{resize:vertical;min-height:85px}.exm-box--add .exm-input:focus,.exm-box--add .exm-textarea:focus{background:#fff;border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.exm-box--edit .exm-input:focus,.exm-box--edit .exm-textarea:focus{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1f}.exm-pass-box{background:#5b5bd61a;border-radius:10px;padding:12px;font-size:14px}.exm-box--edit .exm-pass-box{background:#f59e0b1a}.exm-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:10px;padding:14px 24px 20px;display:grid}.exm-btn-save,.exm-btn-cancel{cursor:pointer;border-radius:10px;padding:13px;font-family:inherit;font-size:14px;font-weight:700}.exm-btn-save{color:#fff;border:none}.exm-box--add .exm-btn-save{background:#5b5bd6}.exm-box--add .exm-btn-save:hover{background:#4a4abf}.exm-box--edit .exm-btn-save{background:#f59e0b}.exm-box--edit .exm-btn-save:hover{background:#d97706}.exm-btn-cancel{color:#374151;background:#f3f4f6;border:1.5px solid #d1d5db}.exm-btn-cancel:hover{background:#e5e7eb}.exm-module-note{color:#6b7280;margin:0 0 12px;font-size:13px;line-height:1.5}.exm-module-check-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:10px;max-height:150px;padding:10px;display:grid;overflow-y:auto}.exm-module-dropdown .exm-module-check-list{margin-top:8px;margin-bottom:0}.exm-module-check{cursor:pointer;color:#1a1a2e;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.exm-module-check--active{color:#5b5bd6;background:#f0f0ff;border-color:#5b5bd6;font-weight:600}.exm-module-check input{accent-color:#5b5bd6}.exm-module-dropdown{position:relative}.exm-module-dropdown-btn{color:#1a1a2e;cursor:pointer;background:#f8f9fa;border:1.5px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:13px 15px;font-family:inherit;font-size:14px;display:flex}.exm-module-dropdown-btn:hover{background:#fff;border-color:#5b5bd6}.exm-module-dropdown .exm-module-check-list{margin-top:8px}@media (width<=560px){.exm-row,.exm-footer{grid-template-columns:1fr}}:root{--me-bg:#e8ecef;--me-card:#fff;--me-text:#1a1a2e;--me-muted:#6b7280;--me-primary:#5b5bd6;--me-primary-dark:#4a4ab8;--me-teal:#2ec4b6;--me-border:#e2e8f0;--me-input-bg:#f8f9fa;--me-shadow:0 2px 12px #1a1a2e14}.me-root{background:var(--me-bg);min-height:100vh;display:flex}.me-main{background:var(--me-bg);box-sizing:border-box;flex:1;height:100vh;padding:28px 32px;position:relative;overflow-y:auto}.me-stat-icon{width:44px;height:44px;color:var(--me-primary);background:#5b5bd61a;border-radius:10px;justify-content:center;align-items:center;font-size:20px;display:flex}.me-stat-icon svg{fill:currentColor;width:22px;height:22px}.me-stat-label{color:var(--me-muted);margin-bottom:2px;font-size:12px;font-weight:500}.me-stat-number{color:var(--me-primary);font-size:28px;font-weight:900;line-height:1}.me-page-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding-right:0;display:flex}.me-header-left{align-items:center;gap:14px;display:flex}.me-stat-card{background:var(--me-card);border:1px solid var(--me-border);box-shadow:var(--me-shadow);border-radius:14px;flex-shrink:0;align-items:center;gap:12px;width:fit-content;min-width:160px;padding:14px 20px;display:flex}.me-header-icon{color:var(--me-primary);background:#5b5bd61f;border:1px solid #5b5bd633;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.me-header-icon svg{fill:currentColor;width:24px;height:24px}.me-welcome{color:var(--me-text);margin:0 0 2px;font-size:24px;font-weight:800}.me-sub{color:var(--me-muted);margin:0;font-size:13px}.me-toolbar{align-items:center;gap:10px;margin-bottom:22px;padding-right:200px;display:flex}.me-search-wrap{border:1px solid var(--me-border);background:#fff;border-radius:12px;flex:1;align-items:center;gap:8px;padding:11px 16px;display:flex;box-shadow:0 1px 4px #0000000d}.me-search-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:flex}.me-search{color:var(--me-text);background:0 0;border:none;outline:none;width:100%;font-size:14px}.me-search::placeholder{color:#adb5bd}.btn-refresh{color:#fff;cursor:pointer;white-space:nowrap;background:#3b82f6;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex}.btn-refresh svg{fill:currentColor;width:14px;height:14px}.btn-refresh:hover{opacity:.87}.btn-create{background:var(--me-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:700;transition:opacity .15s,transform .15s;display:inline-flex;box-shadow:0 4px 14px #5b5bd659}.btn-create svg{fill:currentColor;width:14px;height:14px}.btn-create:hover{opacity:.87}.me-divider{background:var(--me-border);height:1px;margin-bottom:24px}.me-exams-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.me-exam-card{background:var(--me-card);border:1px solid var(--me-border);box-shadow:var(--me-shadow);border-radius:14px;flex-direction:column;gap:10px;padding:22px 22px 18px;transition:box-shadow .2s,transform .2s;display:flex}.me-exam-card:hover{border-color:#5b5bd640;transform:translateY(-2px);box-shadow:0 8px 28px #5b5bd61f}.me-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.me-exam-title{color:var(--me-text);margin:0;font-size:18px;font-weight:800}.me-students-badge{color:#92400e;white-space:nowrap;background:#fff8e6;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.me-students-badge svg{fill:currentColor;flex-shrink:0;width:11px;height:11px}.me-exam-desc{color:var(--me-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.me-created-by{color:#008b7a;background:#e6fffb;border:1px solid #99f6e4;border-radius:999px;align-items:center;width:fit-content;padding:4px 14px;font-size:13px;font-weight:700;display:inline-flex}.me-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-flex}.chip svg{fill:currentColor;flex-shrink:0;width:13px;height:13px}.chip-time{color:#92400e;background:#fff4d9}.chip-marks{color:#5b21b6;background:#f1efff}.chip-pass{color:#047857;background:#def7ec}.me-card-actions{flex-wrap:nowrap;align-items:center;gap:8px;margin-top:8px;display:flex}.ca-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;line-height:1;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex}.ca-btn svg{fill:currentColor;pointer-events:none;flex-shrink:0;width:14px;height:14px;display:block}.ca-btn:hover{opacity:.88;transform:translateY(-1px)}.ca-icon-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;font-size:16px;line-height:1;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex}.ca-icon-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ca-icon-btn svg{pointer-events:none;flex-shrink:0;width:17px;height:17px;display:block}.ca-icon-btn svg path{fill:#fff}.ca-btn.ca-sm,.ca-icon-btn.ca-sm{padding:7px 12px;font-size:12px}.ca-blue{background:var(--me-primary)}.ca-green{background:#10b981}.ca-teal{background:var(--me-teal)}.ca-orange{background:linear-gradient(145deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #f59e0b59}.ca-red{background:linear-gradient(145deg,#f87171,#ef4444);box-shadow:0 2px 8px #ef444459}.me-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a1480;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.me-modal{background:var(--me-card);border-radius:18px;width:100%;max-width:560px;max-height:90vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.me-modal-wide{max-width:860px}.me-modal-close{cursor:pointer;width:32px;height:32px;color:var(--me-muted);background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex;position:absolute;top:14px;right:16px}.me-modal-close:hover{background:#e5e7eb}.me-modal-title{color:var(--me-text);margin:0 0 22px;font-size:18px;font-weight:800}.me-form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:20px;display:grid}.me-field{flex-direction:column;gap:7px;display:flex}.me-label{color:var(--me-muted);font-size:13px;font-weight:600}.me-input{background:var(--me-input-bg);color:var(--me-text);box-sizing:border-box;border:1.5px solid #0000;border-radius:10px;outline:none;width:100%;padding:13px 15px;font-family:inherit;font-size:14px;transition:border-color .18s,background .18s}.me-input:focus{border-color:var(--me-primary);background:#fff}.me-input::placeholder{color:#adb5bd}.me-textarea{background:var(--me-input-bg);color:var(--me-text);box-sizing:border-box;resize:vertical;border:1.5px solid #0000;border-radius:10px;outline:none;width:100%;min-height:80px;padding:13px 15px;font-family:inherit;font-size:14px;transition:border-color .18s,background .18s}.me-textarea:focus{border-color:var(--me-primary);background:#fff}.me-modal-actions{gap:10px;margin-top:18px;display:flex}.me-submit-btn{background:var(--me-primary);color:#fff;cursor:pointer;border:none;border-radius:11px;padding:13px 28px;font-family:inherit;font-size:15px;font-weight:700;transition:background .18s}.me-submit-btn:hover{background:var(--me-primary-dark)}.me-cancel-btn{background:#ef4444}.me-cancel-btn:hover{background:#dc2626}.me-questions-list{flex-direction:column;gap:10px;max-height:260px;margin-bottom:18px;display:flex;overflow-y:auto}.me-question-item{border:1px solid var(--me-border);background:#f8f9fb;border-radius:10px;padding:14px 16px}.me-question-text{color:var(--me-text);margin-bottom:10px;font-size:14px;font-weight:700}.me-question-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.me-correct-tag{color:var(--me-teal);font-size:13px;font-weight:600}.me-q-actions{gap:6px;display:flex}.me-no-questions{color:var(--me-muted);text-align:center;padding:20px 0;font-size:14px}.me-add-q-form{border-top:1px solid var(--me-border);padding-top:18px}.me-add-q-title{color:var(--me-text);margin:0 0 14px;font-size:15px;font-weight:700}.me-options-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.me-access-badge{border-radius:20px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.me-access-badge--public{background:var(--me-teal);color:#fff}.me-access-badge--restricted{color:#92400e;background:#fff8e6}.me-access-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.me-access-toolbar button{border:1px solid var(--me-border);cursor:pointer;color:var(--me-text);background:#fff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.me-access-toolbar button:hover{background:var(--me-input-bg)}.me-user-list{border:1px solid var(--me-border);background:var(--me-input-bg);border-radius:12px;max-height:280px;margin-bottom:16px;overflow-y:auto}.me-user-row{border-bottom:1px solid var(--me-border);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.me-user-row:last-child{border-bottom:none}.me-user-row:hover{background:#fff}.me-user-row--selected{background:#5b5bd614}.me-user-row input{width:18px;height:18px;accent-color:var(--me-primary);cursor:pointer}.me-user-email{color:var(--me-text);font-size:14px;font-weight:600}.me-user-name{color:var(--me-muted);font-size:12px}.me-selected-count{color:var(--me-muted);margin-bottom:12px;font-size:13px}.me-badge-public{color:#047857;background:#d1fae5;border:1px solid #04785726}.ca-btn.ca-questions{flex:1;min-width:120px}.me-exam-module{color:#5b5bd6;margin:6px 0 10px;font-size:13px;font-weight:700}@keyframes me-spin{to{transform:rotate(360deg)}}.btn-refresh svg.me-spin{animation:1s linear infinite me-spin}@media (width<=1100px){.me-page-header,.me-toolbar{padding-right:0}.me-stat-card{margin-bottom:16px;position:static}}@media (width<=900px){.me-exams-grid,.me-form-grid,.me-options-grid{grid-template-columns:1fr}}@media (width<=768px){.me-main{padding:20px 16px}.me-toolbar{flex-wrap:wrap}}@media (width<=1024px){.me-main{width:100%!important;margin-left:0!important;padding-top:20px!important}}.qm-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.qm-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;display:flex}.qm-header{border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;padding:24px 24px 16px;display:flex}.qm-box--add .qm-header{background:#5b5bd614;border-top:4px solid #5b5bd6}.qm-box--edit .qm-header{background:#f59e0b14;border-top:4px solid #f59e0b}.qm-title{margin:0 0 4px;font-size:20px;font-weight:700}.qm-box--add .qm-title{color:#5b5bd6}.qm-box--edit .qm-title{color:#d97706}.qm-subtitle{color:#6b7280;margin:0;font-size:13px}.qm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:6px 8px}.qm-box--add .qm-close:hover{color:#5b5bd6;background:#5b5bd61f}.qm-box--edit .qm-close:hover{color:#d97706;background:#f59e0b1f}.qm-body{flex-direction:column;gap:12px;padding:20px 24px;display:flex}.qm-input{box-sizing:border-box;border:1px solid #c8d0d8;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px}.qm-box--add .qm-input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.qm-box--edit .qm-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.qm-textarea{resize:vertical}.qm-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:10px;padding:14px 24px 20px;display:grid}.qm-btn-save,.qm-btn-cancel{cursor:pointer;border-radius:10px;padding:13px;font-size:14px;font-weight:700}.qm-btn-save{color:#fff;border:none}.qm-box--add .qm-btn-save{background:#5b5bd6}.qm-box--edit .qm-btn-save{background:#f59e0b}.qm-btn-cancel{color:#374151;background:#f3f4f6;border:1.5px solid #d1d5db}@media (width<=768px){.exam-main{padding:80px 16px 32px}}.exam-btn-muted{color:#5b5bd6!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:6px!important;align-items:center!important;gap:7px!important;padding:4px 8px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.exam-btn-muted:hover{opacity:1!important;color:#fff!important;background:#5b5bd6!important}@keyframes exam-spin{to{transform:rotate(360deg)}}.exam-modal-backdrop{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.exam-modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:28px;overflow-y:auto}@media (width<=768px){.exam-main{padding:80px 16px 32px}}.chat-page{box-sizing:border-box;background:#f4f7fb;flex-direction:column;width:100%;height:100vh;padding:24px;display:flex;overflow:hidden}.chat-page.empty-state{color:#46516a;justify-content:center;align-items:center;min-height:70vh;font-size:1rem;display:flex}.chat-page-header{flex-shrink:0;justify-content:flex-start;align-items:center;gap:18px;display:flex}.chat-back-button{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #5b5bd62e;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:.95rem;font-weight:700;line-height:1;transition:transform .18s,background .18s,border-color .18s;display:inline-flex;box-shadow:0 10px 24px #12346a14}.chat-back-button:hover{background:#f4f4ff;border-color:#5b5bd64d;transform:translateY(-1px)}.chat-back-button svg{stroke:#5b5bd6;width:16px;height:16px;display:block}.chat-page-title{margin:0;font-size:clamp(1.75rem,2vw,2.25rem)}.Header-section{margin-left:90px}.chat-page-subtitle{color:#5f6b84;margin:6px 0 8px;font-size:.95rem}.chat-layout{flex:1;gap:22px;width:100%;min-height:0;margin-top:16px;display:flex;overflow:hidden}.chat-contacts-panel{background:#fff;border:1px solid #e6ebf4;border-radius:24px;flex-direction:column;width:280px;min-width:280px;height:100%;min-height:0;padding:18px;display:flex;overflow:hidden;box-shadow:0 18px 40px #253c630d}.chat-panel-title{color:#1a1a2e;margin-bottom:16px;font-weight:700}.chat-search-wrap{color:#7a88a8;background:#f7f9fc;border:1px solid #e5e9f3;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;display:flex}.chat-search-wrap input{color:#1a1a2e;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.chat-contacts-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.chat-contact-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px 12px 12px 10px;display:flex}.chat-contact-item:hover,.chat-contact-item.active{background:#f0f0ff;border-color:#d4d4f7}.chat-avatar-circle{color:#5b5bd6;background:#ebebff;border-radius:50%;place-items:center;min-width:46px;min-height:46px;font-size:1rem;font-weight:700;display:grid;position:relative}.chat-avatar-large{min-width:56px;min-height:56px;font-size:1.15rem}.chat-online-dot{background:#2ec4b6;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:2px}.chat-contact-body{flex:1;min-width:0}.chat-contact-name{color:#1a1a2e;margin-bottom:4px;font-weight:700}.chat-contact-preview{color:#6b7280;font-size:.92rem;line-height:1.4}.chat-unread-badge{color:#fff;background:linear-gradient(135deg,#2ec4b6,#3dd6c8);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #2ec4b659}.chat-window-panel{background:#fff;border:1px solid #e6ebf4;border-radius:24px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;box-shadow:0 18px 40px #253c630d}.chat-header-row{border-bottom:1px solid #e8edf6;flex-shrink:0;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.chat-header-user{align-items:center;gap:14px;display:flex}.chat-contact-name-large{color:#1a1a2e;font-size:1.1rem;font-weight:700}.chat-contact-status{color:#6b7280;font-size:.94rem}.chat-typing-text{color:#5b5bd6}.chat-messages-wrapper{background:#f4f7fb;flex-direction:column;flex:1;gap:12px;padding:22px 24px 16px;display:flex;overflow-y:auto}.chat-message-row{gap:12px;display:flex}.chat-message-row.mine{justify-content:flex-end}.chat-message-row.theirs{justify-content:flex-start}.chat-bubble{border-radius:22px;max-width:min(78%,600px);padding:14px 16px;position:relative}.chat-bubble.theirs{color:#1a1a2e;background:#fff;border-bottom-left-radius:6px;box-shadow:0 4px 14px #1a1a2e14}.chat-bubble.mine{color:#fff;background:linear-gradient(135deg,#5b5bd6 0%,#7c6fe0 60%,#6e5fd4 100%);border-bottom-right-radius:6px;box-shadow:0 8px 24px #5b5bd652,0 2px 6px #5b5bd62e}.chat-message-meta{color:#00000073;justify-content:flex-end;gap:8px;margin-top:10px;font-size:.8rem;display:flex}.chat-bubble.mine .chat-message-meta{color:#ffffffa6}.chat-read-tick{color:#2ec4b6;letter-spacing:-1px;text-shadow:0 0 6px #2ec4b680;font-size:.78rem}.chat-file-link{color:inherit;word-break:break-word;font-weight:700;text-decoration:none;display:inline-block}.chat-input-area{background:#fff;border-top:1px solid #e8edf6;flex-direction:column;flex-shrink:0;display:flex}.chat-input-row{background:#fff;align-items:center;gap:14px;padding:14px 24px 20px;display:flex}.chat-attach-button{color:#5b5bd6;cursor:pointer;background:#f4f4ff;border:1px solid #d4d4f7;border-radius:999px;align-items:center;gap:8px;padding:11px 14px;font-size:.95rem;transition:background .15s,border-color .15s;display:inline-flex}.chat-attach-button:hover{background:#ebebff;border-color:#b8b8f0}.chat-file-input{display:none}.chat-input-group{flex-direction:column;flex:1;gap:8px;display:flex}.chat-input{color:#1a1a2e;background:#f7f9fc;border:1px solid #d9e2ef;border-radius:999px;outline:none;flex:1;min-height:48px;padding:14px 16px;font-size:.96rem;transition:border-color .15s,box-shadow .15s}.chat-input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.chat-attachment-preview{color:#1a1a2e;background:#f7f9fc;border:1px solid #d9e2ef;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;display:inline-flex}.chat-attachment-preview button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:1rem}.chat-send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b5bd6,#7c6fe0);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;min-height:52px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #5b5bd659}.chat-send-button:hover:not(:disabled){transform:scale(1.06);box-shadow:0 6px 20px #5b5bd673}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.chat-empty-panel{color:#6b7280;flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}.chat-mobile-back{display:none}.chat-typing-bubble{background:#fff;border-radius:22px;align-items:center;gap:5px;padding:12px 18px;display:inline-flex;box-shadow:0 6px 14px #12346a0f}.chat-typing-dot{background:#5b5bd6;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite chatDotBounce}.chat-typing-dot:first-child{animation-delay:0s}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes chatDotBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-status-online{color:#2ec4b6;font-size:.88rem}.chat-status-offline{color:#9ca3af;font-size:.88rem}.chat-typing-text{color:#5b5bd6;font-size:.88rem}.chat-recording-text{color:#e25555;font-size:.88rem;animation:1.2s ease-in-out infinite chatRecordingTextPulse}@keyframes chatRecordingTextPulse{0%,to{opacity:.65}50%{opacity:1}}.chat-contact-preview--active{color:#5b5bd6;font-style:italic;font-weight:600}.chat-voice-bubble{flex-direction:column;gap:6px;min-width:220px;display:flex}.chat-bubble.mine .chat-voice-player{filter:invert()brightness(1.1);border-radius:8px}.chat-voice-player{width:100%;max-width:280px;height:36px}.chat-voice-duration{opacity:.85;font-size:.75rem}.chat-bubble.mine .chat-voice-duration{color:#ffffffbf}.chat-mic-button{color:#5b5bd6;cursor:pointer;background:#f4f4ff;border:1px solid #d4d4f7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:48px;min-height:48px;transition:background .15s,color .15s,transform .15s;display:inline-flex}.chat-mic-button:hover:not(:disabled){background:#ebebff}.chat-mic-button.recording{color:#fff;background:#e25555;border-color:#e25555;animation:1s ease-in-out infinite chatMicPulse}.chat-mic-button:disabled{opacity:.5;cursor:not-allowed}@keyframes chatMicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.chat-local-recording-bar{color:#e25555;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin:0 24px 10px;padding:10px 14px;font-size:.9rem;font-weight:600;display:flex}.chat-local-recording-dot{background:#e25555;border-radius:50%;width:10px;height:10px;animation:1s infinite chatRecordingTextPulse}.chat-recording-cancel{color:#6b7280;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:.85rem}.chat-recording-bubble{background:#fff;border-radius:22px;align-items:center;gap:6px;padding:12px 16px;display:inline-flex;box-shadow:0 6px 14px #12346a0f}.chat-recording-mic{font-size:1rem}.chat-recording-wave{background:#e25555;border-radius:3px;width:4px;height:14px;animation:.9s ease-in-out infinite chatWave}.chat-recording-wave:nth-child(2){animation-delay:.15s}.chat-recording-wave:nth-child(3){animation-delay:.3s}.chat-recording-wave:nth-child(4){animation-delay:.45s}@keyframes chatWave{0%,to{opacity:.5;transform:scaleY(.45)}50%{opacity:1;transform:scaleY(1)}}.chat-img-link{text-decoration:none;display:block}.chat-img-preview{object-fit:cover;cursor:pointer;border-radius:14px;max-width:260px;max-height:200px;transition:opacity .15s;display:block}.chat-img-preview:hover{opacity:.88}.chat-img-caption{color:#6b7280;margin-top:6px;font-size:.8rem}.chat-img-caption.mine{color:#ffffffa6}.chat-file-bubble{background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;align-items:center;gap:12px;min-width:180px;padding:10px 14px;text-decoration:none;transition:background .15s;display:flex}.chat-file-bubble:not(.mine){background:#f0f0ff;border:1px solid #d4d4f7}.chat-file-bubble:hover{opacity:.85}.chat-file-icon{flex-shrink:0;font-size:1.6rem}.chat-file-info{flex-direction:column;gap:3px;min-width:0;display:flex}.chat-file-name{color:inherit;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.88rem;font-weight:600;overflow:hidden}.chat-file-action{opacity:.7;font-size:.76rem}.chat-attach-preview-bar{background:#f7f9fc;border-bottom:1px solid #f0f0ff;align-items:center;gap:12px;padding:12px 24px;display:flex}.chat-attach-img-thumb{object-fit:cover;border:1px solid #d4d4f7;border-radius:10px;flex-shrink:0;width:52px;height:52px}.chat-attach-file-icon{flex-shrink:0;font-size:2rem}.chat-attach-file-name{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.9rem;font-weight:500;overflow:hidden}.chat-attach-remove{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-shrink:0;align-items:center;font-size:1.4rem;transition:color .15s;display:flex}.chat-attach-remove:hover{color:#ef4444}.chat-window-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-no-contacts{color:#6b7280;text-align:center;padding:24px 12px;font-size:.9rem}.chat-actions-menu{margin-left:auto;position:relative}.chat-menu-button{color:#5b5bd6;cursor:pointer;background:#f4f4ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:background .15s;display:flex;transform:translateY(-12px)}.chat-menu-button:hover{background:#ebebff}.chat-menu-dropdown{z-index:50;background:#fff;border:1px solid #e3e8f3;border-radius:14px;width:210px;padding:8px;position:absolute;top:52px;right:0;box-shadow:0 18px 40px #253c6329}.chat-menu-dropdown button{text-align:left;color:#1a1a2e;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:11px 12px;font-size:.9rem;font-weight:600}.chat-menu-dropdown button:hover{color:#5b5bd6;background:#f4f4ff}.chat-group-sender-name{color:#5b5bd6;margin-bottom:4px;font-size:12px;font-weight:700}.gm-overlay{z-index:999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gm-box{background:#fff;border-radius:18px;width:420px;max-width:92%;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.gm-header{background:#f4f4ff;border-top:4px solid #5b5bd6;border-bottom:1px solid #e0e5f2;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.gm-header h3{color:#5b5bd6;margin:0}.gm-header p{color:#6b7280;margin:4px 0 0}.gm-header button{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:24px}.gm-list{max-height:360px;padding:12px;overflow-y:auto}.gm-member{border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.gm-member:hover{background:#f4f7fb}.gm-avatar{color:#1a1a2e;background:#ebebff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.gm-member strong{color:#1a1a2e}.gm-member p{color:#6b7280;margin:3px 0 0;font-size:13px}.gm-member span{text-transform:capitalize;color:#2ec4b6;background:#2ec4b626;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:700}@media (width<=900px){.chat-page{padding:16px 16px 0}.chat-page-header{flex-direction:row;align-items:center;gap:12px;padding-bottom:12px}.Header-section{margin-left:0}.chat-page-title{font-size:1.3rem}.chat-page-subtitle{display:none}.chat-layout{gap:0;height:calc(100vh - 80px);margin-top:8px;position:relative;overflow:hidden}.chat-contacts-panel{z-index:10;opacity:1;visibility:visible;pointer-events:auto;border-radius:16px;width:100%;min-width:0;height:100%;transition:transform .28s,opacity .28s,visibility .28s;position:absolute;inset:0;transform:translate(0)}.chat-window-panel{z-index:20;visibility:hidden;pointer-events:none;border-radius:16px;width:100%;height:100%;transition:transform .28s,visibility .28s;position:absolute;inset:0;transform:translate(100%)}.chat-layout.chat-open .chat-window-panel{visibility:visible;pointer-events:auto;transform:translate(0)}.chat-layout.chat-open .chat-contacts-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-100%)}.chat-mobile-back{color:#5b5bd6;cursor:pointer;background:#f4f4ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.chat-messages-wrapper{padding:14px}.chat-input-row{gap:8px;padding:10px 12px 12px}.chat-bubble{max-width:85%}.chat-input{flex:1;min-width:0;min-height:44px;padding:10px 12px;font-size:.9rem}.chat-send-button{flex-shrink:0;min-width:44px;min-height:44px}.chat-attach-button{flex-shrink:0;padding:10px}.chat-mic-button{flex-shrink:0;min-width:44px;min-height:44px}.chat-header-row{grid-template-columns:40px 1fr 40px;align-items:center;padding:16px;display:grid}.chat-header-user{text-align:center;justify-content:center;justify-self:center;align-items:center;display:flex;position:static;transform:none}.chat-mobile-back{justify-self:start}.chat-actions-menu{justify-self:end}}.acm-overlay{z-index:999;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.acm-box{background:#fff;border-top:4px solid #5b5bd6;border-radius:20px;width:100%;max-width:520px;animation:.22s cubic-bezier(.34,1.56,.64,1) acmIn;position:relative;overflow:visible;box-shadow:0 24px 70px #0f172a38}.acm-box:before{content:"";pointer-events:none;border-radius:20px;position:absolute;inset:0}@keyframes acmIn{0%{opacity:0;transform:scale(.94)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.acm-header{background:linear-gradient(135deg,#eef2ff 0%,#f0f0ff 100%);border-bottom:1px solid #e0e5f2;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.acm-title{color:#5b5bd6;letter-spacing:-.3px;margin:0 0 4px;font-size:19px;font-weight:800}.acm-subtitle{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.acm-close-x{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-top:-2px;padding:4px 8px;font-size:22px;line-height:1;transition:background .15s,color .15s}.acm-close-x:hover{color:#5b5bd6;background:#e0e5f2}.acm-body{padding:22px 24px 10px;overflow:visible}.acm-loading{text-align:center;color:#6b7280;padding:28px;font-size:14px}.acm-picker{z-index:1;margin-bottom:20px;position:relative}.acm-picker:focus-within{z-index:10}.acm-label{color:#374151;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:block}.acm-picker-row{grid-template-columns:130px 1fr;align-items:flex-start;gap:10px;display:grid}.acm-role-select{color:#1f2937;cursor:pointer;box-sizing:border-box;appearance:auto;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.acm-role-select:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61f}.acm-search-wrap{position:relative}.acm-search-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:44px;padding:0 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.acm-search-input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61f}.acm-search-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.acm-selected-pill{box-sizing:border-box;background:#eef2ff;border:1.5px solid #c7d2fe;border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 10px 0 8px;display:flex}.acm-pill-avatar{color:#fff;background:linear-gradient(135deg,#5b5bd6,#7c6fe0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.acm-pill-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.acm-pill-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.acm-pill-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.acm-pill-clear{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #c7d2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;padding:0;font-size:15px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:flex}.acm-pill-clear:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.acm-dropdown{z-index:9999;background:#fff;border:1.5px solid #e0e5f2;border-radius:12px;max-height:220px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.acm-dropdown::-webkit-scrollbar{width:5px}.acm-dropdown::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px}.acm-dropdown::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.acm-empty{text-align:center;color:#9ca3af;padding:16px;font-size:13px}.acm-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .12s;display:flex}.acm-option:hover{background:#eef2ff}.acm-option-avatar{color:#fff;background:linear-gradient(135deg,#5b5bd6,#7c6fe0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.acm-option-info{flex-direction:column;gap:2px;min-width:0;display:flex;overflow:hidden}.acm-option-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.acm-option-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.acm-assign-status{border-radius:10px;align-items:flex-start;gap:8px;margin:4px 24px 8px;padding:11px 15px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.acm-assign-status--success{color:#16a34a;background:#f0fdf4;border:1.5px solid #bbf7d0}.acm-assign-status--already{color:#b45309;background:#fffbeb;border:1.5px solid #fde68a}.acm-assign-status--error{color:#dc2626;background:#fef2f2;border:1.5px solid #fecaca}.acm-actions{background:#fff;border-top:1px solid #f0f0ff;border-radius:0 0 16px 16px;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:14px 24px 22px;display:grid}.acm-btn-cancel,.acm-btn-assign{cursor:pointer;border:none;border-radius:11px;height:46px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s}.acm-btn-cancel{color:#374151;background:#f3f4f6;border:1.5px solid #d1d5db}.acm-btn-cancel:hover{background:#e5e7eb}.acm-btn-assign{color:#fff;background:linear-gradient(135deg,#5b5bd6,#7c6fe0);box-shadow:0 4px 14px #5b5bd652}.acm-btn-assign:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6d5fd4);transform:translateY(-1px);box-shadow:0 6px 18px #5b5bd66b}.acm-btn-assign:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.acm-field-error{color:#dc2626;align-items:center;gap:5px;margin:6px 0 0;font-size:12px;font-weight:500;display:flex}.acm-field-error-icon{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;min-width:15px;height:15px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.acm-input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}@media (width<=540px){.acm-overlay{align-items:flex-end;padding:0}.acm-box{border-radius:20px 20px 0 0;max-width:100%;animation:.28s cubic-bezier(.34,1.2,.64,1) acmInMobile}@keyframes acmInMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.acm-header{border-radius:20px 20px 0 0;padding:18px 18px 14px}.acm-body{padding:18px 18px 8px}.acm-picker-row{grid-template-columns:1fr;gap:8px}.acm-assign-status{margin:4px 18px 8px}.acm-actions{grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px 28px}.acm-picker:last-of-type .acm-dropdown{top:auto;bottom:calc(100% + 6px)}}@media (width<=380px){.acm-actions{grid-template-columns:1fr}.acm-btn-assign{order:-1}}.rcm-overlay{z-index:999;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rcm-box{background:#fff;border-top:4px solid #dc2626;border-radius:20px;width:100%;max-width:520px;animation:.22s cubic-bezier(.34,1.56,.64,1) rcmIn;position:relative;overflow:visible;box-shadow:0 24px 70px #0f172a38}@keyframes rcmIn{0%{opacity:0;transform:scale(.94)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.rcm-header{background:linear-gradient(135deg,#fef2f2 0%,#fff5f5 100%);border-bottom:1px solid #fee2e2;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:22px 24px 18px;display:flex}.rcm-title{color:#dc2626;letter-spacing:-.3px;margin:0 0 4px;font-size:19px;font-weight:800}.rcm-subtitle{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.rcm-close-x{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-top:-2px;padding:4px 8px;font-size:22px;line-height:1;transition:background .15s,color .15s}.rcm-close-x:hover{color:#dc2626;background:#fee2e2}.rcm-body{padding:22px 24px 10px;overflow:visible}.rcm-loading{text-align:center;color:#6b7280;padding:28px;font-size:14px}.rcm-picker{z-index:1;margin-bottom:20px;position:relative}.rcm-picker:focus-within{z-index:10}.rcm-label{color:#374151;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12.5px;font-weight:700;display:block}.rcm-picker-row{grid-template-columns:130px 1fr;align-items:flex-start;gap:10px;display:grid}.rcm-role-select,.rcm-search-input{color:#1f2937;box-sizing:border-box;background:#fff;border:1.5px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:44px;padding:0 12px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.rcm-search-input{padding:0 14px}.rcm-role-select:focus,.rcm-search-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.rcm-search-input:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.rcm-search-wrap{position:relative}.rcm-selected-pill{box-sizing:border-box;background:#fef2f2;border:1.5px solid #fecaca;border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 10px 0 8px;display:flex}.rcm-pill-avatar,.rcm-option-avatar{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.rcm-pill-avatar{width:28px;min-width:28px;height:28px}.rcm-option-avatar{width:32px;min-width:32px;height:32px}.rcm-pill-info,.rcm-option-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.rcm-pill-name,.rcm-option-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.rcm-pill-email,.rcm-option-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.rcm-pill-info{flex:1;gap:1px}.rcm-option-info{gap:2px}.rcm-pill-clear{color:#6b7280;cursor:pointer;background:#fff;border:1.5px solid #fecaca;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;padding:0;font-size:15px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:flex}.rcm-pill-clear:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.rcm-dropdown{z-index:9999;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;max-height:220px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.rcm-dropdown::-webkit-scrollbar{width:5px}.rcm-dropdown::-webkit-scrollbar-track{background:#f9fafb;border-radius:10px}.rcm-dropdown::-webkit-scrollbar-thumb{background:#fecaca;border-radius:10px}.rcm-empty{text-align:center;color:#9ca3af;padding:16px;font-size:13px}.rcm-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .12s;display:flex}.rcm-option:hover{background:#fef2f2}.rcm-remove-status{border-radius:10px;align-items:flex-start;gap:8px;margin:4px 24px 8px;padding:11px 15px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.rcm-remove-status--success{color:#16a34a;background:#f0fdf4;border:1.5px solid #bbf7d0}.rcm-remove-status--already{color:#b45309;background:#fffbeb;border:1.5px solid #fde68a}.rcm-remove-status--error{color:#dc2626;background:#fef2f2;border:1.5px solid #fecaca}.rcm-actions{background:#fff;border-top:1px solid #fff0f0;border-radius:0 0 16px 16px;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:14px 24px 22px;display:grid}.rcm-btn-cancel,.rcm-btn-remove{cursor:pointer;border:none;border-radius:11px;height:46px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s}.rcm-btn-cancel{color:#374151;background:#f3f4f6;border:1.5px solid #d1d5db}.rcm-btn-cancel:hover{background:#e5e7eb}.rcm-btn-remove{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 14px #dc262652}.rcm-btn-remove:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 6px 18px #dc26266b}.rcm-btn-remove:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.rcm-field-error{color:#dc2626;align-items:center;gap:5px;margin:6px 0 0;font-size:12px;font-weight:500;display:flex}.rcm-field-error-icon{color:#fff;background:#dc2626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;min-width:15px;height:15px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.rcm-input-error{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.acm-dropdown,.rcm-dropdown{z-index:99999;max-height:180px;overflow-y:auto}@media (width<=540px){.rcm-overlay{align-items:flex-end;padding:0}.rcm-box{border-radius:20px 20px 0 0;max-width:100%;animation:.28s cubic-bezier(.34,1.2,.64,1) rcmInMobile}@keyframes rcmInMobile{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.rcm-header{border-radius:20px 20px 0 0;padding:18px 18px 14px}.rcm-body{padding:18px 18px 8px}.rcm-picker-row{grid-template-columns:1fr;gap:8px}.rcm-remove-status{margin:4px 18px 8px}.rcm-actions{grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px 28px}.rcm-picker:last-of-type .rcm-dropdown{top:auto;bottom:calc(100% + 6px)}}@media (width<=380px){.rcm-actions{grid-template-columns:1fr}.rcm-btn-remove{order:-1}}.cgm-overlay{z-index:999;background:#0f172a7a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cgm-box{background:#fff;border-top:4px solid #5b5bd6;border-radius:18px;flex-direction:column;width:100%;max-width:620px;max-height:88vh;animation:.18s cgmIn;display:flex;overflow:hidden;box-shadow:0 24px 70px #0f172a47}@keyframes cgmIn{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.cgm-header{background:#eef2ff;border-bottom:1px solid #e0e5f2;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.cgm-box.manage-mode .cgm-header{background:#fffbeb;border-bottom:1px solid #fde68a}.cgm-header-content{flex:1}.cgm-header h3{color:#5b5bd6;text-align:left;margin:0 0 3px;font-size:18px;font-weight:800}.cgm-box.manage-mode .cgm-header h3{color:#f59e0b}.cgm-header p{color:#6b7280;text-align:left;margin:0;font-size:13px}.cgm-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:2px 6px;font-size:20px;line-height:1;transition:background .15s,color .15s;display:flex}.cgm-close:hover{color:#374151;background:#e0e5f2}.cgm-box.manage-mode .cgm-close:hover{color:#374151;background:#fde68a}.cgm-group-info{border-bottom:1px solid #eef2f7;flex-shrink:0;grid-template-columns:58px 1fr;gap:14px;padding:18px 22px;display:grid}.cgm-photo-btn{color:#5b5bd6;cursor:pointer;background:#5b5bd61f;border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.cgm-box.manage-mode .cgm-photo-btn{color:#f59e0b;background:#f59e0b1f}.cgm-group-input{color:#1a1a2e;background:0 0;border:none;border-bottom:2px solid #d1d5db;outline:none;align-self:center;padding:4px 0;font-size:16px;font-weight:600}.cgm-group-input:focus{border-bottom-color:#5b5bd6}.cgm-box.manage-mode .cgm-group-input:focus{border-bottom-color:#f59e0b}.cgm-selected-wrap{border-bottom:1px solid #eef2f7;flex-wrap:wrap;flex-shrink:0;gap:8px;max-height:86px;padding:12px 22px;display:flex;overflow-y:auto}.cgm-chip{color:#5b5bd6;background:#5b5bd61f;border-radius:999px;align-items:center;gap:7px;padding:6px 8px 6px 6px;font-size:13px;font-weight:700;display:flex}.cgm-chip.manage{color:#d97706;background:#f59e0b1f}.cgm-chip-avatar{color:#fff;background:#5b5bd6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:flex}.cgm-chip-avatar.manage{background:#f59e0b}.cgm-chip button{color:#5b5bd6;cursor:pointer;background:0 0;border:none;font-size:16px}.cgm-chip.manage button{color:#d97706}.cgm-avatar{color:#fff;background:#5b5bd6;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex}.cgm-avatar.manage{background:#f59e0b}.cgm-search{color:#6b7280;background:#e8ecef;border-radius:999px;flex-shrink:0;align-items:center;gap:10px;height:44px;margin:14px 22px;padding:0 14px;display:flex}.cgm-search input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;font-size:14px}.cgm-users-list{flex:1;min-height:170px;padding:0 12px 10px;overflow-y:auto}.cgm-user-row{cursor:pointer;text-align:left;background:#fff;border:none;border-radius:12px;grid-template-columns:44px 1fr auto 26px;align-items:center;gap:12px;width:100%;padding:11px 10px;display:grid}.cgm-user-row:hover,.cgm-user-row.selected{background:#5b5bd614}.cgm-user-row.manage-mode:hover,.cgm-user-row.manage-mode.selected{background:#f59e0b14}.cgm-user-info{flex-direction:column;display:flex;overflow:hidden}.cgm-user-info strong{color:#1a1a2e;font-size:14px}.cgm-user-info small{color:#6b7280;font-size:12px}.cgm-role{text-transform:capitalize;color:#2ec4b6;background:#2ec4b626;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.cgm-check{color:#fff;background:#5b5bd6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:flex}.cgm-check.manage{background:#f59e0b}.cgm-check-empty{width:22px;height:22px;display:block}.cgm-empty{text-align:center;color:#6b7280;padding:28px;font-size:14px}.cgm-actions{background:#fff;border-top:1px solid #eef2f7;flex-shrink:0;grid-template-columns:1fr 1fr;gap:12px;padding:16px 22px 20px;display:grid}.cgm-cancel,.cgm-create{cursor:pointer;border:none;border-radius:12px;height:46px;font-size:14px;font-weight:800}.cgm-cancel{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.cgm-create{color:#fff;background:#5b5bd6;box-shadow:0 10px 24px #5b5bd640}.cgm-create:hover:not(:disabled){background:#4f46e5}.cgm-create.manage{color:#fff;background:#f59e0b;box-shadow:0 10px 24px #f59e0b47}.cgm-create.manage:hover:not(:disabled){background:#d97706}.cgm-create:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.cgm-box.manage-mode{border-top:4px solid #f59e0b}@media (width<=560px){.cgm-overlay{align-items:flex-end;padding:0}.cgm-box{border-radius:18px 18px 0 0;max-width:100%;height:92vh;max-height:92vh}.cgm-header{padding:18px 48px 14px}.cgm-close{top:16px;left:16px}.cgm-header h3{font-size:18px}.cgm-header p{font-size:12px}.cgm-group-info{grid-template-columns:48px 1fr;padding:16px}.cgm-photo-btn{width:48px;height:48px;font-size:22px}.cgm-selected-wrap{max-height:76px;padding:10px 16px}.cgm-search{margin:12px 16px}.cgm-users-list{flex:1;min-height:130px;padding:0 10px 10px}.cgm-user-row{grid-template-columns:42px 1fr 24px}.cgm-role{display:none}.cgm-actions{grid-template-columns:1fr;padding:14px 16px 18px}}.gmm-overlay{z-index:999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gmm-box{background:#fff;border-top:4px solid #5b5bd6;border-radius:18px;width:430px;max-width:92%;overflow:hidden;box-shadow:0 24px 70px #0f172a47}.gmm-header{background:#f5f6ff;border-bottom:1px solid #e0e5f2;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.gmm-header h3{color:#5b5bd6;margin:0;font-size:20px;font-weight:800}.gmm-header p{color:#6b7280;margin:4px 0 0}.gmm-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.gmm-close:hover{color:#5b5bd6;background:#5b5bd61f}.gmm-list{max-height:380px;padding:12px;overflow-y:auto}.gmm-member{grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin:10px;display:grid}.gmm-member:hover{background:#f4f7fb}.gmm-avatar{color:#1a1a2e;background:#e9efff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.gmm-info{min-width:0}.gmm-info strong{color:#1a1a2e}.gmm-info p{color:#6b7280;word-break:break-word;margin:3px 0 0;font-size:13px}.gmm-role{text-transform:capitalize;color:#2ec4b6;background:#2ec4b626;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}@media (width<=520px){.gmm-overlay{align-items:flex-end}.gmm-box{border-radius:18px 18px 0 0;width:100%;max-width:100%}.gmm-member{grid-template-columns:42px 1fr auto}.gmm-role{display:none}}:root{--am-bg:#e8ecef;--am-card:#fff;--am-text:#1a1a2e;--am-muted:#6b7280;--am-primary:#5b5bd6;--am-primary-dk:#4f46e5;--am-teal:#2ec4b6;--am-teal-dk:#0d9488;--am-border:#c8d0d8;--am-shadow:0 2px 12px #00000012}.am-root{background:var(--am-bg);align-items:flex-start;min-height:100vh;display:flex}.am-main{background:var(--am-bg);box-sizing:border-box;flex-direction:column;flex:1;gap:24px;min-width:0;min-height:100vh;padding:32px 36px;display:flex;overflow-y:auto}.am-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.am-page-header__left{flex-direction:column;gap:4px;display:flex}.am-page-title{color:var(--am-text);letter-spacing:-.3px;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:800;display:flex}.am-page-title__icon{font-size:22px}.am-page-subtitle{color:var(--am-muted);margin:0;font-size:14px}.am-total-badge{color:#fff;text-align:center;background:#5b5bd6;border-left:4px solid #2ec4b6;border-radius:12px;flex-shrink:0;min-width:130px;padding:12px 24px;box-shadow:0 2px 12px #5b5bd638}.am-total-badge__label{letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.am-total-badge__count{font-size:30px;font-weight:800;line-height:1;display:block}.am-section{flex-direction:column;gap:16px;display:flex}.am-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.am-top__left{align-items:center;gap:12px;display:flex}.am-section-label{align-items:center;gap:8px;display:flex}.am-section-label__icon{font-size:18px}.am-section-label__text{color:var(--am-text);font-size:17px;font-weight:700}.am-section-label__badge{color:#0d9488;background:#2ec4b61a;border:1px solid #2ec4b640;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.am-top__right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.am-search-wrap{background:var(--am-card);border:1px solid var(--am-border);border-radius:8px;align-items:center;gap:8px;min-width:300px;padding:9px 14px;display:flex}.am-search{color:var(--am-text);background:0 0;border:none;outline:none;width:100%;font-size:14px}.am-search::placeholder{color:var(--am-muted)}.am-top-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.am-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .18s,background .18s;display:inline-flex}.am-btn:hover{opacity:.88}.am-btn svg{flex-shrink:0}.am-btn--sort{color:#1a1a2e;background:#fff;border:1.5px solid #c8d0d8;font-weight:600;transition:all .18s;box-shadow:0 1px 3px #00000014}.am-btn--sort:hover{color:#5b5bd6;opacity:1;background:#f5f3ff;border-color:#5b5bd6}.Manual-short{justify-content:flex-end;align-items:center;width:100%;display:flex}.am-btn--new{background:var(--am-primary);color:#fff}.am-table-wrap{width:100%;box-shadow:var(--am-shadow);background:var(--am-card);border:1px solid var(--am-border);border-radius:12px;overflow:hidden}.am-table{border-collapse:separate;border-spacing:0;table-layout:auto;background:var(--am-card);width:100%;font-size:14px}.am-table thead tr{background:#5b5bd6}.am-table thead th:first-child{border-top-left-radius:12px}.am-table thead th:last-child{border-top-right-radius:12px}.am-table thead th{color:#fff;text-align:center;white-space:nowrap;letter-spacing:0;padding:14px 16px;font-family:DM Sans,Segoe UI,sans-serif;font-size:14px;font-weight:500}.am-table tbody tr{border-bottom:1px solid var(--am-border);transition:background .15s}.am-table tbody tr:last-child{border-bottom:none}.am-table tbody tr:hover{background:#4f46e508}.am-table tbody td{color:var(--am-text);vertical-align:middle;text-align:center;word-break:break-word;padding:14px 16px}.am-table tbody td:nth-child(2),.am-table tbody td:nth-child(3),.am-table tbody td:nth-child(4),.am-table thead th:nth-child(2),.am-table thead th:nth-child(3),.am-table thead th:nth-child(4){text-align:left}.am-module-title{color:var(--am-text);font-size:18px;font-weight:700}.am-module-description{color:#6b7280;text-align:justify;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:420px;margin-top:6px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.am-module-sub{color:var(--am-muted);margin-top:2px;font-size:12px}.am-cat-badge{color:var(--am-primary);white-space:nowrap;background:0 0;border:1.5px solid #5b5bd659;border-radius:20px;align-items:center;padding:4px 13px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.am-subcat-badge{color:#fff;white-space:nowrap;letter-spacing:.01em;background:#5b5bd6e0;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.am-price{color:var(--am-primary);font-size:14px;font-weight:800}.am-free-badge{color:var(--am-teal-dk);background:#2ec4b626;border:1px solid #2ec4b64d;border-radius:20px;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.am-paid-badge{color:var(--am-primary);background:#5b5bd61a;border:1px solid #5b5bd640;border-radius:20px;align-items:center;gap:5px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.am-free-badge svg{width:10px;height:10px;stroke:var(--am-teal-dk)}.am-status-badge{white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.am-status-badge--active{color:var(--am-teal-dk);background:#2ec4b621;border:1px solid #2ec4b64d}.am-status-badge--draft{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40}.am-status-badge--archived{color:#4b5563;background:#6b72801a;border:1px solid #6b728033}.am-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.am-action-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;height:30px;padding:0 10px;font-size:12px;font-weight:600;transition:opacity .18s;display:inline-flex}.am-action-btn:hover{opacity:.8}.am-action-btn svg{stroke:#fff;flex-shrink:0;width:13px;height:13px}.am-action--lectures{background:var(--am-primary);padding:0 12px}.am-action--edit{background:#f59e0b}.am-action--swap{background:var(--am-teal)}.am-action--delete{background:#ef4444}.am-empty{color:var(--am-muted);font-size:15px;text-align:center!important;padding:40px!important}.am-sort-banner{box-sizing:border-box;background:#5b5bd6;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:0;padding:11px 18px;animation:.22s am-banner-in;display:flex;box-shadow:0 3px 12px #5b5bd64d}@keyframes am-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.am-sort-banner__info{color:#fff;letter-spacing:.01em;align-items:center;gap:9px;font-size:.87rem;font-weight:700;display:flex}.am-sort-banner__icon-wrap{background:#ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.am-sort-banner__actions{flex-shrink:0;gap:8px;display:flex}.am-sort-btn{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:.81rem;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.am-sort-btn:hover{opacity:.87;transform:translateY(-1px)}.am-sort-btn:active{transform:translateY(0)}.am-sort-btn--save{color:#fff;background:#2ec4b6}.am-sort-btn--reset{color:#fff;background:#f59e0b}.am-sort-btn--cancel{color:#fff;background:#ef4444}.am-btn--sort-active{opacity:.45;cursor:not-allowed;pointer-events:none}.am-drag-col{text-align:center;width:60px}.am-drag-handle-cell{text-align:center;vertical-align:middle;width:60px}.am-drag-handle{color:#9ca3af;cursor:grab;border-radius:5px;justify-content:center;align-items:center;padding:5px;transition:color .15s,background .15s;display:inline-flex}.am-drag-handle:hover{color:#5b5bd6;background:#5b5bd617}.am-drag-handle:active{cursor:grabbing}.am-row--sortable{cursor:grab;-webkit-user-select:none;user-select:none;transition:background .12s,box-shadow .12s,opacity .12s}.am-row--sortable:hover{background:#5b5bd60a}.am-row--sortable:active{cursor:grabbing;opacity:.68;box-shadow:0 4px 18px #0000001c}.am-action-btn:disabled,.am-btn:disabled{opacity:.38;pointer-events:none;cursor:not-allowed}.am-search:disabled{opacity:.45;cursor:not-allowed}.am-thumb-img{object-fit:cover;border:1px solid var(--am-border);border-radius:6px;width:172px;height:146px;margin:0 auto;display:block}.am-thumb-placeholder{border:1px dashed var(--am-border);width:72px;height:46px;color:var(--am-muted);background:#f9fafb;border-radius:6px;justify-content:center;align-items:center;margin:0 auto;font-size:10px;display:flex}.am-module-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.am-created-by{color:#0d9488;background:#2ec4b61a;border:1px solid #2ec4b640;border-radius:20px;margin-left:14px;padding:3px 10px;font-size:12px;font-weight:700}@media (width<=1300px){.am-table-wrap{overflow:auto visible}.am-table thead th{white-space:nowrap}}@media (width<=1100px){.am-table-wrap{overflow:auto visible}.am-table thead th{white-space:normal;word-break:break-word}}@media (width<=1260px){.am-root .asb-sidebar:not(.open){display:none!important}.am-root~.asb-hamburger,.am-root .asb-hamburger{display:flex!important}}@media (width<=980px){.am-main{box-sizing:border-box;overflow-x:hidden;min-width:0!important}.am-table-wrap{overflow:auto visible}}@media (width<=768px){.am-main{padding:20px 16px}.am-top{flex-direction:column;align-items:flex-start}.am-top__right{flex-direction:column;align-items:flex-start;width:100%}.am-search-wrap{min-width:unset;width:100%}.am-top-actions{width:100%}.am-btn--new{justify-content:center;width:100%}.am-table-wrap{overflow:auto visible}}@media (width<=1046px){.am-table-wrap{box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.am-table,.am-table tbody{width:100%!important;min-width:unset!important;display:block!important}.am-table thead{display:none!important}.am-table tbody tr{background:#fff!important;border:1px solid #eee!important;border-radius:10px!important;margin-bottom:15px!important;display:block!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000f!important}.am-table tbody td{box-sizing:border-box!important;word-break:break-word!important;white-space:normal!important;vertical-align:middle!important;text-align:left!important;border-bottom:1px solid #eee!important;min-height:44px!important;padding:12px 12px 12px 45%!important;font-size:14px!important;display:block!important;position:relative!important}.am-table tbody td:last-child{border-bottom:none!important}.am-table tbody td:before{content:attr(data-title)!important;color:#fff!important;box-sizing:border-box!important;background:#5b5bd6!important;align-items:center!important;width:40%!important;height:100%!important;padding:12px!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}.am-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;display:flex!important}.am-action-btn{height:30px!important;padding:0 10px!important}.am-thumb-img{width:180px!important;height:120px!important;margin-left:0!important;margin-right:auto!important}.am-thumb-placeholder{margin-left:0!important;margin-right:auto!important}}.amm-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.amm-modal{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:560px;margin:auto;animation:.22s ammSlideIn;display:flex}@keyframes ammSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.amm-header{border-bottom:1px solid #e5e7eb;border-top:4px solid var(--amm-accent,#5b5bd6);background:var(--amm-accent-light,#5b5bd614);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:28px 28px 20px;display:flex}.amm-title{color:var(--amm-accent,#5b5bd6);margin:0;font-size:20px;font-weight:700}.amm-input:focus,.amm-textarea:focus,.amm-select:focus{border-color:var(--amm-accent,#5b5bd6);box-shadow:0 0 0 3px var(--amm-accent-light,#5b5bd61a)}.amm-close{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:background .15s,color .15s}.amm-close:hover{background:var(--amm-accent-light);color:var(--amm-accent)}.amm-body{flex-direction:column;gap:16px;max-height:68vh;padding:20px 24px;display:flex;overflow-y:auto}.amm-body::-webkit-scrollbar{width:5px}.amm-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.amm-field{flex-direction:column;gap:6px;display:flex}.amm-label{color:#374151;font-size:13px;font-weight:600}.amm-input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s}.amm-input:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.amm-input--err{border-color:#e24b4a;box-shadow:0 0 0 3px #e24b4a17}.amm-textarea{color:#1a1a2e;box-sizing:border-box;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s}.amm-textarea:focus{border-color:#5b5bd6;box-shadow:0 0 0 3px #5b5bd61a}.amm-file{color:#6b7280;font-size:13px}.amm-select{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s}.amm-select:focus{border-color:#5b5bd6}.amm-cat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.amm-cat-item{cursor:pointer;color:#1a1a2e;-webkit-user-select:none;user-select:none;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.amm-cat-item:hover{background:#f5f3ff;border-color:#c4b5fd}.amm-cat-item--active{color:#5b5bd6;background:#eeeefd;border-color:#5b5bd6;font-weight:700}.amm-radio{accent-color:#5b5bd6;flex-shrink:0}.amm-custom-row{gap:8px;margin-top:8px;display:flex}.amm-custom-row .amm-input{flex:1}.amm-btn-custom{color:#fff;cursor:pointer;white-space:nowrap;background:#5b5bd6;border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:700;transition:opacity .18s}.amm-btn-custom:hover{opacity:.88}.amm-subcat-placeholder{text-align:center;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;font-size:14px}.amm-subcat-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.amm-subcat-item{color:#1a1a2e;cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #e5e7eb;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.amm-subcat-item input{accent-color:#5b5bd6}.amm-subcat-item:hover{background:#f5f3ff;border-color:#c4b5fd}.amm-subcat-item--active{color:#fff;background:#5b5bd6d9;border-color:#5b5bd6;font-weight:700}.amm-subcat-custom{flex:1;min-width:160px}.amm-tip{color:#6b7280;margin:4px 0 0;font-size:12px}.amm-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.amm-err{color:#e24b4a;margin-top:2px;font-size:11.5px}.amm-footer{border-top:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:12px;padding:16px 24px 22px;display:grid}.amm-btn{cursor:pointer;border:none;border-radius:8px;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.amm-btn--create{background:var(--amm-accent,#5b5bd6);color:#fff;box-shadow:0 4px 14px var(--amm-accent-light,#5b5bd647)}.amm-btn--create:hover{filter:brightness(.92)}.amm-btn--create:active{transform:scale(.98)}.amm-btn--cancel{color:#1a1a2e;background:#e8ecef;border:1.5px solid #c8d0d8}.amm-btn--cancel:hover{background:#d5dae0}.amm-btn{justify-content:center;align-items:center;gap:8px;display:flex}.amm-btn-icon{align-items:center;font-size:17px;line-height:1;display:inline-flex}@media (width<=560px){.amm-cat-grid,.amm-row-3{grid-template-columns:1fr}}:root{--clr-primary:#5b5bd6;--clr-primary-dk:#4848b8;--clr-primary-lt:#ededfb;--clr-bg:#e8ecef;--clr-surface:#fff;--clr-text:#1a1a2e;--clr-muted:#6b7280;--clr-teal:#2ec4b6;--clr-teal-lt:#d6f5f3;--clr-green:#22c55e;--clr-green-lt:#dcfce7;--clr-red:#ef4444;--clr-red-lt:#fee2e2;--clr-orange:#f97316;--clr-orange-lt:#ffedd5;--clr-border:#dde1e7;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 4px #5b5bd612;--shadow-md:0 4px 16px #5b5bd621;--shadow-lg:0 8px 32px #5b5bd62e;--font-main:"Segoe UI", "Inter", system-ui, sans-serif}.al-root{background:var(--clr-bg);min-height:100vh;font-family:var(--font-main);color:var(--clr-text)}.al-layout{min-height:100vh;display:flex}.al-main{flex:1;min-width:0;padding:28px 32px 48px;overflow-x:hidden}.al-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.al-back-btn{color:var(--clr-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.al-back-btn:hover{opacity:1;color:#fff;background:var(--clr-primary)}.al-manage-btn{background:var(--clr-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:background .2s,transform .15s,box-shadow .15s;display:inline-flex}.al-manage-btn:hover{background:var(--clr-primary-dk);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.al-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.al-page-title{color:var(--clr-text);align-items:center;gap:10px;margin:0 0 7px;font-size:28px;font-weight:800;line-height:1.2;display:flex}.al-page-title__icon{font-size:26px}.al-module-meta{color:var(--clr-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.al-meta-dot{color:#c5cad3}.al-meta--free{color:var(--clr-green);font-weight:700}.al-meta--paid{color:var(--clr-primary);font-weight:700}.al-total-badge{background:var(--clr-primary);color:#fff;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);flex-shrink:0;min-width:128px;padding:14px 28px}.al-total-badge__label{text-transform:uppercase;letter-spacing:.09em;opacity:.85;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.al-total-badge__count{font-size:38px;font-weight:600;line-height:1;display:block}.al-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.al-stat-card{background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border);align-items:center;gap:16px;padding:18px 20px;transition:box-shadow .2s,transform .2s;display:flex}.al-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.al-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.al-stat-card--blue .al-stat-icon{background:#dde8ff}.al-stat-card--green .al-stat-icon{background:var(--clr-green-lt)}.al-stat-card--red .al-stat-icon{background:var(--clr-red-lt)}.al-stat-card--orange .al-stat-icon{background:var(--clr-orange-lt)}.al-stat-label{color:var(--clr-muted);white-space:nowrap;margin-bottom:3px;font-size:12px;font-weight:500}.al-stat-value{color:var(--clr-text);font-size:24px;font-weight:800;line-height:1}.al-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.al-search-wrap{background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;min-width:220px;padding:9px 14px;transition:border-color .18s,box-shadow .18s;display:flex}.al-search-wrap:focus-within{border-color:var(--clr-primary);box-shadow:0 0 0 3px #5b5bd61a}.al-search{color:var(--clr-text);background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.al-search::placeholder{color:var(--clr-muted)}.al-filter-select{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text);background:var(--clr-surface);cursor:pointer;appearance:auto;outline:none;padding:9px 12px;font-size:13px;transition:border-color .18s}.al-filter-select:focus{border-color:var(--clr-primary)}.al-btn--reorder{border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid var(--clr-primary);background:var(--clr-surface);color:var(--clr-primary);white-space:nowrap;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .18s;display:inline-flex}.al-btn--reorder:hover{background:var(--clr-primary-lt)}.al-btn--reorder-on{background:var(--clr-green);color:#fff;border-color:var(--clr-green)}.al-btn--new{border-radius:var(--radius-sm);cursor:pointer;background:var(--clr-primary);color:#fff;box-shadow:var(--shadow-sm);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:background .18s,transform .15s,box-shadow .15s;display:inline-flex}.al-btn--new:hover{background:var(--clr-primary-dk);box-shadow:var(--shadow-md);transform:translateY(-1px)}.al-section{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--clr-border);overflow:hidden}.al-reorder-dropdown{background:var(--clr-surface);border:1.5px solid var(--clr-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;min-width:160px;position:absolute;top:calc(100% + 6px);left:50%;overflow:hidden;transform:translate(-50%)}.al-reorder-dropdown__item{width:100%;color:var(--clr-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.al-reorder-dropdown__item.top{color:#5b5bd6}.al-reorder-dropdown__item.bottom{color:#22c55e}.al-reorder-dropdown__item:hover{background:var(--clr-primary-lt);color:var(--clr-primary)}.al-action--above{background:var(--clr-primary);color:#fff}.al-action--below{background:var(--clr-green);color:#fff}.al-reorder-banner{background:linear-gradient(90deg, var(--clr-green-lt) 0%, var(--clr-teal-lt) 100%);border:2px solid var(--clr-border);border-left:4px solid var(--clr-primary);color:var(--clr-text);border-radius:10px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 18px;font-size:14px;display:flex}.al-reorder-banner strong{color:var(--clr-primary)}.al-reorder-banner__icon{color:var(--clr-primary-dk);font-size:18px}.al-module-tag{border:2px solid var(--clr-border);border-left:4px solid var(--clr-primary);background:linear-gradient(90deg, var(--clr-primary-lt) 0%, #f6f6ff 100%);border-radius:10px;align-items:center;gap:10px;margin-bottom:10px;padding:13px 20px;display:flex}.al-tag-icon{font-size:16px}.al-tag-name{color:var(--clr-primary);font-size:14px;font-weight:700}.al-tag-count{background:var(--clr-primary);color:#fff;border-radius:20px;padding:3px 12px;font-size:11.5px;font-weight:700}.al-table-wrap{overflow-x:auto}.al-table{border-collapse:collapse;width:100%;font-size:13.5px}.al-table thead tr{background:var(--clr-primary)}.al-table thead th{color:#fff;text-align:center;letter-spacing:.03em;white-space:nowrap;padding:14px 18px;font-size:13px;font-weight:700}.al-table thead th:nth-child(2){text-align:left;padding-right:16px}.al-row{border-bottom:1px solid var(--clr-border);transition:background .15s}.al-row:last-child{border-bottom:none}.al-row:hover{background:#f7f8fc}.al-table td{vertical-align:middle;text-align:center;padding:16px 18px}.al-td-num{color:var(--clr-muted);text-align:center;width:42px;font-weight:700}.al-lec-title{color:var(--clr-text);text-align:left;margin-bottom:3px;font-size:14px;font-weight:700}.al-lec-desc{color:var(--clr-muted);text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:380px;margin-bottom:7px;font-size:12.5px;overflow:hidden}.al-lec-meta{align-items:center;gap:8px;display:flex}.al-type-badge{background:var(--clr-primary-lt);color:var(--clr-primary);letter-spacing:.06em;border-radius:4px;padding:2px 8px;font-size:10.5px;font-weight:800}.al-duration{color:var(--clr-muted);align-items:center;gap:4px;font-size:12px;display:flex}.al-access-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.al-access--free{background:var(--clr-teal-lt);color:var(--clr-teal);border:1.5px solid #9ee9e3}.al-access--paid{background:var(--clr-red-lt);color:var(--clr-red);border:1.5px solid #fca5a5}.al-resource-thumb{border-radius:var(--radius-sm);background:var(--clr-primary-lt);border:1px solid var(--clr-border);justify-content:center;align-items:center;width:200px;height:180px;margin:0 auto;display:flex;overflow:hidden}.al-resource-thumb img{object-fit:contain;background:#000;max-width:100%;max-height:100%;display:block}.al-thumb-placeholder{opacity:.7;font-size:26px}.al-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.al-action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:filter .18s,transform .15s;display:inline-flex}.al-action-btn:hover{filter:brightness(.88);transform:translateY(-1px)}.al-action--view{background:var(--clr-teal);color:#fff}.al-action--edit{background:var(--clr-orange);color:#fff}.al-action--delete{background:var(--clr-red);color:#fff}.al-empty{text-align:center;color:var(--clr-muted);padding:52px 0;font-size:14px}.alm-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#1a1a2e7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.alm-modal{background:var(--clr-surface);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s cubic-bezier(.22,.68,0,1.2) alm-up;display:flex}.alm-modal--sm{max-width:420px}@keyframes alm-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.alm-header{border-bottom:1px solid var(--clr-border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.alm-header-left{align-items:center;gap:12px;display:flex}.alm-header-icon{background:var(--clr-primary-lt);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.alm-header-icon--danger{background:var(--clr-red-lt)}.alm-title{color:var(--clr-text);margin:0 0 3px;font-size:17px;font-weight:800}.alm-subtitle{color:var(--clr-muted);margin:0;font-size:12px}.alm-close{color:var(--clr-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:22px;line-height:1;transition:color .15s,background .15s}.alm-modal--edit .alm-close:hover{color:#d97706;background:#f59e0b1f}.alm-modal--bottom .alm-close:hover,.alm-modal--below .alm-close:hover{color:#16a34a;background:#22c55e1f}.alm-modal--top .alm-close:hover,.alm-modal--above .alm-close:hover,.alm-modal--add .alm-close:hover{color:#5b5bd6;background:#5b5bd61f}.alm-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.alm-field{flex-direction:column;gap:5px;display:flex}.alm-label{color:var(--clr-text);font-size:12.5px;font-weight:700}.alm-input,.alm-textarea,.alm-select{border:1.5px solid var(--clr-border);border-radius:var(--radius-sm);color:var(--clr-text);background:var(--clr-surface);font-size:13px;font-family:var(--font-main);outline:none;padding:9px 12px;transition:border-color .18s,box-shadow .18s}.alm-input:focus,.alm-textarea:focus,.alm-select:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px #5b5bd61a}.alm-textarea{resize:vertical}.alm-input--err{border-color:var(--clr-red)!important}.alm-err{color:var(--clr-red);font-size:11.5px;font-weight:500}.alm-file{color:var(--clr-muted);font-size:13px}.alm-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.alm-confirm-text{color:var(--clr-muted);margin:0;font-size:14px;line-height:1.6}.alm-confirm-text strong{color:var(--clr-text)}.alm-footer{border-top:1px solid var(--clr-border);gap:10px;padding:16px 24px 20px;display:flex}.alm-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .18s;display:inline-flex}.alm-btn--create{background:var(--clr-primary);color:#fff;box-shadow:var(--shadow-sm)}.alm-btn--create:hover{background:var(--clr-primary-dk);transform:translateY(-1px)}.alm-btn--danger{background:var(--clr-red);color:#fff}.alm-btn--danger:hover{background:#dc2626;transform:translateY(-1px)}.alm-btn--cancel{background:var(--clr-bg);color:var(--clr-muted);border:1px solid var(--clr-border)}.alm-btn--cancel:hover{background:var(--clr-border)}@media (width<=900px){.al-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.al-main{width:100%!important;margin-left:0!important;padding-top:20px!important}}@media (width<=640px){.al-main{padding:16px}.al-stats{grid-template-columns:repeat(2,1fr)}.al-toolbar{flex-direction:column;align-items:stretch}.al-page-header{flex-direction:column}.alm-row-3{grid-template-columns:1fr}.al-action-btn span{display:none}.al-action-btn{padding:7px 9px}}@media (width<=890px){.al-table-wrap{box-shadow:none!important;background:0 0!important;border-radius:0!important;overflow:visible!important}.al-table,.al-table tbody{width:100%!important;min-width:unset!important;display:block!important}.al-table thead{display:none!important}.al-table tbody tr{background:#fff!important;border:1px solid #eee!important;border-radius:10px!important;margin-bottom:15px!important;display:block!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000f!important}.al-table tbody td{box-sizing:border-box!important;word-break:break-word!important;white-space:normal!important;vertical-align:middle!important;text-align:left!important;border-bottom:1px solid #eee!important;min-height:44px!important;padding:12px 12px 12px 45%!important;font-size:14px!important;display:block!important;position:relative!important}.al-table tbody td:last-child{border-bottom:none!important}.al-table tbody td:before{content:attr(data-title)!important;color:#fff!important;box-sizing:border-box!important;background:#5b5bd6!important;justify-content:flex-start!important;align-items:center!important;width:40%!important;padding:0 16px!important;font-size:13px!important;font-weight:600!important;display:flex!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.al-actions{flex-wrap:wrap!important;justify-content:flex-start!important;align-items:flex-start!important;gap:6px!important;display:flex!important}.al-action-btn{padding:7px 9px!important}.al-action-btn span{display:none!important}.al-resource-thumb{width:180px!important;height:120px!important;margin-left:0!important;margin-right:auto!important}.al-td-resource{text-align:left!important}.al-lec-desc{white-space:normal!important;max-width:100%!important;text-overflow:unset!important;text-align:left!important;overflow:visible!important}.al-lec-title{text-align:left!important}.al-access-badge,.al-access--free,.al-access--paid{text-align:left!important;justify-content:flex-start!important}.al-table tbody td[data-title=\#]{min-height:44px!important}.al-td-num{text-align:left!important;width:auto!important}.al-lec-meta,.al-duration{justify-content:flex-start!important}.al-table tbody td[data-title=Lecture\ Details]{text-align:left!important}}.al-play-thumb{cursor:pointer;border-radius:8px;display:inline-block;position:relative;overflow:hidden}.al-play-thumb:hover{opacity:.92}.al-play-overlay{color:#fff;z-index:5;pointer-events:none;background:#5b5bd6eb;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:auto;font-size:20px;font-weight:800;display:flex;position:absolute;inset:0;box-shadow:0 8px 24px #00000040}.al-play-thumb:hover .al-play-overlay{transform:scale(1.08)}.alm-modal--lg{border-top:5px solid #4848b8;max-width:620px}.alm-header--new{border-bottom:1px solid var(--clr-border);background:#f8f9fc;padding:22px 28px 18px}.alm-header-icon--plus{background:var(--clr-primary);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.alm-title--lg{color:var(--clr-text);margin:0;font-size:20px;font-weight:800}.alm-body--new{gap:18px;padding:22px 28px}.alm-select--full{width:100%}.alm-input--dashed{margin-top:6px;background:#fafafe!important;border-style:dashed!important}.alm-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.alm-upload-box{border:2px dashed var(--clr-border);border-radius:var(--radius-md);background:#fafafe;padding:16px 18px}.alm-upload-title{color:var(--clr-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:13.5px;font-weight:700;display:flex}.alm-upload-row{flex-direction:column;gap:6px;display:flex}.alm-upload-file-label{color:var(--clr-text);font-size:12.5px;font-weight:600}.alm-paid-box{border:1.5px solid var(--clr-border);border-radius:var(--radius-md);background:#fffbea;padding:14px 18px;transition:border-color .2s,background .2s}.alm-paid-box--active{background:#fffbea;border-color:#f59e0b}.alm-paid-row{align-items:center;gap:12px;display:flex}.alm-paid-check-label{cursor:pointer;color:var(--clr-text);align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.alm-paid-checkbox{width:17px;height:17px;accent-color:var(--clr-primary);cursor:pointer}.alm-paid-lock{font-size:14px}.alm-paid-text{color:#b45309;font-weight:700}.alm-paid-sub{color:var(--clr-muted);margin-left:4px;font-size:12px}.alm-footer--new{gap:12px;padding:18px 28px 22px}.alm-btn--create-lg{border-radius:var(--radius-md);background:var(--clr-primary);flex:1;justify-content:center;padding:13px 24px;font-size:14.5px}.alm-btn--cancel-lg{border-radius:var(--radius-md);color:#1a1a2e;background:#e8ecef;border:1.5px solid #c8d0d8;flex:1;justify-content:center;padding:13px 24px;font-size:14.5px}.alm-btn--cancel-lg:hover{background:#d5dae0}@media (width<=640px){.alm-row-2{grid-template-columns:1fr}.alm-modal--lg{max-width:100%}}.alm-modal--add .alm-header--new,.alm-modal--top .alm-header--new,.alm-modal--above .alm-header--new{background:#5b5bd614}.alm-modal--edit .alm-header--new{background:#f59e0b1a}.alm-modal--bottom .alm-header--new,.alm-modal--below .alm-header--new{background:#22c55e1a}.alm-modal--add .alm-title--lg,.alm-modal--top .alm-title--lg,.alm-modal--above .alm-title--lg{color:#5b5bd6}.alm-modal--bottom .alm-title--lg,.alm-modal--below .alm-title--lg{color:#16a34a}.alm-modal--add{border-top:5px solid #4848b8}.alm-modal--edit{border-top:5px solid #f59e0b}.alm-modal--edit .alm-title--lg,.alm-modal--edit .alm-upload-title{color:#d97706}.alm-modal--edit .alm-btn--create{background:#f59e0b}.alm-modal--edit .alm-btn--create:hover{background:#d97706}.alm-modal--edit .alm-paid-checkbox{accent-color:#f59e0b}.alm-modal--add .alm-title--lg{color:#5b5bd6}.alm-modal--top .alm-title--lg{color:#4848b8}.alm-modal--bottom{border-top:5px solid #22c55e}.alm-modal--bottom .alm-title--lg{color:#16a34a}.alm-modal--bottom .alm-btn--create{background:#22c55e}.alm-modal--bottom .alm-btn--create:hover{background:#16a34a}.alm-modal--above{border-top:5px solid #5b5bd6}.alm-modal--above .alm-title--lg{color:#4848b8}.alm-modal--above .alm-btn--create{background:#5b5bd6}.alm-modal--above .alm-btn--create:hover{background:#4848b8}.alm-modal--below{border-top:5px solid #22c55e}.alm-modal--below .alm-title--lg{color:#16a34a}.alm-modal--below .alm-btn--create{background:#22c55e}.alm-modal--below .alm-btn--create:hover{background:#16a34a}.mv-viewer{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.mv-frame,.mv-video{background:#0e0e1a;border:none;width:100%;height:100%;min-height:240px;display:block}.mv-video{object-fit:contain;background:#000}.mv-doc-wrap{background:#f4f6f9;flex:1;width:100%;height:100%;min-height:360px;position:relative;overflow:hidden}.mv-frame--hidden{opacity:0;pointer-events:none;position:absolute;inset:0}.mv-loading{z-index:2;color:#6b7280;background:#f4f6f9;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.mv-spinner{border:3px solid #d4d8e1;border-top-color:#5b5bd6;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite mv-spin}@keyframes mv-spin{to{transform:rotate(360deg)}}.mv-fallback{text-align:center;color:#6b7280;box-sizing:border-box;background:#f4f6f9;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:280px;padding:32px 24px;display:flex}.mv-fallback-icon{margin-bottom:8px;font-size:42px}.mv-fallback-title{color:#1a1a2e;margin:0 0 8px;font-size:17px;font-weight:700}.mv-fallback-msg{max-width:420px;margin:0;font-size:13.5px;line-height:1.6}.mv-fallback-hint{color:#9ca3af;max-width:440px;margin:12px 0 0;font-size:12px;line-height:1.5}.mv-fallback-btn{color:#fff;cursor:pointer;background:#5b5bd6;border-radius:6px;align-items:center;gap:6px;margin-top:14px;padding:10px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.mv-fallback-btn:hover{background:#4a4aca}.mv-fallback-btn:active{background:#3a3aa8}@media (width<=768px){.mv-doc-wrap{min-height:280px}.mv-frame,.mv-video{min-height:200px}}.vpm-backdrop{z-index:1200;background:#000000a6;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.vpm-modal{background:#fff;border-radius:16px;width:min(960px,96vw);animation:.18s vpmIn;overflow:hidden;box-shadow:0 24px 80px #00000047}@keyframes vpmIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.vpm-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:16px;padding:18px 22px;display:flex}.vpm-title{color:#1a1a2e;margin:0;font-size:20px;font-weight:800}.vpm-subtitle{color:#6b7280;margin:4px 0 0;font-size:14px}.vpm-close{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1}.vpm-player-wrap{aspect-ratio:16/9;background:#000;flex-direction:column;width:100%;min-height:360px;display:flex}.vpm-player-wrap--doc{aspect-ratio:auto;background:#f4f6f9;min-height:70vh}.vpm-player-wrap .mv-viewer,.vpm-player-wrap .mv-doc-wrap{flex:1;width:100%;height:100%;min-height:360px}.vpm-player{background:#000;border:none;width:100%;height:100%;display:block}.vpm-empty{color:#fff;justify-content:center;align-items:center;height:100%;font-weight:600;display:flex}.vpm-footer{text-align:right;background:#fff;padding:12px 18px 18px}.vpm-open-link{color:#fff;background:#5b5bd6;border-radius:8px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.vpm-yt-card{background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.vpm-yt-thumb{object-fit:cover;opacity:.5;width:100%;height:100%}.vpm-blocked-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.vpm-blocked-msg{color:#fff;max-width:320px;margin:0;font-size:14px;font-weight:500;line-height:1.5}@media (width<=640px){.vpm-header{padding:14px 16px}.vpm-title{font-size:17px}}.vpm-mkv-warning{text-align:center;background:#fef3c7;border-top:1px solid #fcd34d;border-bottom:1px solid #fcd34d;padding:14px 18px}.vpm-mkv-warning p{color:#92400e;margin:0;font-size:13px;line-height:1.5}:root{--tch-primary:#5b5bd6;--tch-bg:#e8ecef;--tch-text:#1a1a2e;--tch-muted:#6b7280;--tch-teal:#2ec4b6;--tch-card:#fff;--tch-border:#c8d0d8}.tch-root{background:var(--tch-bg);min-height:100vh;color:var(--tch-text);font-family:DM Sans,system-ui,sans-serif;display:flex}.tch-main{flex:1;min-width:0;padding:24px 42px}.tch-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.tch-header h1{color:var(--tch-text);margin:0;font-size:30px;font-weight:800}.tch-header p{color:var(--tch-muted);margin:8px 0 0;font-size:16px}.tch-welcome-card{background:linear-gradient(135deg, var(--tch-primary), var(--tch-teal));color:#fff;text-align:center;border-radius:16px;min-width:210px;padding:18px 30px;box-shadow:0 10px 28px #5b5bd638}.tch-welcome-card span{opacity:.9;font-size:13px;display:block}.tch-welcome-card strong{margin-top:4px;font-size:22px;display:block}.tch-divider{background:var(--tch-border);height:1px;margin:28px 0 34px}.tch-stats-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.tch-stat-card{background:var(--tch-card);border:1px solid #edf0f3;border-radius:18px;justify-content:space-between;align-items:flex-start;min-height:150px;padding:26px;transition:all .25s;display:flex;box-shadow:0 10px 28px #1a1a2e0f}.tch-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #5b5bd624}.tch-stat-content h3{margin:0;font-size:17px;font-weight:700}.tch-stat-content h2{margin:28px 0 0;font-size:36px;font-weight:800}.tch-stat-icon{color:var(--tch-primary);opacity:.85;font-size:30px}.tch-bottom-grid{grid-template-columns:1.4fr 1fr;gap:24px;margin-top:28px;display:grid}.tch-panel{height:var(--bottom-panel-height);background:#fff;border:1px solid #edf0f3;border-radius:18px;padding:24px;overflow:hidden;box-shadow:0 10px 28px #1a1a2e0f}.tch-panel h3{margin:0 0 18px;font-size:20px;font-weight:800}.tch-module-item{background:#f7f8fb;border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:12px;padding:16px;display:flex}.tch-module-item h4{margin:0;font-size:16px}.tch-module-item p{color:var(--tch-muted);margin:5px 0 0;font-size:13px}.tch-module-item span{color:#0d9488;background:#2ec4b626;border-radius:999px;align-self:center;padding:5px 14px;font-size:13px;font-weight:700}.tch-activity{border-bottom:1px solid #edf0f3;align-items:center;gap:12px;padding:14px 0;display:flex}.tch-activity:last-child{border-bottom:none}.tch-activity span{background:var(--tch-teal);border-radius:50%;flex-shrink:0;width:10px;height:10px}.tch-activity p{color:var(--tch-muted);margin:0;font-size:14px}.tch-bottom-grid{align-items:stretch}.tch-modules-panel,.tch-activity-panel{flex-direction:column;display:flex}.tch-activity-list{flex:1;padding-right:6px;overflow-y:auto}@media (width<=1200px){.tch-stats-grid{grid-template-columns:repeat(2,1fr)}.tch-bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.tch-main{padding:24px 18px}.tch-header h1{font-size:24px}.tch-stats-grid{grid-template-columns:1fr}.tch-welcome-card{width:100%}}:root{--bg:#e8ecef;--card:#fff;--text:#1a1a2e;--muted:#6b7280;--active-bg:#5b5bd6;--accent:#2ec4b6;--badge-bg:#a7f5e8;--badge-txt:#000;--border:#c8d0d8}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}.sd-root{align-items:flex-start;min-height:100vh;display:flex}.sd-main{background:var(--bg);flex:1;height:100vh;padding:32px 36px;overflow-y:auto}.sd-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:20px;display:grid}.sd-title{color:var(--text);letter-spacing:-.3px;justify-self:start;font-size:28px;font-weight:700}.sd-badge{background:var(--badge-bg);color:var(--badge-txt);border-radius:14px;flex-direction:column;justify-self:center;align-items:center;gap:4px;min-width:400px;padding:10px 30px;display:flex}.sd-badge-title{text-align:center;font-size:24px;font-weight:700}.sd-badge-time{text-align:center;font-size:18px;font-weight:700}.sd-welcome-card{background:linear-gradient(135deg, var(--active-bg), var(--accent));color:#fff;text-align:center;border-radius:16px;justify-self:end;min-width:210px;padding:18px 30px;box-shadow:0 10px 28px #5b5bd638}.sd-welcome-card span{opacity:.9;font-size:13px;display:block}.sd-welcome-card strong{margin-top:4px;font-size:22px;display:block}.sd-divider{background:var(--border);width:100%;height:1px;margin-bottom:32px}.sd-grid{grid-template-columns:repeat(4,1fr);gap:22px;width:100%;display:grid}.sd-card{background:var(--card);border:1px solid #edf0f3;border-radius:18px;flex-direction:row;justify-content:space-between;align-items:flex-start;min-height:150px;padding:26px;transition:all .25s;display:flex;box-shadow:0 10px 28px #1a1a2e0f}.sd-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #5b5bd624}.sd-card-content h3{color:var(--text);margin:0;font-size:17px;font-weight:700}.sd-card-content h2{color:var(--text);margin:28px 0 0;font-size:36px;font-weight:800}.sd-card-icon{opacity:.9;justify-content:center;align-items:center;font-size:34px;display:flex}.sd-card-icon svg{width:34px;height:34px}.sd-card:first-child .sd-card-icon,.sd-card:nth-child(2) .sd-card-icon,.sd-card:nth-child(3) .sd-card-icon,.sd-card:nth-child(4) .sd-card-icon{color:#5b5bd6}@media (width<=900px){.sd-main{padding:24px 20px}.sd-header{grid-template-columns:1fr;align-items:flex-start}.sd-title,.sd-badge,.sd-welcome-card{justify-self:stretch}.sd-grid{grid-template-columns:repeat(2,1fr)}.sd-badge-title{font-size:18px}.sd-badge-time{font-size:15px}}@media (width<=768px){.sd-main{width:100%;padding:72px 16px 20px}.sd-title{font-size:20px}.sd-grid{grid-template-columns:1fr 1fr;gap:12px}.sd-card{min-height:120px;padding:18px 16px}.sd-card-content h3{font-size:13px}.sd-card-content h2{margin-top:22px;font-size:28px}.sd-card-icon svg{width:26px;height:26px}.sd-divider{margin-bottom:20px}}.my-modules-layout{background:#f0f2f5;min-height:100vh;display:flex}.my-modules{box-sizing:border-box;background:#e8ecef;flex:1;min-width:0;min-height:100vh;margin-left:4px;padding:50px 40px 25px;overflow-y:auto}.my-modules__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.my-modules__title{color:#1a1a2e;align-items:center;gap:12px;margin:0 0 6px;font-size:2rem;font-weight:800;display:flex}.my-modules__title-icon{font-size:1.5rem}.my-modules__subtitle{color:#6b7280;margin:0;font-size:.9rem}.my-modules__controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.my-modules__total-badge{background:#fff;border:1px solid #dde1e7;border-left:5px solid #2ec4b6;border-radius:16px;align-items:center;gap:16px;min-width:170px;height:78px;padding:14px 20px;display:flex;box-shadow:0 10px 24px #1a1a2e14}.my-modules__total-icon{color:#6b7280;justify-content:center;align-items:center;font-size:24px;display:flex}.my-modules__total-label{letter-spacing:.08em;color:#9ca3af;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.my-modules__total-count{color:#1a1a2e;font-size:2rem;font-weight:800;line-height:1;display:block}.my-modules__refresh-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.my-modules__refresh-btn:hover{background:#4338ca}.my-modules__refresh-icon{font-size:1rem}.my-modules__live-badge{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.my-modules__live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px}.student-module-header{background:#ededfb;border:1px solid #dde1e7;border-left:5px solid #5b5bd6;border-radius:14px;width:100%;margin:0 0 18px;padding:12px 24px;box-shadow:0 8px 22px #1a1a2e0f}.student-module-header__left{align-items:center;gap:12px;display:flex}.student-module-header__icon{font-size:18px}.student-module-header__title{color:#5b5bd6;font-size:18px;font-weight:800}.student-module-header__badge{color:#fff;background:#5b5bd6;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:800}.my-modules__grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:24px;width:100%;display:grid}.module-card{background:#fff;border:1px solid #dde1e7;border-top:4px solid #5b5bd6;border-radius:18px;flex-direction:column;justify-content:space-between;gap:13px;min-height:300px;padding:20px;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 10px 26px #1a1a2e14}.module-card:hover{border-color:#5b5bd6;transform:translateY(-4px);box-shadow:0 16px 36px #1a1a2e24}.module-card__image{object-fit:contain;object-position:center;background:0 0;border:1px solid #dde1e7;border-radius:18px;width:100%;height:190px;padding:0;display:block;overflow:hidden}.module-card:hover .module-card__image{transform:scale(1.03)}.module-card__image-wrapper{background:#f8fafc;border:1px solid #dde1e7;border-radius:18px;justify-content:center;align-items:center;width:100%;height:190px;display:flex;overflow:hidden}.module-card__description{color:#6b7280;text-align:left;-webkit-line-clamp:3;text-overflow:ellipsis;text-align:justify;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.module-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.module-card__header{justify-content:space-between;align-items:center;display:flex}.module-card__status{letter-spacing:.06em;color:#2ec4b6;background:#d6f5f3;border:1px solid #2ec4b659;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.72rem;font-weight:800;display:flex}.module-card__price{color:#5b5bd6;background:#ededfb;border:1px solid #5b5bd62e;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:800}.module-card__title{color:#111827;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.module-card__description{color:#6b7280;margin:0;font-size:.82rem;line-height:1.5}.module-card__meta{flex-wrap:wrap;gap:8px;display:flex}.module-card__tag{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:flex}.tag-purple{color:#6d28d9;background:#ede9fe}.tag-blue{color:#1d4ed8;background:#dbeafe}.tag-teal{color:#065f46;background:#d1fae5}.tag-orange{color:#c2410c;background:#ffedd5}.tag-pink{color:#be185d;background:#fce7f3}.module-card__enrolled{color:#9ca3af;align-items:center;gap:6px;font-size:.78rem;display:flex}.module-card__btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5b5bd6,#4848b8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 22px #5b5bd640}.module-card__btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #5b5bd659}.module-card__btn-arrow{margin-left:auto}@media (width<=768px){.my-modules{padding:20px 16px}}@media (width<=768px){.exam-main{padding:80px 16px 32px}}.exam-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:inline-flex}.exam-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.exam-root{color:#1a1a2e;background:#e8ecef;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.exam-main{flex:1;padding:32px 36px;overflow-x:hidden}@media (width<=768px){.exam-main{padding:80px 16px 32px}}.exam-title{color:#5b5bd6;margin:0 0 8px;font-size:28px;font-weight:700}.exam-subtitle{color:#6b7280;margin:0;font-size:14px}.exam-card{background:#fff;border:1px solid #e0e0f5;border-radius:14px;box-shadow:0 2px 12px #5b5bd612}.exam-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.exam-btn:hover:not(:disabled){opacity:.88}.exam-btn:active:not(:disabled){transform:scale(.97)}.exam-btn-primary{color:#fff;background:#5b5bd6}.exam-btn-accent{color:#fff;background:#2ec4b6}.exam-btn-danger{color:#fff;background:#ef4444}.exam-btn-muted{color:#1a1a2e;background:#d4dae0}.exam-input{box-sizing:border-box;border:1px solid #c8d0d8;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:14px}.exam-input:focus{border-color:#5b5bd6}.exam-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.exam-badge-pass{color:#0d9488;background:#2ec4b62e}.exam-badge-fail{color:#ef4444;background:#fee2e2}.exam-badge-pending{color:#b45309;background:#fef9c3}.exam-header-card{background:linear-gradient(135deg,#f8f8ff 0%,#fff 100%);border:1px solid #ddd8f8;border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:16px;padding:4px 28px;display:grid;box-shadow:0 4px 20px #5b5bd617}.exam-header-left{flex-direction:column;gap:2px;display:flex}.exam-header-left h2{color:#5b5bd6;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.exam-header-left p{color:#6b7280;margin:0;font-size:13px}.exam-header-center{flex-direction:column;align-items:center;gap:8px;display:flex}.exam-answer-map{flex-wrap:wrap;justify-content:center;gap:5px;max-width:320px;padding:4px;display:flex}.exam-answer-dot{background:#e5e7eb;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s}.exam-answer-dot.answered{background:#5b5bd6}.exam-answer-dot.current{outline-offset:2px;background:#818cf8;outline:2px solid #5b5bd6}.exam-question-top{color:#818cf8;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.exam-timer{color:#5b5bd6;white-space:nowrap;background:#f3f3ff;border:1.5px solid #c7c7f3;border-radius:12px;justify-content:flex-end;justify-self:end;align-items:center;gap:8px;padding:6px 18px;font-size:18px;font-weight:800;display:flex}.exam-timer.exam-timer--danger{color:#ef4444;background:#fff1f1;border-color:#fca5a5}.exam-progress-wrap{max-width:980px;margin:18px auto 0}.exam-progress-bar-bg{background:#e5e7eb;border-radius:99px;height:6px;overflow:hidden}.exam-progress-bar-fill{background:linear-gradient(90deg,#5b5bd6,#818cf8);border-radius:99px;height:100%;transition:width .3s}.exam-progress-label{color:#6b7280;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.exam-question-wrapper{max-width:980px;margin-top:18px;margin-left:auto;margin-right:auto}.exam-single-question{border-radius:18px;padding:20px 36px}.exam-question-number{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#5b5bd6;border-radius:20px;margin-bottom:16px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.exam-single-question h2{color:#1a1a2e;margin:0 0 28px;font-size:24px;font-weight:700;line-height:1.4}.exam-options{flex-direction:column;gap:12px;display:flex}.exam-option{cursor:pointer;color:#1a1a2e;background:#f5f6fa;border:2px solid #0000;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;font-size:16px;font-weight:500;transition:background .15s,border-color .15s;display:flex;position:relative}.exam-option:hover{background:#eef;border-color:#c7c7f3}.exam-option.selected{color:#3730a3;background:#f0f0ff;border-color:#5b5bd6}.exam-option input[type=radio]{accent-color:#5b5bd6;flex-shrink:0;width:20px;height:20px}.exam-option-letter{color:#374151;background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:background .15s,color .15s;display:flex}.exam-option.selected .exam-option-letter{color:#fff;background:#5b5bd6}.exam-navigation{justify-content:space-between;align-items:center;gap:12px;max-width:980px;margin:14px auto 0;display:flex}.exam-nav-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:160px;padding:14px 28px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s,background .15s;display:inline-flex}.exam-nav-btn:hover:not(:disabled){opacity:.88}.exam-nav-btn:active:not(:disabled){transform:scale(.97)}.exam-nav-btn:disabled{opacity:.35;cursor:not-allowed}.exam-nav-btn--back{color:#374151;background:#e5e7eb}.exam-nav-btn--next{color:#fff;background:#5b5bd6}.exam-nav-btn--submit{color:#fff;background:#16a34a}.exam-result-card{text-align:center;border-radius:18px;max-width:560px;margin-top:24px;margin-left:auto;margin-right:auto;padding:40px 32px}.exam-result-icon{margin-bottom:16px}.exam-result-title{margin:0 0 8px;font-size:28px;font-weight:700}.exam-result-score{color:#374151;margin:0 0 28px;font-size:18px;font-weight:600}.exam-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.exam-spinner{border:3px solid #d4dae0;border-top-color:#5b5bd6;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:1s linear infinite exam-spin}@media (width<=768px){.exam-header-card{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;gap:14px;padding:18px 16px}.exam-header-left{text-align:center;align-items:center}.exam-timer{justify-self:center;padding:8px 14px;font-size:18px}.exam-question-wrapper{margin-top:16px}.exam-single-question{padding:22px 18px}.exam-single-question h2{margin-bottom:20px;font-size:20px}.exam-option{padding:14px 16px;font-size:15px}.exam-navigation{flex-direction:column;gap:10px}.exam-nav-btn{width:100%;min-width:unset}.exam-result-card{padding:28px 20px}}:root{--sl-primary:#5b5bd6;--sl-primary-light:#ededfb;--sl-primary-dark:#4747b8;--sl-teal:#2ec4b6;--sl-teal-light:#d6f5f3;--sl-bg:#e8ecef;--sl-text:#1a1a2e;--sl-muted:#6b7280;--sl-white:#fff;--sl-border:#d4d8e1;--sl-surface:#f4f6f9}.sl-layout{background:var(--sl-bg);height:100vh;overflow:hidden}.sl-main{box-sizing:border-box;grid-template-columns:290px minmax(0,1fr);gap:16px;height:100vh;padding:16px;display:grid;overflow:hidden}.sl-course-panel{background:var(--sl-white);border:1.5px solid var(--sl-border);box-sizing:border-box;border-radius:20px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 1px 2px #1a1a2e0a,0 4px 12px #1a1a2e12,0 0 0 1px #5b5bd60f}.sl-panel-header{background:linear-gradient(145deg, var(--sl-primary) 0%, #7b7de8 100%);flex-shrink:0;padding:18px 18px 20px;position:relative;overflow:hidden}.sl-panel-header:before{content:"";background:#ffffff12;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-30px}.sl-panel-header:after{content:"";background:#ffffff0d;border-radius:50%;width:80px;height:80px;position:absolute;bottom:-20px;left:20px}.sl-back-btn{color:#fff;cursor:pointer;letter-spacing:.01em;z-index:1;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:6px;margin-bottom:16px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:background .18s,border-color .18s,transform .15s;display:inline-flex;position:relative}.sl-back-btn:hover{background:#ffffff47;border-color:#ffffff73;transform:translate(-2px)}.sl-back-btn:active{transform:translate(0)}.sl-course-icon{z-index:1;background:#ffffff2e;border:1.5px solid #ffffff4d;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:12px;font-size:26px;display:flex;position:relative}.sl-panel-header h2{color:#fff;z-index:1;margin:0 0 10px;font-size:16px;font-weight:800;line-height:1.3;position:relative}.sl-course-meta{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.sl-course-meta span{color:#fff;background:#ffffff2e;border:1px solid #fff3;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.sl-progress-box{background:var(--sl-surface);border-bottom:1.5px solid var(--sl-border);flex-shrink:0;padding:12px 16px}.sl-progress-top{color:var(--sl-muted);justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:600;display:flex}.sl-progress-top strong{color:var(--sl-primary);font-weight:800}.sl-progress-track{background:var(--sl-border);border-radius:999px;height:5px;overflow:hidden}.sl-progress-fill{background:linear-gradient(90deg, var(--sl-primary), var(--sl-teal));border-radius:999px;height:100%;transition:width .4s}.sl-category-title{color:var(--sl-primary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1.5px solid var(--sl-border);background:var(--sl-primary-light);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;font-size:11.5px;font-weight:800;display:flex}.sl-category-count{background:var(--sl-primary);color:#fff;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11px;font-weight:800}.sl-lecture-list{flex-direction:column;flex:1;gap:0;display:flex;overflow-y:auto}.sl-lecture-list::-webkit-scrollbar{width:4px}.sl-lecture-list::-webkit-scrollbar-track{background:0 0}.sl-lecture-list::-webkit-scrollbar-thumb{background:var(--sl-border);border-radius:999px}.sl-lecture-item{border:none;border-bottom:1px solid var(--sl-border);background:var(--sl-white);cursor:pointer;text-align:left;flex-shrink:0;align-items:center;gap:11px;width:100%;padding:11px 16px;transition:background .15s;display:flex;position:relative}.sl-lecture-item:last-child{border-bottom:none}.sl-lecture-item:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.sl-lecture-item:hover{background:var(--sl-primary-light)}.sl-lecture-item:hover:before{background:var(--sl-primary)}.sl-lecture-item.active{background:var(--sl-primary-light)}.sl-lecture-item.active:before{background:var(--sl-primary)}.sl-lecture-number{background:var(--sl-surface);width:30px;height:30px;color:var(--sl-muted);border:1.5px solid var(--sl-border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:11.5px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:flex}.sl-lecture-item.active .sl-lecture-number{background:var(--sl-primary);color:#fff;border-color:var(--sl-primary)}.sl-lecture-number.done{background:var(--sl-teal-light);color:var(--sl-teal);border-color:var(--sl-teal)}.sl-lecture-text{flex:1;min-width:0}.sl-lecture-text strong{color:var(--sl-text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.sl-lecture-item.active .sl-lecture-text strong{color:var(--sl-primary)}.sl-lecture-text small{background:var(--sl-surface);color:var(--sl-muted);letter-spacing:.03em;border:1px solid var(--sl-border);border-radius:5px;margin-top:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.sl-lecture-item.active .sl-lecture-text small{color:var(--sl-primary);background:#5b5bd61a;border-color:#5b5bd633}.sl-lecture-status{color:var(--sl-teal);background:var(--sl-teal-light);border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700}.sl-state-msg{color:var(--sl-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;font-size:13px;display:flex}.sl-state-error{color:#ef4444}.sl-content{background:var(--sl-white);border:1.5px solid var(--sl-border);box-sizing:border-box;border-radius:20px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #1a1a2e0a,0 4px 12px #1a1a2e12}.sl-content-inner{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:20px 24px;display:flex;overflow:hidden}.sl-topbar{border-bottom:1.5px solid var(--sl-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.sl-topbar-left{flex-wrap:wrap;gap:7px;display:flex}.sl-topbar-badge{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700}.sl-topbar-badge.accent{background:var(--sl-teal-light);color:#0d7d73;border-color:#a7e8e4}.sl-topbar-nav{align-items:center;gap:7px;display:flex}.sl-nav-btn{background:var(--sl-surface);color:var(--sl-text);border:1.5px solid var(--sl-border);cursor:pointer;border-radius:9px;padding:6px 14px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.sl-nav-btn:hover:not(:disabled){background:var(--sl-primary);border-color:var(--sl-primary);color:#fff}.sl-nav-btn:disabled{opacity:.35;cursor:not-allowed}.sl-nav-count{color:var(--sl-muted);text-align:center;background:var(--sl-surface);border:1.5px solid var(--sl-border);border-radius:8px;min-width:44px;padding:6px 10px;font-size:12px;font-weight:700}.sl-lesson-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.sl-lesson-header-left h1{color:var(--sl-text);margin:0 0 4px;font-size:20px;font-weight:800;line-height:1.2}.sl-lesson-header-left p{color:var(--sl-muted);align-items:center;gap:6px;margin:0;font-size:12.5px;display:flex}.sl-type-badge{background:var(--sl-primary-light);color:var(--sl-primary);text-transform:uppercase;letter-spacing:.04em;border:1px solid #5b5bd633;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700}.sl-lesson-description{color:var(--sl-muted);flex-shrink:0;margin:6px 0 10px;font-size:13.5px;line-height:1.7}.sl-video-wrap{background:#0e0e1a;border:1.5px solid #2a2a40;border-radius:14px;flex-direction:column;flex:1;justify-content:stretch;align-items:stretch;min-height:0;display:flex;overflow:hidden}.sl-media-viewer{width:100%;height:100%;min-height:0}.sl-media-viewer .mv-viewer,.sl-media-viewer .mv-doc-wrap{height:100%;min-height:0}.sl-video{object-fit:contain;background:#0e0e1a;width:100%;height:100%;display:block}.sl-video.mv-frame{object-fit:unset;background:#f4f6f9}.sl-file-preview{background:var(--sl-surface);text-align:center;height:100%;color:var(--sl-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.sl-file-icon{background:var(--sl-primary-light);border:1.5px solid #5b5bd633;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;font-size:48px;display:flex}.sl-file-preview h3{color:var(--sl-text);margin:0;font-size:17px;font-weight:700}.sl-file-preview p{margin:0;font-size:13px}.sl-file-preview a{background:var(--sl-primary);color:#fff;border-radius:11px;align-items:center;gap:6px;margin-top:4px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.sl-file-preview a:hover{background:var(--sl-primary-dark)}.sl-media-empty{text-align:center;color:#e2e8f0;background:#0e0e1a;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px 28px;display:flex}.sl-media-empty-icon{font-size:40px}.sl-media-empty h3,.sl-mkv-card h3{color:#fff;margin:0;font-size:17px;font-weight:700}.sl-media-empty p,.sl-mkv-card p{color:#94a3b8;max-width:420px;margin:0;font-size:13.5px;line-height:1.6}.sl-mkv-card p strong{color:#fcd34d}.sl-open-link{background:var(--sl-primary);color:#fff;border-radius:11px;align-items:center;gap:6px;margin-top:8px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s;display:inline-flex}.sl-open-link:hover{background:var(--sl-primary-dark)}.sl-yt-card{background:#000;justify-content:center;align-items:center;width:100%;height:100%;min-height:240px;display:flex;position:relative;overflow:hidden}.sl-yt-thumb{object-fit:cover;opacity:.45;width:100%;height:100%}.sl-blocked-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}.sl-blocked-msg{color:#fff;max-width:360px;margin:0;font-size:14px;font-weight:500;line-height:1.5}.sl-mkv-warning{text-align:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;flex-shrink:0;margin-top:10px;padding:12px 16px}.sl-mkv-warning p{color:#92400e;margin:0;font-size:13px;line-height:1.5}.sl-empty{text-align:center;height:100%;color:var(--sl-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 24px;display:flex}.sl-spinner{border:2.5px solid var(--sl-border);border-top-color:var(--sl-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite sl-spin}.sl-spinner-lg{border-width:3.5px;width:34px;height:34px;margin:0 auto 10px}@keyframes sl-spin{to{transform:rotate(360deg)}}@media (width<=960px){.sl-main{grid-template-columns:1fr;height:auto;overflow:auto}.sl-course-panel{height:auto;max-height:60vh}.sl-content{height:80vh}}@media (width<=560px){.sl-main{gap:10px;padding:10px}.sl-content-inner{padding:14px 16px}}