*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--okiru-purple:#9747ff;--okiru-teal:#06cde1;--okiru-orange:#ff7512;--okiru-gradient:linear-gradient(135deg,#06cde1,#9747ff 55%,#ff7512);--progress-gradient:linear-gradient(90deg,#06cde1,#9747ff);--bg-base:#050407;--bg-surface:#0c0a10;--bg-card:#111018;--bg-elevated:#181520;--bg-hover:#201b2c;--border:#ffffff0f;--border-accent:#9747ff59;--text-primary:#fff;--text-secondary:#c4b5d4;--text-muted:#6b5f7a;--primary:#9747ff;--primary-bright:#b57bff;--primary-light:#9747ff1f;--secondary:#06cde1;--secondary-light:#06cde11a;--tertiary:#ff7512;--tertiary-light:#ff75121a;--accent-teal:#06cde1;--accent-violet:#9747ff;--accent-amber:#ff7512;--accent-emerald:#10e8a0;--accent-rose:#fb7185;--accent-blue:#60a5fa;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 6px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 16px 48px #0009;--shadow-purple:0 4px 24px #9747ff40}[data-theme=light]{--bg-base:#f3f0f8;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f3f0f8;--bg-hover:#ebe6f5;--border:#9747ff1f;--border-accent:#9747ff4d;--text-primary:#1a0a2e;--text-secondary:#4a3060;--text-muted:#8b7a9b;--shadow-sm:0 1px 6px #9747ff14;--shadow-md:0 4px 20px #9747ff1f;--shadow-lg:0 16px 48px #9747ff26}body,html{-webkit-font-smoothing:antialiased;background:#050407;background:var(--bg-base);color:#fff;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;height:100%;line-height:1.55}#root{display:flex;flex-direction:column;min-height:100vh}a{color:#9747ff;color:var(--primary);text-decoration:none}a:hover{color:#b57bff;color:var(--primary-bright)}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#9747ff33;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#9747ff66}.btn{align-items:center;border:none;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:13.5px;font-weight:600;gap:6px;letter-spacing:.01em;padding:9px 22px;transition:all .15s ease;white-space:nowrap}.btn-primary{background:#9747ff;background:var(--primary);box-shadow:0 4px 24px #9747ff40;box-shadow:var(--shadow-purple);color:#fff}.btn-primary:hover{background:#7c28e8;box-shadow:0 6px 28px #9747ff66;transform:translateY(-1px)}.btn-ghost{background:#ffffff0d;border:1px solid #ffffff0f;border:1px solid var(--border);color:#c4b5d4;color:var(--text-secondary)}.btn-ghost:hover{background:#201b2c;background:var(--bg-hover);border-color:#9747ff59;border-color:var(--border-accent);color:#fff;color:var(--text-primary)}.btn-outline{background:#0000;border:1.5px solid #9747ff;border:1.5px solid var(--primary);color:#9747ff;color:var(--primary)}.btn-outline:hover{background:#9747ff1f;background:var(--primary-light)}.btn-cta{background:#ff7512;background:var(--tertiary);box-shadow:0 2px 12px #ff75124d;color:#fff}.btn-cta:hover{background:#e06010}input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{background:#ffffff0a;border:1.5px solid #ffffff0f;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}input::placeholder,textarea::placeholder{color:#6b5f7a;color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:#9747ff;border-color:var(--primary);box-shadow:0 0 0 3px #9747ff1f;box-shadow:0 0 0 3px var(--primary-light)}select option{background:#111018;background:var(--bg-card);color:#fff;color:var(--text-primary)}textarea{min-height:100px;resize:vertical}label{color:#c4b5d4;color:var(--text-secondary);display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.data-table{border-collapse:collapse;font-size:13.5px;width:100%}.data-table th{color:#6b5f7a;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;padding:10px 14px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border)}.data-table td{color:#c4b5d4;color:var(--text-secondary);padding:13px 14px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#181520;background:var(--bg-elevated)}.td-primary{color:#fff;color:var(--text-primary);font-weight:600}.td-muted{color:#6b5f7a;color:var(--text-muted);font-size:13px}.td-number{font-feature-settings:"tnum";color:#fff;color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.app-shell{background:var(--bg-base);display:flex;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.app-content{flex:1 1;overflow-y:auto;padding:24px 28px}@media (max-width:768px){.app-shell{flex-direction:column}.app-content{padding:16px}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);box-shadow:2px 0 24px #0006;flex-shrink:0;height:100vh;min-height:100vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:256px}.sidebar,.sidebar-logo{display:flex;flex-direction:column}.sidebar-logo{border-bottom:1px solid var(--border);gap:3px;padding:20px 20px 16px}.sidebar-logo-brand{align-items:center;display:flex;gap:10px}.sidebar-logo-img{flex-shrink:0;height:34px;width:auto}.sidebar-logo-name{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;letter-spacing:.12em;line-height:1}.sidebar-logo-sub{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.12em;padding-left:44px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 12px}.nav-section-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;margin:8px 0 6px;padding:0 10px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:9px 12px 9px 16px;position:relative;text-align:left;transition:all .12s ease;width:100%}.nav-item--active,.nav-item:hover{background:var(--primary-light);color:var(--primary)}.nav-item--active{font-weight:600}.nav-item--active:before{background:var(--primary);border-radius:0 4px 4px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:4px}.nav-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.nav-label{flex:1 1}.nav-indicator{display:none}.sidebar-footer{background:var(--bg-elevated);border-top:1px solid var(--border);gap:10px;padding:14px 16px}.sidebar-footer,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--okiru-gradient);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-avatar-btn{background:none;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;padding:0}.user-avatar--img{border-radius:50%;display:block;height:34px;object-fit:cover;width:34px}.user-name{color:var(--text-primary);font-size:13px;font-weight:600}.user-role{font-size:11px}.logout-btn,.user-role{color:var(--text-muted)}.logout-btn{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;margin-left:auto;padding:4px 8px;transition:color .15s,background .15s}.logout-btn:hover{background:#ba1a1a14;color:var(--accent-rose)}@media (max-width:768px){.sidebar{border-bottom:1px solid var(--border);border-right:none;box-shadow:0 2px 8px #0068760a;flex-direction:row;flex-wrap:wrap;height:auto;min-height:auto;position:static;width:100%}.sidebar-logo{border-bottom:none;padding:12px 16px}.sidebar-nav{flex:1 1;flex-direction:row;gap:4px;overflow:visible;padding:8px 12px}.nav-item--active:before,.nav-section-label,.sidebar-footer{display:none}}.header{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:0 1px 0 #9747ff14;display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-left{display:flex;flex-direction:column;gap:1px}.header-title{color:var(--text-primary);font-size:17px;font-weight:700;letter-spacing:-.3px}.header-breadcrumb{color:var(--text-muted);font-size:11px}.header-right{align-items:center;display:flex;gap:14px}.header-time{font-feature-settings:"tnum";color:var(--text-primary);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.header-date{color:var(--text-muted);display:block;font-size:10px;font-weight:400}.header-badge{align-items:center;background:#1b9e6e14;border:1px solid #1b9e6e33;border-radius:99px;color:var(--accent-emerald);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.04em;padding:5px 12px;text-transform:uppercase}.header-badge:before{animation:pulse 2s infinite;background:var(--accent-emerald);border-radius:50%;content:"";height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.theme-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s;width:34px}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:768px){.header{padding:0 16px}.header-time{display:none}}.login-screen{align-items:center;background:#050407;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg{background:radial-gradient(ellipse 70% 55% at 100% 100%,#9747ff2e 0,#0000 65%),radial-gradient(ellipse 50% 40% at 0 0,#06cde11f 0,#0000 55%)}.login-bg,.shooting-stars{inset:0;pointer-events:none;position:absolute;z-index:0}.shooting-stars{overflow:hidden}.star{animation:shoot linear infinite;height:2px;opacity:0;transform-origin:0 0;width:2px}.star,.star:after{border-radius:50%;left:0;position:absolute;top:0}.star:after{content:"";height:1px;transform:rotate(0deg) translateX(-80px);width:80px}.star:first-child,.star:nth-child(10),.star:nth-child(13),.star:nth-child(16),.star:nth-child(19),.star:nth-child(4),.star:nth-child(7){background:#9747ff}.star:first-child:after,.star:nth-child(10):after,.star:nth-child(13):after,.star:nth-child(16):after,.star:nth-child(19):after,.star:nth-child(4):after,.star:nth-child(7):after{background:linear-gradient(270deg,#9747ffd9,#0000)}.star:nth-child(11),.star:nth-child(14),.star:nth-child(17),.star:nth-child(2),.star:nth-child(20),.star:nth-child(5),.star:nth-child(8){background:#06cde1}.star:nth-child(11):after,.star:nth-child(14):after,.star:nth-child(17):after,.star:nth-child(2):after,.star:nth-child(20):after,.star:nth-child(5):after,.star:nth-child(8):after{background:linear-gradient(270deg,#06cde1d9,#0000)}.star:nth-child(12),.star:nth-child(15),.star:nth-child(18),.star:nth-child(3),.star:nth-child(6),.star:nth-child(9){background:#ff7512}.star:nth-child(12):after,.star:nth-child(15):after,.star:nth-child(18):after,.star:nth-child(3):after,.star:nth-child(6):after,.star:nth-child(9):after{background:linear-gradient(270deg,#ff7512d9,#0000)}@keyframes shoot{0%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(var(--angle))}5%{opacity:1}80%{opacity:.7}to{opacity:0;transform:translate(calc(var(--sx) + var(--tx)),calc(var(--sy) + var(--ty))) rotate(var(--angle))}}.star:first-child{--sx:8vw;--sy:-5px;--tx:300px;--ty:300px;--angle:45deg;animation-delay:0s;animation-duration:3.2s;height:3px;width:3px}.star:nth-child(2){--sx:25vw;--sy:-5px;--tx:280px;--ty:280px;--angle:43deg;animation-delay:1.3s;animation-duration:2.8s}.star:nth-child(3){--sx:60vw;--sy:-5px;--tx:320px;--ty:320px;--angle:46deg;animation-delay:.7s;animation-duration:3.5s;height:1.5px;width:1.5px}.star:nth-child(4){--sx:80vw;--sy:-5px;--tx:260px;--ty:260px;--angle:44deg;animation-delay:2.1s;animation-duration:2.5s}.star:nth-child(5){--sx:45vw;--sy:-5px;--tx:350px;--ty:350px;--angle:47deg;animation-delay:.3s;animation-duration:4s;height:2.5px;width:2.5px}.star:nth-child(6){--sx:15vw;--sy:-5px;--tx:290px;--ty:290px;--angle:42deg;animation-delay:3.8s;animation-duration:3s}.star:nth-child(7){--sx:70vw;--sy:-5px;--tx:310px;--ty:310px;--angle:45deg;animation-delay:1.9s;animation-duration:2.6s;height:1.5px;width:1.5px}.star:nth-child(8){--sx:90vw;--sy:-5px;--tx:270px;--ty:270px;--angle:46deg;animation-delay:.5s;animation-duration:3.8s}.star:nth-child(9){--sx:35vw;--sy:-5px;--tx:340px;--ty:340px;--angle:43deg;animation-delay:4.2s;animation-duration:2.9s;height:2px;width:2px}.star:nth-child(10){--sx:5vw;--sy:-5px;--tx:330px;--ty:330px;--angle:44deg;animation-delay:2.6s;animation-duration:3.6s}.star:nth-child(11){--sx:55vw;--sy:-5px;--tx:295px;--ty:295px;--angle:47deg;animation-delay:1s;animation-duration:2.7s;height:1.5px;width:1.5px}.star:nth-child(12){--sx:75vw;--sy:-5px;--tx:360px;--ty:360px;--angle:42deg;animation-delay:5.1s;animation-duration:3.3s;height:3px;width:3px}.star:nth-child(13){--sx:20vw;--sy:-5px;--tx:285px;--ty:285px;--angle:45deg;animation-delay:3.4s;animation-duration:2.4s}.star:nth-child(14){--sx:50vw;--sy:-5px;--tx:315px;--ty:315px;--angle:46deg;animation-delay:.9s;animation-duration:3.9s;height:2.5px;width:2.5px}.star:nth-child(15){--sx:85vw;--sy:-5px;--tx:275px;--ty:275px;--angle:43deg;animation-delay:6s;animation-duration:3.1s}.star:nth-child(16){--sx:40vw;--sy:-5px;--tx:345px;--ty:345px;--angle:44deg;animation-delay:1.7s;animation-duration:2.2s;height:1.5px;width:1.5px}.star:nth-child(17){--sx:65vw;--sy:-5px;--tx:325px;--ty:325px;--angle:47deg;animation-delay:4.9s;animation-duration:4.5s}.star:nth-child(18){--sx:10vw;--sy:-5px;--tx:305px;--ty:305px;--angle:42deg;animation-delay:2.3s;animation-duration:3.4s;height:2px;width:2px}.star:nth-child(19){--sx:30vw;--sy:-5px;--tx:355px;--ty:355px;--angle:45deg;animation-delay:7.2s;animation-duration:2.9s;height:3px;width:3px}.star:nth-child(20){--sx:95vw;--sy:-5px;--tx:265px;--ty:265px;--angle:46deg;animation-delay:.1s;animation-duration:3.7s}.star-dot{animation:twinkle ease-in-out infinite;border-radius:50%;height:2px;position:absolute;width:2px}.star-dot:first-child,.star-dot:nth-child(4),.star-dot:nth-child(7){background:#9747ff80}.star-dot:nth-child(2),.star-dot:nth-child(5),.star-dot:nth-child(8){background:#06cde180}.star-dot:nth-child(3),.star-dot:nth-child(6){background:#ff751280}@keyframes twinkle{0%,to{opacity:0;transform:scale(1)}50%{opacity:.7;transform:scale(2)}}.star-dot:first-child{animation-delay:0s;animation-duration:3s;left:12%;top:8%}.star-dot:nth-child(2){animation-delay:.8s;animation-duration:2.5s;left:38%;top:22%}.star-dot:nth-child(3){animation-delay:1.6s;animation-duration:4s;left:72%;top:45%}.star-dot:nth-child(4){animation-delay:2.4s;animation-duration:2.8s;left:15%;top:65%}.star-dot:nth-child(5){animation-delay:.4s;animation-duration:3.5s;left:55%;top:80%}.star-dot:nth-child(6){animation-delay:1.2s;animation-duration:2.2s;left:90%;top:30%}.star-dot:nth-child(7){animation-delay:2.9s;animation-duration:3.8s;left:82%;top:70%}.star-dot:nth-child(8){animation-delay:.6s;animation-duration:2.6s;left:62%;top:15%}.login-card{background:#0c0a10;border:1px solid #9747ff40;border-radius:var(--radius-xl);box-shadow:0 8px 40px #9747ff33,0 2px 8px #0006;max-width:420px;padding:44px 40px;position:relative;width:100%;z-index:1}.login-card:before{background:linear-gradient(90deg,#06cde1,#9747ff 55%,#ff7512);border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.login-brand{align-items:center;display:flex;flex-direction:column;gap:10px;margin-bottom:28px;text-align:center}.login-logo-symbol{border-radius:50%;height:72px;object-fit:contain;width:72px}.login-title{color:#fff;font-size:22px;font-weight:700;line-height:1.2;margin:0}.login-sub{color:#6b5f7a;font-size:11px;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.login-tagline{color:#c4b5d4;font-size:13.5px;line-height:1.6;margin:0 0 28px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label{color:#c4b5d4}.login-form input{background:#111018;border-color:#9747ff40;color:#fff}.login-form input:focus{border-color:#9747ff;box-shadow:0 0 0 3px #9747ff26}.login-btn{background:#9747ff;box-shadow:0 4px 24px #9747ff59;font-size:15px;justify-content:center;letter-spacing:.02em;margin-top:4px;padding:14px;width:100%}.login-btn:hover:not(:disabled){background:#7c28e8;box-shadow:0 6px 32px #9747ff80;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.login-error{color:#fb7185;font-size:12px;margin-top:-8px}.login-footer{border-top:1px solid #9747ff26;color:#6b5f7a;font-size:12px;margin-top:24px;padding-top:20px;text-align:center}.link-btn{background:none;border:none;color:#9747ff;cursor:pointer;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:#b57bff}.reset-sent{align-items:center;display:flex;flex-direction:column;gap:10px;padding:8px 0 0;text-align:center}.reset-sent-icon{font-size:40px}.reset-sent-title{font-size:17px;font-weight:700;margin:0}.reset-sent-text{color:#c4b5d4;font-size:13px;line-height:1.6;margin:0;max-width:320px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:baseline;border-bottom:1px solid var(--border);display:flex;gap:8px;justify-content:space-between;padding:20px 24px 14px}.card-title{color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.2px}.card-subtitle{color:var(--text-muted);font-size:12px;font-weight:500}.card-body{padding:20px 24px 24px}.comments-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:8px;padding:24px}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.comments-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.comments-count{background:var(--primary-light);border:1px solid var(--border-accent);border-radius:99px;color:var(--primary);font-size:12px;font-weight:600;padding:3px 10px}.comment-form{display:flex;gap:12px;margin-bottom:24px}.comment-form-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.comment-form-right{display:flex;flex:1 1;flex-direction:column;gap:8px}.comment-input{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:13.5px;line-height:1.5;min-height:64px;padding:11px 14px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.comment-input:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light);outline:none}.comment-form-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.comment-char{color:var(--text-muted);font-size:11px}.comment-submit{font-size:13px;padding:7px 18px}.comment-submit:disabled{cursor:not-allowed;opacity:.5}.comments-empty{color:var(--text-muted);font-size:13px;padding:32px 0;text-align:center}.comments-list{display:flex;flex-direction:column;gap:0}.comment-item{border-bottom:1px solid var(--border);display:flex;gap:12px;padding:16px 0}.comment-item:last-child{border-bottom:none}.comment-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.comment-avatar--sm{font-size:10px;height:28px;width:28px}.comment-body{flex:1 1;min-width:0}.comment-meta{align-items:baseline;display:flex;gap:8px;margin-bottom:5px}.comment-name{color:var(--text-primary);font-size:13px;font-weight:600}.comment-time{color:var(--text-muted);font-size:11px}.comment-text{color:var(--text-secondary);font-size:13.5px;line-height:1.6;margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.comment-actions{align-items:center;display:flex;gap:12px}.comment-reply-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:12px;font-weight:600;padding:0;transition:opacity .15s}.comment-reply-btn:hover{opacity:.7}.comment-delete-inline{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0;transition:color .15s}.comment-delete-inline:hover{color:var(--accent-rose)}.reply-form{display:flex;gap:10px;margin-top:12px}.reply-form-avatar{font-size:10px;height:28px;width:28px}.reply-cancel{font-size:12px;padding:6px 14px}.comment-replies{border-left:2px solid var(--border);display:flex;flex-direction:column;gap:0;margin-top:12px;padding-left:14px}.comment-reply{border-bottom:1px solid var(--border);padding:10px 0}.comment-reply:last-child{border-bottom:none;padding-bottom:0}.portal{flex-direction:column}.portal,.portal-hero{display:flex;gap:24px}.portal-hero{align-items:flex-end;border-radius:var(--radius-xl);color:#fff;justify-content:space-between;min-height:200px;overflow:hidden;padding:36px 40px;position:relative}.portal-hero-bg{background:linear-gradient(135deg,#0c0a10,#1a0936 50%,#0c0a10);inset:0;position:absolute;z-index:0}.portal-hero-bg:before{background:radial-gradient(ellipse 80% 70% at 100% 100%,#9747ff40 0,#0000 60%),radial-gradient(ellipse 50% 40% at 0 0,#06cde11a 0,#0000 55%);content:"";inset:0;position:absolute}.portal-hero-bg:after{background:#9747ff0f;border-radius:50%;content:"";height:320px;position:absolute;right:-60px;top:-80px;width:320px}.portal-hero-content{gap:28px;position:relative;z-index:1}.hero-left,.portal-hero-content{align-items:center;display:flex;flex:1 1}.hero-left{gap:24px;min-width:0}.hero-avatar{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:3px solid #ffffff59;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:800;height:76px;justify-content:center;width:76px}.hero-avatar--img{background:none;display:block;font-size:0;object-fit:cover}.hero-identity{min-width:0}.hero-name{font-size:26px;font-weight:800;letter-spacing:-.4px;margin-bottom:3px}.hero-company{font-size:13px;font-weight:500;margin-bottom:6px;opacity:.8}.hero-sub{font-size:13px;margin-bottom:10px;opacity:.75}.hero-overall-bar{background:#fff3;border-radius:99px;height:5px;max-width:100%;overflow:hidden;width:220px}.hero-overall-fill{background:#ffffffd9;border-radius:99px;height:100%;transition:width .5s ease}.access-expiry{align-items:center;border:1px solid #0000;border-radius:99px;display:inline-flex;font-size:11.5px;font-weight:600;gap:7px;margin-top:10px;max-width:-webkit-fit-content;max-width:fit-content;padding:5px 12px 5px 8px}.expiry-dot{animation:expiry-pulse 2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:8px;width:8px}@keyframes expiry-pulse{0%,to{opacity:1}50%{opacity:.4}}.expiry-message{opacity:.9}.expiry-count{background:#ffffff26;border-radius:99px;font-size:10.5px;font-weight:700;padding:1px 7px;white-space:nowrap}.expiry-green{background:#22c55e26;border-color:#22c55e40;color:#a7f3c0}.expiry-green .expiry-dot{background:#4ade80;box-shadow:0 0 6px #4ade80cc}.expiry-yellow{background:#eab30826;border-color:#eab3084d;color:#fde68a}.expiry-yellow .expiry-dot{background:#facc15;box-shadow:0 0 6px #facc15cc}.expiry-red{background:#ef44442e;border-color:#ef444459;color:#fca5a5}.expiry-red .expiry-dot{background:#f87171;box-shadow:0 0 6px #f87171e6}.expiry-red .expiry-count{background:#ef444440}.expiry-expired{background:#7f1d1d59;border-color:#b91c1c66;color:#fca5a5}.expiry-expired .expiry-dot{animation:none;background:#dc2626}.expiry-expired .expiry-count{background:#b91c1c4d}.hero-stats{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:var(--radius-lg);display:flex;flex-shrink:0;gap:0;padding:16px 24px;position:relative;z-index:1}.hero-stat{padding:0 20px;text-align:center}.hero-stat-val{display:block;font-size:28px;font-weight:800;line-height:1.1}.hero-stat-label{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;margin-top:4px;opacity:.75;text-transform:uppercase}.hero-stat-divider{background:#fff3;height:40px;width:1px}.hero-cta{align-self:flex-start;background:#fff;border-radius:var(--radius-pill);box-shadow:0 4px 16px #00000026;color:var(--primary);flex-shrink:0;font-size:13.5px;font-weight:700;margin-top:4px;padding:10px 22px;position:relative;transition:box-shadow .2s,transform .15s;z-index:1}.hero-cta:hover{box-shadow:0 6px 20px #0003;transform:translateY(-1px)}.portal-onboarding{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;justify-content:center;min-height:300px;overflow:hidden;padding:56px 40px;position:relative}.onboarding-glow{background:radial-gradient(ellipse 55% 45% at 20% 30%,#06cde10f 0,#0000 60%),radial-gradient(ellipse 45% 40% at 80% 70%,#9747ff14 0,#0000 60%);inset:0;pointer-events:none;position:absolute}.onboarding-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:520px;position:relative;text-align:center}.onboarding-icon{font-size:52px;line-height:1}.onboarding-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.onboarding-sub{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0;max-width:420px}.onboarding-features{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:4px}.ob-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:500;gap:7px}.ob-feature-icon{font-size:16px}.ob-cta{font-size:14px;margin-top:8px;padding:12px 28px}.portal-course-list{display:flex;flex-direction:column;gap:12px}.portal-course-row{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px 18px;transition:border-color .2s,box-shadow .2s}.portal-course-row:hover{border-color:var(--border-accent);box-shadow:var(--shadow-sm)}.pcr-accent{background:var(--progress-gradient);border-radius:99px;flex-shrink:0;height:56px;width:4px}.pcr-info{flex:1 1;min-width:0}.pcr-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.pcr-category{border:1px solid;border-radius:99px;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.pcr-level{color:var(--text-muted);font-size:11px}.pcr-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcr-instructor{color:var(--text-muted);font-size:11px;margin-bottom:8px}.pcr-progress-row{align-items:center;display:flex;gap:8px}.pcr-bar{background:var(--border);border-radius:99px;flex:1 1;height:5px;overflow:hidden}.pcr-fill{background:var(--progress-gradient);border-radius:99px;height:100%;transition:width .4s ease}.pcr-pct{color:var(--text-secondary);font-size:11px;font-weight:600;min-width:28px;text-align:right}.pcr-action{flex-shrink:0}@media (max-width:768px){.portal-hero{align-items:flex-start;flex-direction:column;padding:28px 24px}.hero-stats{justify-content:space-around;width:100%}.hero-stat{padding:0 12px}.hero-cta{align-self:stretch;justify-content:center;text-align:center}.portal-course-row{flex-wrap:wrap}.pcr-action{width:100%}.pcr-action .btn{justify-content:center;width:100%}}.spinner-wrap{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-blue);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-msg{color:var(--text-muted);font-size:14px}.catalogue{display:flex;flex-direction:column;gap:20px}.catalogue-header{align-items:flex-end;display:flex;justify-content:space-between}.catalogue-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.catalogue-sub{color:var(--text-muted);font-size:13px;margin-top:3px}.catalogue-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.catalogue-search{max-width:280px}.cat-filters{display:flex;flex-wrap:wrap;gap:6px}.cat-filter{background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s ease}.cat-filter:hover{background:var(--bg-hover);color:var(--text-primary)}.cat-filter--active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.catalogue-empty{color:var(--text-muted);padding:48px;text-align:center}.catalogue-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.cc-cover{aspect-ratio:3/2;background:#0f172a;overflow:hidden;position:relative;width:100%}.cc-cover-img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.cc-cover--trim-bottom{aspect-ratio:1536/1010}.cc-cover--trim-bottom .cc-cover-img{object-position:center top}.course-card:hover .cc-cover-img{transform:scale(1.02)}.cc-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.cc-cat{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.cc-cat,.cc-level{border:1px solid;border-radius:99px;font-size:10px;padding:3px 10px}.cc-level{font-weight:600}.cc-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px 20px}.cc-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.3}.cc-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:12px;line-height:1.55;overflow:hidden}.cc-instructor{gap:8px}.cc-avatar,.cc-instructor{align-items:center;display:flex}.cc-avatar{background:var(--okiru-gradient);border-radius:50%;color:#fff;flex-shrink:0;font-size:9px;font-weight:700;height:24px;justify-content:center;width:24px}.cc-iname{color:var(--text-secondary);font-size:12px;font-weight:500}.cc-stats{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px}.stars{align-items:center;display:flex;font-size:13px;gap:1px}.stars-val{color:var(--text-secondary);font-size:11px;font-weight:600;margin-left:4px}.stars-count{color:var(--text-muted);font-size:11px;margin-left:2px}.cc-review-widget{align-items:center;border-top:1px solid var(--border);display:flex;gap:6px;margin-top:8px;padding-top:8px}.cc-review-label{color:var(--text-muted);font-size:11px;white-space:nowrap}.cc-interactive-stars{display:flex;gap:1px}.cc-star-btn{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:0 1px;transition:transform .1s}.cc-star-btn:hover:not(:disabled){transform:scale(1.2)}.cc-star-btn:disabled{cursor:default}.cc-review-saved{color:var(--accent-emerald);font-size:11px;font-weight:700;margin-left:2px}.cc-progress{align-items:center;display:flex;gap:8px;margin-top:2px}.cc-prog-bar{background:var(--bg-surface);border-radius:99px;flex:1 1;height:4px;overflow:hidden}.cc-prog-fill{background:var(--progress-gradient)!important;border-radius:99px;height:100%;transition:width .4s ease}.cc-prog-pct{color:var(--text-secondary);font-size:11px;font-weight:600}.cc-footer{padding:0 20px 18px}.cc-btn{justify-content:center;width:100%}.player{display:flex;gap:0;height:calc(100vh - 60px);margin:-24px -28px;overflow:hidden}.player-sidebar{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:300px}.player-course-title{border-bottom:1px solid var(--border);padding:20px 18px 14px}.player-cat{border:1px solid;border-radius:99px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.player-title{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4}.player-modules{flex:1 1;padding:10px 0}.player-mod{border-bottom:1px solid var(--border)}.player-mod-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:12px 18px;transition:background .15s}.player-mod--active .player-mod-header,.player-mod-header:hover{background:var(--bg-elevated)}.player-mod-check{color:var(--accent-teal);flex-shrink:0;font-size:13px;width:16px}.player-mod-name{color:var(--text-primary);font-size:12px;font-weight:600}.player-lessons{padding:4px 0 8px}.player-lesson{align-items:flex-start;background:none;border:none;cursor:pointer;display:flex;gap:8px;padding:8px 18px 8px 28px;text-align:left;transition:background .12s;width:100%}.player-lesson:hover{background:var(--bg-hover)}.player-lesson--active{background:var(--primary-light)}.player-lesson--quiz{border-top:1px solid var(--border);margin-top:4px}.pl-check{color:var(--primary);flex-shrink:0;font-size:11px;margin-top:1px}.pl-title{color:var(--text-secondary);flex:1 1;font-size:12px;line-height:1.4}.player-lesson--active .pl-title{color:var(--text-primary)}.pl-meta{color:var(--text-muted);flex-shrink:0;font-size:10px}.player-final-wrap{border-top:1px solid var(--border);padding:8px 0 4px}.player-cert-btn{margin:12px 16px 4px}.player-rating{border-top:1px solid var(--border);margin-top:4px;padding:12px 16px 16px}.player-rating-label{color:var(--text-muted);display:block;font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.player-rating-stars{display:flex;gap:2px}.player-star-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:0 2px;transition:transform .1s}.player-star-btn:hover{transform:scale(1.2)}.player-main{flex:1 1;overflow-y:auto}.player-content{margin:0 auto;max-width:760px;padding:32px 28px}.lesson-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.lesson-module-name{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.lesson-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.lesson-type{background:var(--bg-elevated);border-radius:99px;color:var(--text-muted);flex-shrink:0;font-size:12px;padding:5px 12px;white-space:nowrap}.lesson-type,.video-player{border:1px solid var(--border)}.video-player{background:var(--bg-card);border-radius:var(--radius-xl);margin-bottom:28px;overflow:hidden}.video-embed-wrap{height:0;padding-bottom:56.25%;position:relative}.video-embed{border:none;height:100%;inset:0;position:absolute;width:100%}.video-thumb{align-items:center;display:flex;flex-direction:column;gap:12px;height:200px;justify-content:center}.video-label{color:var(--text-secondary);font-size:12px}.lesson-intro{border-left:3px solid var(--primary);color:var(--text-secondary);font-size:14px;line-height:1.75;margin-bottom:20px;padding:14px 18px}.lesson-intro,.lesson-objectives{background:var(--bg-elevated);border-radius:var(--radius-md)}.lesson-objectives{border:1px solid var(--border);margin-bottom:16px;padding:16px 20px}.lesson-objectives-label{color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.lesson-objectives-list{list-style:disc;margin:0;padding:0 0 0 18px}.lesson-objectives-list li{color:var(--text-secondary);font-size:13.5px;line-height:1.65;margin-bottom:5px}.lesson-objectives-list li:last-child{margin-bottom:0}.acc-section{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:8px;overflow:hidden}.acc-header{align-items:center;background:var(--bg-elevated);border:none;cursor:pointer;display:flex;gap:10px;padding:13px 16px;text-align:left;transition:background .15s;width:100%}.acc-header:hover{background:var(--bg-hover)}.acc-section--open .acc-header{background:var(--primary-light);border-bottom:1px solid var(--border)}.acc-title{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:600}.acc-chevron{color:var(--text-muted);flex-shrink:0;font-size:10px}.acc-body{background:var(--bg-card);padding:18px 20px}.lesson-body{color:var(--text-secondary);line-height:1.75;margin-bottom:32px}.lesson-body p{font-size:13.5px;margin-bottom:14px}.lesson-body strong{color:var(--text-primary);font-weight:600}.lesson-body ul{margin:0 0 14px 20px}.lesson-body li{font-size:13.5px;margin-bottom:6px}.acc-body p{color:var(--text-secondary);font-size:13.5px;margin-bottom:12px}.acc-body strong{color:var(--text-primary);font-weight:600}.acc-body ul{margin:0 0 12px 20px}.acc-body li{color:var(--text-secondary);font-size:13.5px;margin-bottom:6px}.lesson-actions{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;padding-top:8px}.lesson-done-badge{background:#10e8a01a;border:1px solid #10e8a033;border-radius:99px;color:var(--accent-emerald);font-size:12px;font-weight:600;padding:8px 16px}.quiz{max-width:600px}.quiz-title{font-size:20px;font-weight:700;margin-bottom:4px}.quiz-subtitle{color:var(--text-muted);font-size:13px;margin-bottom:28px}.quiz-questions{display:flex;flex-direction:column;gap:24px;margin-bottom:28px}.quiz-q-text{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.quiz-q-num{color:var(--accent-teal);margin-right:6px}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:11px 16px;text-align:left;transition:all .15s ease;width:100%}.quiz-option:hover{background:var(--bg-hover);border-color:var(--border-accent);color:var(--text-primary)}.quiz-option--selected{background:var(--primary-light);border-color:var(--primary);color:var(--text-primary)}.quiz-opt-letter{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.quiz-option--selected .quiz-opt-letter{background:var(--primary);border-color:var(--primary);color:#fff}.quiz-submit{min-width:160px}.quiz-submit:disabled{cursor:not-allowed;opacity:.5}.quiz-result{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.quiz-result-icon{font-size:52px}.quiz-pass{color:var(--accent-emerald)}.quiz-fail,.quiz-pass{font-size:22px;font-weight:700}.quiz-fail{color:var(--tertiary)}.quiz-score{color:var(--text-primary);font-size:18px;font-weight:600}.quiz-msg{color:var(--text-muted);font-size:14px;max-width:340px}.section-label-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.section-label-icon{flex-shrink:0;font-size:16px}.section-label-title{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:700}.section-label-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:10px;font-weight:600;padding:2px 8px;white-space:nowrap}.flashcard-section{margin-bottom:16px}.flashcard-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.flip-card{border-radius:var(--radius-md);cursor:pointer;height:170px;perspective:900px;-webkit-user-select:none;user-select:none}.flip-card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1);width:100%}.flip-card--flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius-md);border-top-width:1px;border:1px solid var(--border);border-top:3px solid var(--border);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:16px;position:absolute;text-align:center}.flip-card-front{background:var(--bg-surface)}.flip-card-back{border-top-width:1px;border:1px solid var(--border);border-top:3px solid var(--border);transform:rotateY(180deg)}.flip-card-icon{font-size:22px}.flip-card-front-text{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.4;margin:0}.flip-card-back-text{color:var(--text-secondary);font-size:12.5px;line-height:1.5;margin:0}.flip-card-hint{color:var(--text-muted);font-size:10px;letter-spacing:.04em;margin-top:auto}.comparison-section{margin-bottom:16px}.comparison-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.comparison-table{border-collapse:collapse;font-size:13px;width:100%}.comparison-table th{background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-align:left;text-transform:uppercase}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--border);padding:10px 14px}.comparison-table td{color:var(--text-secondary);line-height:1.5;vertical-align:top}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:nth-child(2n) td{background:var(--bg-elevated)}.comparison-table td strong{color:var(--text-primary);font-weight:600}.tip-block{align-items:flex-start;border:1px solid;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:12px;padding:14px 16px}.tip-tip{background:#ffbe0014;border-color:#ffbe004d}.tip-warning{background:#ff5a3214;border-color:#ff5a324d}.tip-note{background:#06cde114;border-color:#06cde14d}.tip-success{background:#10e8a014;border-color:#10e8a04d}.tip-icon{flex-shrink:0;font-size:20px;margin-top:1px}.tip-label{color:var(--text-primary);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.tip-content{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.diagram-section{margin-bottom:16px}.diagram-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.diagram-svg-container{overflow-x:auto;padding:16px;width:100%}.diagram-svg-container svg{display:block;height:auto;margin:0 auto;max-width:100%}.diagram-caption{border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;font-style:italic;margin:0;padding:8px 16px 12px;text-align:center}.step-section{margin-bottom:16px}.step-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.step-item{align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:12px;padding:12px 14px}.step-num{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.step-content{display:flex;flex-direction:column;gap:3px}.step-heading{color:var(--text-primary);font-size:13px;font-weight:600}.step-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}@media (max-width:768px){.player{flex-direction:column;height:auto;margin:-16px}.player-sidebar{height:auto;width:100%}.player-content{padding:20px 16px}.flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.lesson-image-block{margin:24px 0;text-align:center}.lesson-image{border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:100%}.lesson-image-caption{color:var(--text-muted);font-size:13px;font-style:italic;margin-top:10px}.certs-page{display:flex;flex-direction:column;gap:32px}.certs-header{align-items:baseline;display:flex;justify-content:space-between}.certs-header h2{font-size:22px;font-weight:700}.certs-sub{color:var(--text-muted);font-size:13px}.certs-section-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:16px;text-transform:uppercase}.certs-earned-list{display:flex;flex-direction:column;gap:32px}.certs-locked-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cert-empty{align-items:center;display:flex;flex-direction:column;gap:14px;padding:80px 20px;text-align:center}.cert-empty-icon{font-size:52px}.cert-empty h3{font-size:20px;font-weight:700}.cert-empty p{color:var(--text-muted);line-height:1.6;max-width:400px}.cert-doc{background:#fff;background-repeat:repeat;background-size:auto;border-radius:12px;box-shadow:0 12px 48px #00000047,0 2px 8px #0000001f;color:#1a0a2e;display:flex;flex-direction:column;max-width:100%;overflow:hidden;position:relative;width:460px}.cert-header-band{flex-shrink:0;justify-content:space-between;padding:18px 28px}.cert-header-band,.cert-header-left{align-items:center;display:flex}.cert-header-right{text-align:right}.cert-header-cert{color:#fff;font-size:22px;font-weight:900;letter-spacing:5px;line-height:1;text-shadow:0 1px 4px #0000004d}.cert-header-sub{color:#ffffffbf;font-size:9px;font-weight:700;letter-spacing:.3em;margin-top:3px}.cert-doc-body{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:36px 40px 28px;position:relative;text-align:center;z-index:1}.cert-presented{color:#666;font-size:13px;font-style:italic;font-weight:500;margin:0 0 10px}.cert-doc-name{color:#1a0a2e;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,4.5vw,52px);font-style:italic;font-weight:800;line-height:1.1;margin:0 0 16px}.cert-divider{border-radius:99px;height:3px;margin:0 auto 16px;width:220px}.cert-completion-text{color:#777;font-size:12px;font-style:italic;margin:0 0 8px}.cert-course-title{color:#1a0a2e;font-size:clamp(14px,2vw,18px);font-weight:700;line-height:1.4;margin:0 0 14px;max-width:460px}.cert-category-badge{border:1px solid;border-radius:99px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;margin:0;padding:4px 12px;text-transform:uppercase}.cert-doc-footer{align-items:stretch;background:#fafafa;border-top:1px solid #e8e8e8;display:flex;gap:0;padding:14px 24px;position:relative;z-index:1}.cert-footer-mid{flex:1 1;gap:16px;justify-content:space-around}.cert-footer-mid,.cert-seal{align-items:center;display:flex}.cert-seal{border:2px solid;border-radius:50%;flex-shrink:0;height:68px;justify-content:center;margin-right:16px;width:68px}.cert-seal-inner{align-items:center;border-radius:50%;display:flex;flex-direction:column;gap:1px;height:56px;justify-content:center;width:56px}.cert-seal-score{font-size:18px;font-weight:900;line-height:1}.cert-seal-score span{font-size:11px;font-weight:700}.cert-seal-label{color:#999;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cert-cert-id,.cert-issue-date{display:flex;flex-direction:column;gap:2px;text-align:center}.cert-footer-label{color:#aaa;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cert-footer-val{color:#333;font-size:12px;font-weight:600}.cert-footer-val--mono{font-family:monospace;font-size:11px;letter-spacing:.05em}.cert-doc-qr-block{align-items:center;display:flex;flex-direction:column;gap:4px}.cert-doc-qr-link{border:1.5px solid #0000;border-radius:6px;display:block;line-height:0;transition:border-color .15s}.cert-doc-qr-link:hover{border-color:#9747ff}.cert-doc-qr{border-radius:4px;display:block}.cert-doc-qr-label{color:#aaa;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.cert-disclaimer{background:#fafafa;border-top:1px solid #f0f0f0;color:#aaa;font-size:8px;font-style:italic;line-height:1.5;padding:6px 24px 8px;text-align:center}.cert-ribbon{display:flex;flex-shrink:0;height:7px}.cert-ribbon-strip{flex:1 1}.cert-earn-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:14px}.cert-earn-actions{display:flex;flex-wrap:wrap;gap:10px}.cert-locked-wrap{display:flex;flex-direction:column;gap:8px}.cert-locked-label{color:var(--text-muted);font-size:12px;font-weight:600;text-align:center}.cert-doc--locked{cursor:not-allowed;max-width:100%;min-height:420px;width:100%}.cert-doc-inner--blurred{filter:blur(3px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none}.cert-lock-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff6;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:20px;position:absolute;text-align:center;z-index:3}.cert-lock-icon{font-size:36px}.cert-lock-title{color:#1a0a2e;font-size:20px;font-weight:900;letter-spacing:.15em}.cert-lock-msg{color:#555;font-size:12px;line-height:1.5;max-width:220px}@media print{.cert-earn-actions,.certs-header,.certs-locked-grid,.certs-section-label,.header,.sidebar{display:none!important}.cert-doc{box-shadow:none;max-width:100%}body{background:#fff!important}}.admin{display:flex;flex-direction:column;gap:24px}.admin-welcome{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.admin-title{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.3px}.admin-actions{align-items:center;display:flex;gap:10px}.admin-kpis{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.admin-cat{border:1px solid;border-radius:99px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.admin-prog-row{align-items:center;display:flex;gap:8px}.admin-prog-bar{background:var(--bg-elevated);border-radius:99px;flex:1 1;height:6px;min-width:60px;overflow:hidden}.admin-prog-fill{background:var(--progress-gradient);border-radius:99px;height:100%;transition:width .3s ease}.admin-learner-row{align-items:center;display:flex;gap:10px}.admin-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;object-fit:cover;width:30px}.admin-table{width:100%}.status-badge{border-radius:99px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 10px;text-transform:uppercase}.status-invited{background:var(--primary-light);border:1px solid var(--border-accent);color:var(--primary)}.status-active{background:#1b9e6e1a;border:1px solid #1b9e6e40;color:var(--accent-emerald)}.status-expired{background:#7f1d1d1a;border:1px solid #b91c1c40;color:#991b1b}.btn-icon-danger{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px 8px;transition:color .15s,background .15s}.btn-icon-danger:hover{background:#ba1a1a14;color:var(--accent-rose)}.btn-icon-remind{background:none;border:1px solid #f59e0b4d;border-radius:var(--radius-sm);color:#f59e0b;cursor:pointer;font-size:11px;padding:4px 10px;transition:color .15s,background .15s,border-color .15s;white-space:nowrap}.btn-icon-remind:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b}.btn-icon-remind:disabled{cursor:default;opacity:.6}.btn-icon-remind.reminded{border-color:#1b9e6e66;color:var(--accent-emerald)}.last-reminded-label{color:var(--text-muted);font-size:9.5px;white-space:nowrap}.btn-danger{background:#ba1a1a14;border:1px solid #ba1a1a33;border-radius:var(--radius-pill);color:var(--accent-rose);cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:background .15s}.btn-danger:hover{background:#ba1a1a26}.empty-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:48px 20px;text-align:center}.empty-icon{font-size:40px;opacity:.4}.empty-text{color:var(--text-muted);font-size:14px;margin:0}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#191c1d73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{animation:slideUp .18s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;overflow:hidden;width:100%}.modal-box:before{background:var(--okiru-gradient);content:"";display:block;height:4px}.modal-sm{max-width:380px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{color:var(--text-primary);font-size:17px;font-weight:700}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;transition:color .15s,background .15s}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-sub{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.invite-form{gap:14px;padding:20px 24px 24px}.invite-form,.invite-form label{display:flex;flex-direction:column}.invite-form label{color:var(--text-secondary);font-size:12px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.invite-form input{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.invite-form input:focus{border-color:var(--primary-bright);box-shadow:0 0 0 3px var(--primary-light)}.invite-error{color:var(--accent-rose);font-size:12px;margin:-6px 0 0}.req{color:var(--tertiary);margin-left:2px}.invite-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.invite-success{align-items:center;display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.invite-success-icon{font-size:36px}.invite-success-title{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.credential-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-align:left;width:100%}.credential-row{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 14px}.credential-row:last-child{border-bottom:none}.cred-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.07em;min-width:110px;padding-top:1px;text-transform:uppercase}.cred-value{color:var(--text-primary);font-size:13px;word-break:break-all}.cred-password{color:var(--primary);font-family:monospace;font-size:15px;font-weight:700}.cred-url{color:var(--text-muted);font-size:12px}.email-sent-note{color:var(--accent-emerald)!important}.email-warn-note{color:var(--tertiary)!important}.learner-group-header{align-items:center;border-bottom:2px solid var(--border);display:flex;gap:10px;margin-bottom:8px;padding:8px 4px}.learner-group-name{color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:-.1px}.learner-group-count{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);padding:1px 8px}.access-chip,.learner-group-count{border-radius:99px;font-size:11px;font-weight:600}.access-chip{align-items:center;border:1px solid #0000;display:inline-flex;gap:5px;padding:3px 8px 3px 6px;white-space:nowrap}.access-chip-dot{animation:chip-pulse 2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes chip-pulse{0%,to{opacity:1}50%{opacity:.35}}.access-chip-date{opacity:.85}.access-chip-count{background:#00000026;border-radius:99px;font-size:10px;font-weight:700;padding:0 5px}.access-chip-green{background:#22c55e1f;border-color:#22c55e4d;color:#16a34a}.access-chip-green .access-chip-dot{background:#22c55e;box-shadow:0 0 5px #22c55eb3}.access-chip-yellow{background:#ca8a041f;border-color:#ca8a044d;color:#a16207}.access-chip-yellow .access-chip-dot{background:#ca8a04;box-shadow:0 0 5px #ca8a04b3}.access-chip-red{background:#dc26261a;border-color:#dc26264d;color:#dc2626}.access-chip-red .access-chip-dot{background:#ef4444;box-shadow:0 0 5px #ef4444b3}.access-chip-expired{background:#7f1d1d1f;border-color:#b91c1c4d;color:#991b1b}.access-chip-expired .access-chip-dot{animation:none;background:#b91c1c}@media (max-width:768px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-welcome{align-items:flex-start;flex-direction:column}}.profile-page{display:flex;flex-direction:column;gap:28px;max-width:680px}.profile-header h2{font-size:22px;font-weight:700;margin:0 0 4px}.profile-sub{color:var(--text-muted);font-size:13px;margin:0}.profile-form{display:flex;flex-direction:column;gap:28px}.profile-avatar-section{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-avatar-wrap{border:3px solid #9747ff66;border-radius:50%;box-shadow:0 0 0 4px #9747ff1f,0 4px 24px #0000004d;cursor:pointer;flex-shrink:0;height:140px;overflow:hidden;position:relative;width:140px}.profile-avatar-img{display:block;height:100%;object-fit:cover;width:100%}.profile-avatar-initials{background:linear-gradient(135deg,#9747ff,#06cde1);font-size:44px;font-weight:800;height:100%;width:100%}.profile-avatar-initials,.profile-avatar-overlay{align-items:center;color:#fff;display:flex;justify-content:center}.profile-avatar-overlay{background:#0000008c;border-radius:50%;flex-direction:column;font-size:11px;font-weight:600;gap:4px;inset:0;opacity:0;position:absolute;text-align:center;transition:opacity .2s}.profile-avatar-overlay span:first-child{font-size:22px}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-file-input{display:none}.profile-avatar-hint{color:var(--text-muted);font-size:11px;line-height:1.5;max-width:220px;text-align:center}.profile-fields{gap:18px}.profile-field,.profile-fields{display:flex;flex-direction:column}.profile-field{gap:6px}.profile-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}@media (max-width:480px){.profile-row{grid-template-columns:1fr}}.profile-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.profile-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.profile-input:focus{border-color:#9747ff;box-shadow:0 0 0 3px #9747ff26}.profile-input:disabled{cursor:not-allowed;opacity:.5}.profile-textarea{min-height:80px;resize:vertical}.profile-select{cursor:pointer}.profile-error{color:#fb7185;font-size:13px}.profile-actions{display:flex}.profile-save-btn{justify-content:center;min-width:160px}.fb-trigger{align-items:center;background:#9747ff;border:none;border-radius:99px;bottom:28px;box-shadow:0 4px 20px #9747ff73;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;padding:10px 18px 10px 14px;position:fixed;right:28px;transition:background .15s,box-shadow .15s,transform .15s;z-index:1000}.fb-trigger:hover{background:#7c28e8;box-shadow:0 6px 28px #9747ff99;transform:translateY(-1px)}.fb-trigger--open{background:#333;box-shadow:none;padding:10px 14px}.fb-trigger-icon{font-size:16px;line-height:1}.fb-trigger-label{font-size:13px}.fb-modal{animation:fb-slide-up .18s ease;background:var(--bg-card);border:1px solid #9747ff4d;border-radius:16px;bottom:80px;box-shadow:0 8px 40px #00000059,0 0 0 1px #9747ff1a;overflow:hidden;position:fixed;right:28px;width:320px;z-index:1001}@keyframes fb-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fb-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px 10px}.fb-modal-title{color:var(--text-primary);font-size:14px;font-weight:700}.fb-close{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;transition:background .15s,color .15s}.fb-close:hover{background:var(--bg-surface);color:var(--text-primary)}.fb-context-chip{align-items:center;background:#9747ff14;border:1px solid #9747ff33;border-radius:10px;display:flex;font-size:12px;gap:8px;margin:12px 16px 4px;padding:8px 12px}.fb-context-icon{flex-shrink:0;font-size:15px}.fb-context-text{color:var(--text-secondary);line-height:1.4}.fb-context-prefix{color:var(--text-muted)}.fb-context-text strong{color:var(--text-primary);font-weight:600}.fb-form{display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px}.fb-textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:13px;min-height:90px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.fb-textarea:focus{border-color:#9747ff;box-shadow:0 0 0 3px #9747ff26}.fb-submit{font-size:13px;justify-content:center;padding:10px;width:100%}.fb-sent{color:var(--text-secondary);flex-direction:column;font-size:13px;gap:8px;padding:24px 16px 20px;text-align:center}.fb-sent,.fb-sent-icon{align-items:center;display:flex}.fb-sent-icon{background:#10e8a026;border:2px solid #10e8a0;border-radius:50%;color:#10e8a0;font-size:18px;font-weight:700;height:36px;justify-content:center;width:36px}.fi-page{display:flex;flex-direction:column;gap:24px;max-width:780px}.fi-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.fi-title{font-size:22px;font-weight:700;margin:0 0 4px}.fi-sub{color:var(--text-muted);font-size:13px;margin:0}.fi-refresh{flex-shrink:0;font-size:13px}.fi-filters{display:flex;gap:8px}.fi-filter{align-items:center;background:none;border:1px solid var(--border);border-radius:99px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:6px 16px;transition:all .15s}.fi-filter:hover{border-color:#9747ff;color:#9747ff}.fi-filter--active{background:#9747ff;border-color:#9747ff;color:#fff}.fi-badge{align-items:center;background:#fff;border-radius:50%;color:#9747ff;display:flex;font-size:11px;font-weight:800;height:18px;justify-content:center;width:18px}.fi-filter--active .fi-badge{background:#ffffff4d;color:#fff}.fi-list{gap:14px}.fi-card,.fi-list{display:flex;flex-direction:column}.fi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;gap:10px;padding:16px;position:relative;transition:border-color .15s}.fi-card--unread{background:#9747ff0a;border-color:#9747ff59}.fi-unread-dot{background:#9747ff;border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.fi-card-top{gap:12px;justify-content:space-between}.fi-card-top,.fi-user{align-items:center;display:flex}.fi-user{gap:10px}.fi-avatar{align-items:center;background:var(--okiru-gradient);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.fi-user-name{color:var(--text-primary);display:block;font-size:13px;font-weight:600}.fi-time{color:var(--text-muted);font-size:11px}.fi-card-actions{display:flex;gap:6px}.fi-action-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .15s;width:28px}.fi-read-btn{border-color:#10e8a04d;color:#10e8a0}.fi-read-btn:hover{background:#10e8a01a}.fi-del-btn{color:var(--text-muted)}.fi-del-btn:hover{background:#fb718514;border-color:#fb718566;color:#fb7185}.fi-context-chip{align-items:center;align-self:flex-start;border:1px solid;border-radius:8px;display:inline-flex;font-size:12px;gap:7px;padding:5px 10px}.fi-context-label{line-height:1.3}.fi-context-prefix{color:var(--text-muted)}.fi-context-label strong{color:var(--text-primary);font-weight:600}.fi-message{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap}.fi-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:10px;padding:60px 20px;text-align:center}.fi-empty-icon{font-size:40px}
/*# sourceMappingURL=main.c1fcd232.css.map*/