:root{--ink:#0a0a0f;--paper:#fafaf7;--gold:#7eb8f7;--gold-light:#e8c96a;--gold-dark:#9a7e32;--red:#c0392b;--muted:#6b7280;--border:#e5e3dc;--card:#fff;--sidebar:#111118;--success:#16a34a;--radius:12px;--tr:.22s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);min-height:100vh;font-family:Poppins,sans-serif;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font-family:Poppins,sans-serif}button{cursor:pointer}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.w-full{width:100%}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}#app{min-height:100vh;display:flex}#sidebar{background:var(--sidebar);color:#fff;z-index:200;width:255px;height:100vh;transition:transform var(--tr);flex-direction:column;display:flex;position:fixed;top:0;left:0}#main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:255px;display:flex}.page{flex-direction:column;flex:1;display:none}.page.active{display:flex}.sidebar-brand{border-bottom:1px solid #ffffff14;padding:1.5rem 1.25rem 1.25rem}.brand-logo{align-items:center;gap:.75rem;display:flex}.brand-icon{background:var(--gold);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-icon svg{color:#000;width:18px;height:18px}.brand-name{letter-spacing:-.02em;font-size:1.1rem;font-weight:800;line-height:1.1}.brand-name span{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;opacity:.7;margin-top:1px;font-size:.6rem;font-weight:400;display:block}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-section{text-transform:uppercase;letter-spacing:.12em;color:#ffffff4d;margin-top:.4rem;padding:.5rem 1.25rem .2rem;font-size:.6rem;font-weight:600}.nav-item{color:#ffffff8c;cursor:pointer;transition:all var(--tr);align-items:center;gap:.7rem;padding:.6rem 1.25rem;font-size:.83rem;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:#c8a84b26}.nav-item.active:before{content:"";background:var(--gold);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-item.logout-item{color:#ff646480}.nav-item.admin-item:hover,.nav-item.admin-item.active{color:#fca5a5;background:#c0392b1f}.nav-item.admin-item.active:before{background:#ef4444}.nav-item.logout-item{color:#ff646480;margin-top:auto}.nav-item.logout-item:hover{color:#fca5a5;background:#c0392b14}.sidebar-footer{border-top:1px solid #ffffff14;padding:.875rem 1.25rem}.user-mini{cursor:pointer;transition:background var(--tr);border-radius:8px;align-items:center;gap:.7rem;padding:.4rem;display:flex}.user-mini:hover{background:#ffffff0d}.ava{background:var(--gold);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.78rem;font-weight:700;display:flex;overflow:hidden}.ava img{object-fit:cover;width:100%;height:100%}.ava-lg{background:var(--gold);color:#000;border:3px solid #c8a84b66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-size:1.8rem;font-weight:800;display:flex;overflow:hidden}.ava-lg img{object-fit:cover;width:100%;height:100%}.user-mini-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.user-mini-role{color:#ffffff59;font-size:.68rem}.topbar{border-bottom:1px solid var(--border);z-index:100;background:#fff;justify-content:space-between;align-items:center;gap:1rem;height:58px;padding:0 1.75rem;display:flex;position:sticky;top:0}.topbar-left{flex:1;align-items:center;gap:.875rem;display:flex}.page-title{white-space:nowrap;font-size:1rem;font-weight:700}.search-bar{background:var(--paper);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.4rem;width:100%;max-width:280px;padding:.45rem .75rem;display:flex}.search-bar svg{width:14px;height:14px;color:var(--muted)}.search-bar input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.topbar-right{align-items:center;gap:.6rem;display:flex;position:relative}.icon-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;transition:all var(--tr);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--paper);color:var(--ink)}.btn{transition:all var(--tr);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--gold);color:#000}.btn-primary:hover{background:var(--gold-light);transform:translateY(-1px)}.btn-secondary{background:var(--paper);color:var(--ink);border:1px solid var(--border)}.btn-secondary:hover{background:#efefeb}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#1a1a2e}.btn-danger{color:var(--red);background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover{background:#fecaca}.btn-google{color:#fff;background:#0d1128;border:1px solid #0d1128}.btn-google:hover{background:#1a1f3d;transform:translateY(-1px)}.btn-google:active{transform:translateY(0)}.btn-sm{padding:.35rem .75rem;font-size:.75rem}.btn-lg{border-radius:10px;padding:.8rem 1.75rem;font-size:.9rem}.btn-icon{justify-content:center;width:34px;height:34px;padding:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-body{padding:1.25rem}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.card-header h3{font-size:.9rem;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--tr);background:#fff;padding:1.25rem;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--gold);height:3px;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 24px #00000012}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;font-weight:600}.stat-value{letter-spacing:-.03em;margin:.2rem 0;font-size:2rem;font-weight:800}.stat-change{color:var(--success);font-size:.72rem;font-weight:500}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;display:grid}.course-card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--tr);cursor:default;background:#fff;overflow:hidden}.course-card:hover{box-shadow:none;border-color:var(--border);transform:none}.course-card .course-actions .btn:hover{transform:translateY(-1px)}.course-thumb{justify-content:center;align-items:center;height:155px;display:flex;position:relative;overflow:hidden}.course-thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.course-thumb-overlay{background:#00000059;position:absolute;inset:0}.cthumb-icon{z-index:1;font-size:2.5rem;position:relative}.cbadge{color:#000;text-transform:uppercase;z-index:2;background:var(--gold);border-radius:20px;padding:2px 7px;font-size:.65rem;font-weight:700;position:absolute;top:.6rem;right:.6rem}.cprog{background:var(--gold);z-index:2;height:3px;transition:width .5s;position:absolute;bottom:0;left:0}.course-info{padding:1rem 1.1rem}.course-cat{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.3rem;font-size:.65rem;font-weight:700}.course-title{margin-bottom:.35rem;font-size:.92rem;font-weight:700;line-height:1.35}.course-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.55;display:-webkit-box;overflow:hidden}.course-meta{border-top:1px solid var(--border);align-items:center;gap:.875rem;margin-top:.75rem;padding-top:.75rem;display:flex}.cmi{color:var(--muted);align-items:center;gap:.3rem;font-size:.72rem;display:flex}.cmi svg{width:12px;height:12px}.prog-label{color:var(--muted);justify-content:space-between;margin-bottom:3px;font-size:.7rem;display:flex}.prog-track{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.prog-fill{background:var(--gold);border-radius:2px;height:100%;transition:width .5s}.course-actions{gap:.4rem;margin-top:.75rem;display:flex}.hero-section{color:#fff;background:linear-gradient(135deg,#0a0a0f 0%,#111118 40%,#1a1512 100%);padding:3rem 2.25rem;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8a84b1f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-50%;right:-20%}.hero-content{z-index:1;max-width:620px;position:relative}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--gold);align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.7rem;font-weight:600;display:flex}.hero-eyebrow:before{content:"";background:var(--gold);width:18px;height:1px}.hero-section h1{letter-spacing:-.03em;margin-bottom:.875rem;font-size:2.4rem;font-weight:800;line-height:1.15}.hero-section h1 em{color:var(--gold);font-style:normal}.hero-section p{color:#fff9;max-width:490px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:.875rem;display:flex}.btn-ghost-light{color:#fff;background:#ffffff1a;border:1px solid #ffffff26}.btn-ghost-light:hover{background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px)}.dismiss-btn{color:#fff6;cursor:pointer;transition:all var(--tr);background:0 0;border:none;border-radius:6px;padding:.25rem;font-size:1.1rem}.dismiss-btn:hover{color:#fff;background:#ffffff1f}.hero-stats-row{border-top:1px solid #ffffff1a;gap:2.25rem;margin-top:2.25rem;padding-top:1.75rem;display:flex}.hsn{color:var(--gold);font-size:1.6rem;font-weight:800}.hsl{color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.profile-header{color:#fff;background:linear-gradient(135deg,#0a0a0f,#1a1512);align-items:flex-start;gap:1.75rem;padding:2.25rem;display:flex}.paw{flex-shrink:0;position:relative}.pae{background:var(--gold);cursor:pointer;border:2px solid #0a0a0f;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:2px;right:2px}.pae svg{color:#000;width:10px;height:10px}.profile-info h2{margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.role-tag{color:var(--gold);background:#c8a84b33;border:1px solid #c8a84b66;border-radius:20px;margin-bottom:.6rem;padding:2px 8px;font-size:.72rem;display:inline-block}.psr{gap:1.75rem;margin-top:.875rem;display:flex}.psn{color:var(--gold);font-size:1.3rem;font-weight:800}.psl{color:#fff6;text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.badges-grid{flex-wrap:wrap;gap:.875rem;display:flex}.badge-item{flex-direction:column;align-items:center;gap:.4rem;display:flex}.badge-circle{background:linear-gradient(135deg,var(--gold-dark),var(--gold));width:58px;height:58px;transition:transform var(--tr);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative;box-shadow:0 4px 14px #c8a84b4d}.badge-circle:hover{transform:scale(1.08)}.badge-circle.locked{opacity:.4;box-shadow:none;background:linear-gradient(135deg,#2a2a2a,#3a3a3a)}.badge-name{text-align:center;color:var(--muted);max-width:65px;font-size:.65rem;line-height:1.3}.cert-item{border:1px solid var(--border);border-radius:var(--radius);background:#fff;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.cert-icon{background:linear-gradient(135deg,#fef9ec,#fdf0d5);border:1px solid #e8c96a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.cd-header{color:#fff;background:linear-gradient(135deg,#0a0a0f,#111118);padding:2.25rem}.breadcrumb{color:#fff6;cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.875rem;font-size:.75rem;display:flex}.breadcrumb span:hover{color:var(--gold)}.cd-header h1{letter-spacing:-.02em;margin-bottom:.6rem;font-size:1.85rem;font-weight:800}.cd-about-box{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;max-width:700px;margin-top:1.25rem;padding:1.25rem;font-size:.85rem;line-height:1.7}.cd-about-box strong{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;display:block}.cdm{color:#ffffff80;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.cdm svg{width:13px;height:13px;color:var(--gold)}.cd-body{grid-template-columns:1fr 320px;align-items:start;gap:1.75rem;padding:1.75rem;display:grid}.module-item{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:.6rem;overflow:hidden}.mhdr{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.875rem;padding:.875rem 1.1rem;display:flex}.mhdr:hover{background:var(--paper)}.mnum{background:var(--gold);color:#000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}.mnum.done{background:var(--success);color:#fff}.mtitle{flex:1;font-size:.85rem;font-weight:600}.msteps-lbl{color:var(--muted);font-size:.72rem}.mchev{color:var(--muted);transition:transform var(--tr)}.mchev.open{transform:rotate(180deg)}.steps-list{border-top:1px solid var(--border);background:var(--paper)}.step-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:.75rem;padding:.7rem 1.1rem;font-size:.82rem;display:flex}.step-item:last-child{border-bottom:none}.step-check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.step-check.done{border-color:var(--success);background:var(--success)}.step-check svg{color:#fff;width:9px;height:9px}.step-t{margin-bottom:.2rem;font-weight:600}.step-d{color:var(--muted);font-size:.75rem;line-height:1.5}.cd-sidebar{position:sticky;top:70px}.vid-area{color:#ffffff73;border:1px solid var(--border);background:linear-gradient(135deg,#111118,#1a1a2a);border-radius:10px 10px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:180px;font-size:.8rem;display:flex;overflow:hidden}.vid-area svg{width:36px;height:36px;color:var(--gold)}.vid-area iframe,.vid-area video{border:none;width:100%;height:100%}.enroll-card{border:1px solid var(--border);background:#fff;border-top:none;border-radius:0 0 10px 10px;padding:1.25rem}.enroll-price{margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.enroll-sub{color:var(--muted);margin-bottom:1rem;font-size:.75rem}.quiz-container{max-width:660px;margin:0 auto}.qprog{gap:3px;margin-bottom:.875rem;display:flex}.qps{background:var(--border);border-radius:2px;flex:1;height:4px}.qps.done{background:var(--gold)}.qps.cur{background:var(--gold-light)}.question-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:1.75rem}.q-num{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem;font-size:.72rem}.q-text{margin-bottom:1.25rem;font-size:1.05rem;font-weight:700;line-height:1.45}.opts{flex-direction:column;gap:.6rem;display:flex}.opt-btn{background:var(--paper);border:2px solid var(--border);cursor:pointer;transition:all var(--tr);text-align:left;border-radius:10px;align-items:center;gap:.875rem;width:100%;padding:.8rem 1.1rem;font-size:.85rem;display:flex}.opt-btn:hover:not(:disabled),.opt-btn.selected{border-color:var(--gold);background:#fef9ec}.opt-btn.correct{border-color:var(--success);color:var(--success);background:#f0fdf4}.opt-btn.wrong{border-color:var(--red);color:var(--red);background:#fef2f2}.opt-letter{opacity:.7;background:#fff;border:1.5px solid;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.quiz-nav{justify-content:space-between;align-items:center;margin-top:1.25rem;display:flex}.score-circle{border:5px solid var(--gold);background:#fef9ec;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 1.25rem;display:flex}.score-num{color:var(--gold);font-size:1.8rem;font-weight:800}.score-lbl{color:var(--muted);font-size:.65rem}.chat-layout{grid-template-columns:250px 1fr;height:calc(100vh - 58px);display:grid;overflow:hidden}.chat-layout--thread-open{grid-template-columns:250px 1fr 340px}.chat-layout--members-open{grid-template-columns:1fr}.chat-layout--members-open .chat-thread-panel{border-left:none}.chat-sb{border-right:1px solid var(--border);background:#fff;min-height:0;overflow-y:auto}.chat-sb-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.875rem 1.1rem;font-size:.875rem;font-weight:700;display:flex}.cri-wrap{cursor:pointer;transition:background var(--tr);border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding:.75rem 1.1rem;display:flex}.cri-wrap:hover{background:var(--paper)}.cri-wrap.active{border-left:3px solid var(--gold);background:#fef9ec}.cri-icon{background:var(--paper);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.cr-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.cr-prev{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.cri-actions{opacity:0;transition:opacity var(--tr);flex-shrink:0;gap:.25rem;display:flex}.cri-wrap:hover .cri-actions{opacity:1}.cri-action-btn{border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:.7rem;display:flex}.cri-action-btn:hover{border-color:var(--gold);color:var(--ink)}.chat-room-form{border-bottom:1px solid var(--border);background:var(--paper);flex-direction:column;gap:.5rem;padding:.875rem 1.1rem;display:flex}.chat-room-form-title{font-size:.8rem;font-weight:700}.chat-room-form-row{gap:.4rem;display:flex}.chat-room-form-input{border:1px solid var(--border);transition:border-color var(--tr);background:#fff;border-radius:8px;outline:none;flex:1;padding:.45rem .65rem;font-size:.8rem}.chat-room-form-input:focus{border-color:var(--gold)}.chat-room-form-icon{text-align:center;flex:0 0 3.5rem}.chat-main{flex-direction:column;min-height:0;display:flex}.chat-hdr{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:.875rem;padding:.875rem 1.25rem;display:flex}.chat-hdr-icon{background:var(--paper);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.msgs-area{background:var(--paper);flex-direction:column;flex:1;gap:.875rem;padding:1.75rem 1.25rem 1.25rem;display:flex;overflow:hidden auto}.chat-join-gate{background:var(--paper);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:2rem;display:flex}.chat-join-gate h3{margin-top:.5rem;font-size:1.05rem;font-weight:700}.chat-join-gate .btn{margin-top:.75rem}.msg-thread{flex-direction:column;gap:.35rem;display:flex}.msg-thread-summary{cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.4rem;margin-left:2.35rem;padding:0;display:flex}.msg-thread-summary:hover .msg-thread-count{text-decoration:underline}.msg-thread-icon{color:var(--muted);font-size:.85rem}.msg-thread-avatar{color:#000;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex}.msg-thread-unread-text{color:var(--gold-dark,var(--gold));font-size:.78rem;font-weight:700}.msg-thread-count{color:var(--muted);font-size:.78rem}.msg-thread-time{color:var(--muted);font-size:.74rem}.msg{max-width:72%;transition:background-color var(--tr);border-radius:8px;gap:.65rem;display:flex}.msg.msg-highlight{background-color:#fef9ec}.msg-system{color:var(--muted);text-align:center;align-self:center;padding:.2rem 0;font-size:.72rem}.msg-ava{background:var(--gold);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.msg-bubble{border:1px solid var(--border);overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word;background:#ececec;border-radius:12px 12px 12px 3px;padding:.4rem .75rem;font-size:.82rem;line-height:1.4}.msg-quote{border-left:3px solid var(--gold);color:var(--muted);flex-direction:column;gap:.1rem;max-width:320px;margin-bottom:.45rem;padding-left:.5rem;font-size:.74rem;display:flex;overflow:hidden}.msg-quote-clickable{cursor:pointer}.msg-quote-clickable:hover{opacity:.8}.msg-quote-missing{opacity:.75;font-style:italic}.msg-content{min-width:0;position:relative}.msg-actions{opacity:0;pointer-events:none;transition:opacity var(--tr);z-index:20;align-items:center;gap:.3rem;display:flex;position:absolute;top:-.5rem;left:0}.msg:hover .msg-actions,.msg-actions.msg-actions--open{opacity:1;pointer-events:auto}.msg-action-group{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;gap:.05rem;padding:.1rem;display:flex;box-shadow:0 4px 12px #00000014}.msg-action-btn{color:var(--muted);cursor:pointer;min-width:21px;min-height:21px;transition:all var(--tr);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.1rem .3rem;font-size:.72rem;font-weight:600;display:inline-flex}.msg-action-btn:hover,.msg-action-btn.active{background:var(--paper);color:var(--ink)}.chat-action-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;min-height:24px;transition:all var(--tr);background:#fff;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.chat-action-btn:hover,.chat-action-btn.active{border-color:var(--gold);color:var(--ink)}.msg-more-wrap{position:relative}.msg-more-menu{border:1px solid var(--border);z-index:100;background:#fff;border-radius:8px;min-width:140px;padding:.35rem;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001a}.msg-more-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:.45rem .6rem;font-size:.78rem;display:block}.msg-more-item:hover{background:var(--paper)}.msg-emoji-picker{z-index:100;max-height:260px;position:absolute;bottom:calc(100% + 4px);left:0;overflow:auto}.msg-emoji-picker>*{zoom:.75}.msg-reactions{flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:.3rem;display:flex}.msg-reaction-pill{background:var(--paper);border:1px solid var(--border);cursor:pointer;transition:all var(--tr);border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.68rem;display:inline-flex}.msg-reaction-pill:hover{border-color:var(--gold)}.msg-reaction-count{color:var(--gold-dark,var(--gold));font-size:.65rem;font-weight:700}.msg-meta{color:var(--muted);margin-top:.25rem;font-size:.65rem}.chat-input-area{border-top:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:flex-end;gap:.65rem;padding:.875rem 1.25rem;display:flex;position:relative}.mention-dropdown{border:1px solid var(--border);z-index:100;background:#fff;border-radius:8px;width:220px;max-height:220px;margin-bottom:6px;padding:.35rem;position:absolute;bottom:100%;left:1.25rem;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.mention-item{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;font-size:.8rem;display:flex}.mention-item:hover,.mention-item.active{background:var(--paper)}.mention-item-ava{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:flex}.msg-mention{color:var(--ink);background:#c8a84b26;border-radius:4px;padding:0 .2rem;font-weight:700}.msg-inline-code{background:#0000000f;border-radius:4px;padding:.05rem .3rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.82em}.msg.own .msg-inline-code{background:#ffffff2e}.chat-quote-target{background:var(--paper);border:1px solid var(--border);border-left:3px solid var(--gold);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.5rem .65rem;font-size:.76rem;display:flex}.chat-quote-target strong{color:var(--ink)}.chat-quote-target span{text-overflow:ellipsis;white-space:nowrap;max-width:62ch;margin-top:.1rem;display:block;overflow:hidden}.chat-input{background:var(--paper);border:1px solid var(--border);cursor:text;overflow-wrap:break-word;min-height:2.35rem;max-height:100px;transition:border-color var(--tr);white-space:pre-wrap;word-break:break-word;border-radius:10px;outline:none;flex:1;padding:.65rem .875rem;font-size:.82rem;overflow-y:auto}.chat-input:focus{border-color:var(--gold)}.chat-input.is-empty:before{color:var(--muted);content:attr(data-placeholder);pointer-events:none}.composer-link{color:var(--gold);cursor:text;text-decoration:underline}.composer-tools{align-items:center;gap:.15rem;display:flex}.composer-tool-wrap{position:relative}.composer-tool-btn{color:var(--muted);cursor:pointer;height:34px;transition:all var(--tr);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;display:inline-flex}.composer-tool-btn:hover,.composer-tool-btn.active{background:var(--paper);color:var(--ink)}.composer-tool-btn--busy{cursor:wait;opacity:.6}.composer-spinner{border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite composer-spin}@keyframes composer-spin{to{transform:rotate(360deg)}}.composer-format-menu{border:1px solid var(--border);z-index:100;background:#fff;border-radius:8px;gap:.1rem;padding:.3rem;display:flex;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001a}.composer-format-item{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:28px;min-height:28px;padding:.2rem .45rem;font-size:.85rem}.composer-format-item:hover{background:var(--paper)}.composer-emoji-picker{z-index:100;max-height:260px;position:absolute;bottom:calc(100% + 4px);right:0;overflow:auto}.composer-emoji-picker>*{zoom:.75}.composer-attachment-preview{background:var(--paper);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;display:flex}.composer-attachment-thumb{object-fit:cover;border-radius:6px;width:40px;height:40px}.composer-attachment-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.msg-attachment-img{cursor:pointer;border-radius:8px;max-width:100%;max-height:240px;margin-bottom:.4rem;display:block}.msg-attachment-file{color:inherit;margin-bottom:.4rem;font-size:.8rem;text-decoration:underline;display:inline-block}.chat-thread-panel{border-left:1px solid var(--border);background:#fff;flex-direction:column;min-height:0;display:flex}.chat-thread-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;font-size:.875rem;display:flex}.chat-thread-body{background:var(--paper);flex-direction:column;flex:1;gap:.875rem;padding:1.25rem;display:flex;overflow:hidden auto}.chat-thread-divider{color:var(--muted);border-top:1px solid var(--border);padding-top:.75rem;font-size:.72rem;font-weight:600}.chat-thread-input-area{border-top:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:flex-end;gap:.65rem;padding:.875rem 1.25rem;display:flex;position:relative}.res-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;display:grid}.res-card{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--tr);background:#fff;overflow:hidden}.res-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.res-thumb{justify-content:center;align-items:center;height:120px;font-size:2.25rem;display:flex}.res-body{padding:.875rem 1.1rem}.res-type{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.res-title{margin-bottom:.3rem;font-size:.85rem;font-weight:700}.res-desc{color:var(--muted);font-size:.75rem;line-height:1.5}.contact-grid{grid-template-columns:1fr 1fr;gap:1.75rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--paper);border:1px solid var(--border);width:100%;transition:border-color var(--tr);color:var(--ink);border-radius:8px;outline:none;padding:.6rem .8rem;font-size:.82rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold)}.form-group textarea{resize:vertical;min-height:110px}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat}.admin-nav-bar{border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;align-items:center;gap:.25rem;padding:.5rem 1.25rem;display:flex}.admin-nav-group{position:relative}.admin-nav-btn{color:var(--muted);cursor:pointer;transition:all var(--tr);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem .875rem;font-size:.82rem;font-weight:600;display:flex}.admin-nav-btn:hover,.admin-nav-btn.active{background:var(--paper);color:var(--ink)}.admin-nav-btn.active{color:var(--gold)}.admin-nav-parent .admin-nav-chev{transition:transform var(--tr)}.admin-nav-parent.open .admin-nav-chev{transform:rotate(180deg)}.admin-nav-children{border:1px solid var(--border);z-index:100;background:#fff;border-radius:10px;min-width:200px;padding:.35rem;display:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000001a}.admin-nav-parent.open+.admin-nav-children,.admin-nav-children.open{display:block}.admin-nav-child{text-align:left;width:100%;color:var(--ink);cursor:pointer;transition:background var(--tr);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:.55rem .875rem;font-size:.82rem;font-weight:500;display:block}.admin-nav-child:hover{background:var(--paper)}.admin-nav-child.active{color:var(--gold);background:#c8a84b1a;font-weight:700}.admin-badge{background:var(--red,#ef4444);color:#fff;border-radius:99px;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.admin-tabs{border-bottom:1px solid var(--border);background:#fff;gap:0;padding:0 1.5rem;display:flex;overflow-x:auto}.admin-tab{cursor:pointer;color:var(--muted);transition:all var(--tr);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1.1rem;font-size:.82rem;font-weight:600}.admin-tab.active{color:var(--ink);border-bottom-color:var(--gold)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:#fff;overflow:auto hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--border);padding:.75rem 1.1rem;font-size:.68rem;font-weight:600}td{border-bottom:1px solid var(--border);padding:.875rem 1.1rem;font-size:.82rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--paper)}.sbadge{border-radius:20px;align-items:center;gap:.25rem;padding:2px 7px;font-size:.68rem;font-weight:600;display:inline-flex}.sbadge.active{color:#16a34a;background:#dcfce7}.sbadge.pending{color:#854d0e;background:#fef9c3}.sbadge.inactive{color:#dc2626;background:#fee2e2}.vtab-row{background:var(--paper);border:1px solid var(--border);border-radius:8px;gap:0;width:fit-content;margin-bottom:1rem;padding:3px;display:flex}.vtab{cursor:pointer;transition:all var(--tr);color:var(--muted);background:0 0;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.78rem;font-weight:600}.vtab.active{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000014}.img-upload-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;transition:all var(--tr);background:var(--paper);border-radius:8px;padding:1.5rem}.img-upload-zone:hover{border-color:var(--gold);background:#fef9ec}.course-thumb-preview{object-fit:cover;border-radius:6px;width:100%;height:100px;margin-top:.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0009;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;overflow:hidden auto;box-shadow:0 24px 80px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{font-size:1rem;font-weight:700}.modal-close{background:var(--paper);cursor:pointer;width:30px;height:30px;color:var(--muted);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.chat-members-hdr{justify-content:flex-start;gap:.75rem}.chat-back-btn{background:var(--paper);color:var(--ink);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.chat-back-btn:hover,.modal-close:hover{background:var(--border)}.modal-body{padding:1.5rem}.mbi{border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem;overflow:hidden}.mbh{background:var(--paper);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.mbh input{background:0 0;border:none;outline:none;flex:1;font-size:.85rem;font-weight:600}.sbl{flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.sbr{align-items:center;gap:.5rem;display:flex}.sbr input{border:1px solid var(--border);border-radius:6px;outline:none;flex:1;padding:.4rem .65rem;font-size:.8rem}.sbr input:focus{border-color:var(--gold)}.certificate{border:1px solid var(--border);text-align:center;background:linear-gradient(135deg,#fefef9,#fffef0);border-radius:12px;padding:2.5rem;position:relative;overflow:hidden}.certificate:before,.certificate:after{content:"";pointer-events:none;background:radial-gradient(circle,#c8a84b1a,#0000);border-radius:50%;width:180px;height:180px;position:absolute}.certificate:before{top:-70px;left:-50px}.certificate:after{bottom:-70px;right:-50px}.cert-border{pointer-events:none;border:1.5px solid #c8a84b4d;border-radius:8px;position:absolute;inset:10px}.cert-logo{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem;font-size:.9rem;font-weight:800}.cert-title{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);margin-bottom:.4rem;font-size:.7rem}.cert-main{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.8rem;font-weight:800}.cert-sub{color:var(--muted);margin-bottom:1.25rem;font-size:.85rem}.cert-course-name{color:var(--gold);border-bottom:2px solid #c8a84b4d;margin-bottom:1.25rem;padding-bottom:.875rem;font-size:1.25rem;font-weight:800}.cert-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:flex-end;margin-top:1.75rem;padding-top:1.25rem;font-size:.72rem;display:flex}.cert-sig-line{background:var(--ink);width:90px;height:1px;margin:.4rem auto .2rem}.auth-wrap{background:var(--ink);min-height:100vh;display:flex}.auth-left{background:linear-gradient(135deg,#0a0a0f,#1a1512);flex-direction:column;flex:1;justify-content:center;padding:3.5rem;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";background:radial-gradient(circle,#c8a84b24 0%,#0000 65%);width:500px;height:500px;position:absolute;top:-40%;right:-20%}.auth-lc{z-index:1;max-width:460px;position:relative}.auth-brand{color:#fff;margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.auth-brand span{color:var(--gold)}.auth-tagline{color:#ffffff59;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2.5rem;font-size:.72rem}.auth-left h1{color:#fff;letter-spacing:-.03em;margin-bottom:.875rem;font-size:2.6rem;font-weight:800;line-height:1.15}.auth-left h1 em{color:var(--gold);font-style:normal}.auth-left p{color:#ffffff80;font-size:.875rem;line-height:1.7}.auth-feats{flex-direction:column;gap:.875rem;margin-top:2.25rem;display:flex}.auth-feat{color:#fff9;align-items:center;gap:.875rem;font-size:.82rem;display:flex}.auth-feat-icon{width:30px;height:30px;color:var(--gold);background:#c8a84b26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-right{background:#fff;justify-content:center;align-items:center;width:440px;padding:2.5rem;display:flex}.auth-fw{width:100%;max-width:360px}.auth-fw h2{margin-bottom:.2rem;font-size:1.5rem;font-weight:800}.auth-fw p{color:var(--muted);margin-bottom:1.75rem;font-size:.82rem}.auth-switch{color:var(--muted);text-align:center;margin-top:1rem;font-size:.8rem}.auth-switch a{color:var(--gold);cursor:pointer;font-weight:600}.prog-tabs{border:1px solid var(--border);background:#fff;border-radius:9px;gap:.4rem;width:fit-content;margin-bottom:1.25rem;padding:3px;display:flex}.prog-tab{cursor:pointer;transition:all var(--tr);color:var(--muted);background:0 0;border:none;border-radius:7px;padding:.45rem 1.1rem;font-size:.78rem;font-weight:600}.prog-tab.active{background:var(--ink);color:#fff}.filter-row{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.fchip{cursor:pointer;transition:all var(--tr);border:1.5px solid var(--border);color:var(--muted);background:#fff;border-radius:20px;padding:.35rem .8rem;font-size:.75rem;font-weight:600}.fchip.active,.fchip:hover{background:var(--gold);color:#000;border-color:var(--gold)}.cw{flex:1;padding:1.75rem}.section-hdr{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.section-hdr h2{font-size:1.25rem;font-weight:800}.toast-container{z-index:600;flex-direction:column;gap:.6rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{border:1px solid var(--border);border-left:3px solid var(--gold);background:#fff;border-radius:10px;align-items:center;gap:.75rem;min-width:260px;padding:.875rem 1.1rem;font-size:.82rem;animation:.3s sIn;display:flex;box-shadow:0 8px 24px #0000001f}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--red)}@keyframes sIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){#sidebar{transform:translate(-100%)}#sidebar.open{transform:translate(0)}#main-content{margin-left:0}.topbar{padding:0 1rem}.cw{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.courses-grid,.cd-body,.chat-layout,.chat-layout--thread-open{grid-template-columns:1fr}.chat-thread-panel{z-index:150;border-left:none;position:fixed;inset:58px 0 0}.contact-grid{grid-template-columns:1fr}.auth-left{display:none}.auth-right{width:100%}.hero-section h1{font-size:1.75rem}.hero-stats-row{gap:1.25rem}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}