:root{--navy:#253f9b;--blue:#2e70c7;--sky:#eaf4fc;--ink:#18243b;--muted:#76839a;--line:#e9edf4;--bg:#f7f9fc;--white:#fff;--green:#168767;--amber:#c88521;--red:#cb5b68;--shadow:0 12px 34px #203d7010}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:242px;background:#fff;border-right:1px solid var(--line);padding:25px 15px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:5}.brand{padding:1px 14px 29px}.brand img{width:175px;height:auto;object-fit:contain}.brandmark{display:flex;align-items:center;gap:10px;color:#294cb1;font:800 20px Manrope}.brandmark i{font-style:normal;background:linear-gradient(135deg,#2285d0,#3f4cad);color:white;padding:8px 9px;border-radius:10px}.brand small{display:block;color:#94a0b3;letter-spacing:1.5px;margin:5px 0 0}.brand small,.nav-label{font-size:10px;text-transform:uppercase}.nav-label{padding:9px 14px 8px;color:#9ba6b7;font-weight:700;letter-spacing:1.4px}.nav{display:grid;grid-gap:4px;gap:4px}.nav button{border:0;background:transparent;color:#68758b;padding:11px 13px;border-radius:9px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600;transition:.18s}.nav button:hover{background:#f4f7fc;color:var(--navy)}.nav button.active{background:#eef4fc;color:#2c54ae}.ico{width:19px;height:19px;display:inline-grid;place-items:center;font-size:17px}.side-bottom{margin-top:auto}.tip{margin:10px 7px 13px;padding:15px;border-radius:12px;background:linear-gradient(145deg,#f1f6ff,#f2f8fd);border:1px solid #e5edf7}.tip strong{font:700 12px Manrope;display:block;margin-bottom:6px}.tip p{color:var(--muted);font-size:11px;line-height:1.55;margin:0}.profile{display:flex;align-items:center;gap:10px;padding:13px 9px 0;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;color:#3653a6;font-weight:700;background:#eaf0fc}.avatar.coral{background:#fff0e9;color:#bb664d}.avatar.mint{background:#e7f5ef;color:#278367}.avatar.lilac{background:#f2edff;color:#7659b4}.profile b{font-size:12px;display:block}.profile small{color:var(--muted);font-size:11px}.main{margin-left:242px;flex:1 1;min-width:0}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:-webkit-sticky;position:sticky;top:0;z-index:3}.crumb{font-size:12px;color:#9aa5b6}.crumb b{color:#3a4963;font-size:13px;margin-left:8px}.topright{display:flex;align-items:center;gap:18px}.search{position:relative}.search input{width:224px;border:1px solid var(--line);border-radius:9px;padding:10px 12px 10px 35px;background:#fbfcfe;outline:0}.search input:focus{border-color:#9fb5e5}.search span{position:absolute;left:12px;top:9px;color:#8490a4}.bell{border:0;background:transparent;font-size:19px;color:#65728a;position:relative}.bell:after{content:"";position:absolute;width:6px;height:6px;background:#df6674;border:2px solid white;border-radius:50%;right:1px;top:2px}.content{max-width:1440px;margin:auto;padding:32px 36px 55px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:25px}.eyebrow{color:#7283a0;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:8px}.page-head h1{font:800 25px Manrope;margin:0;letter-spacing:-.7px}.page-head p{color:var(--muted);margin:7px 0 0;font-size:13px}.actions{display:flex;gap:9px}.actions,.btn{align-items:center}.btn{border:1px solid #dfe5ee;background:#fff;color:#41506a;padding:9px 13px;border-radius:8px;font-weight:600;font-size:12px;display:inline-flex;gap:7px}.btn:hover{border-color:#a9bce2;color:#294fae}.btn.primary{color:#fff;background:#3158b6;border-color:#3158b6;box-shadow:0 4px 10px #3158b622}.btn.primary:hover{background:#274ba5}.btn.soft{background:#eef4ff;border-color:#e6edfb;color:#3158b6}.grid{display:grid;grid-gap:17px;gap:17px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:19px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.stat{padding:17px 18px;position:relative}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#78859a;font-size:11px;font-weight:600}.stat-icon{height:32px;width:32px;border-radius:10px;background:#eef3fe;color:#3458b3;display:grid;place-items:center;font-size:16px}.stat-num{font:800 26px Manrope;margin:12px 0 3px;letter-spacing:-1px}.stat-note{font-size:11px;color:#9aa4b3}.trend{color:#168767;font-weight:700}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr)}.section-card{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title h3{font:700 14px Manrope;margin:0}.section-title a{color:#4569bf;font-size:11px;font-weight:700;cursor:pointer}.subtle{font-size:11px;color:#98a3b1}.chart{height:197px;align-items:flex-end;gap:15px;padding:8px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(180deg,transparent 0 48px,#eef1f6 49px,#eef1f6 50px)}.bar-col,.chart{display:flex;position:relative}.bar-col{flex:1 1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.bar-wrap{height:calc(100% - 23px);display:flex;align-items:flex-end;gap:5px;width:min(100%,32px)}.bar{border-radius:5px 5px 2px 2px;width:50%;background:#d9e7fa;min-height:3px}.bar.dark{background:#3d68c3}.bar-label{font-size:10px;color:#9aa5b5;padding-top:7px}.legend{display:flex;gap:16px;margin-top:13px;font-size:10px;color:#7e899b}.legend span:before{content:"";display:inline-block;width:7px;height:7px;background:#3d68c3;border-radius:2px;margin-right:6px}.legend span+span:before{background:#d9e7fa}.activity-list{display:grid;grid-gap:14px;gap:14px}.activity{display:flex;gap:11px;align-items:flex-start}.activity-dot{width:31px;height:31px;border-radius:10px;background:#eff4ff;display:grid;place-items:center;color:#4164b7;flex-shrink:0}.activity b{font-size:11px;display:block;margin:1px 0 4px}.activity small{font-size:10px;color:#919daf}.activity time{margin-left:auto;color:#a1aaba;font-size:10px;white-space:nowrap}.lower-grid{grid-template-columns:1.2fr .8fr;margin-top:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:570px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:#a0a9b7;font-size:9px;font-weight:700;padding:11px 10px;border-bottom:1px solid var(--line)}.table td{padding:12px 10px;border-bottom:1px solid #f0f2f6;font-size:11px;color:#526078;vertical-align:middle}.table tr:last-child td{border:0}.person{display:flex;align-items:center;gap:9px;font-weight:700;color:#26344b}.person .avatar{width:31px;height:31px;border-radius:10px;font-size:11px}.progressline{display:flex;align-items:center;gap:8px;min-width:100px}.track{height:6px;background:#edf0f5;width:61px;overflow:hidden}.track,.track i{border-radius:9px}.track i{height:100%;display:block;background:#4d79cf}.pct{font-size:10px;color:#78869b}.pill{display:inline-block;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;white-space:nowrap}.pill.active{background:#e9f6f0;color:#248264}.pill.progress{background:#edf3ff;color:#3e62b1}.pill.wait{background:#fff4e6;color:#ac7529}.pill.done{background:#ecf6f0;color:#248264}.pill.neutral{background:#f1f3f6;color:#7e8999}.pill.overdue{background:#fff0f0;color:#c45562}.course-list{display:grid;grid-gap:13px;gap:13px}.course-row{display:flex;align-items:center;gap:11px}.course-icon{width:38px;height:38px;border-radius:11px;background:#edf3ff;display:grid;place-items:center;color:#3761b8;font-weight:800}.course-icon.gold{background:#fff5e8;color:#bc7d2e}.course-icon.purple{background:#f2efff;color:#7058b3}.course-copy{min-width:0;flex:1 1}.course-copy b{display:block;font-size:11px;margin-bottom:4px}.course-copy small{font-size:10px;color:#98a2b2}.course-end{text-align:right;font-size:10px;color:#7b8799}.course-end b{display:block;color:#33435e;margin-bottom:4px}.toolbar{display:flex;gap:8px;align-items:center}.input,.select{padding:9px 11px;border:1px solid #e3e8ef;border-radius:8px;background:#fff;color:#4e5b70;outline:none;font-size:12px}.input:focus,.select:focus{border-color:#a3b7e2}.table-card{padding:7px 15px 4px}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-card{padding:18px;cursor:pointer;transition:.18s}.course-card:hover{transform:translateY(-2px);border-color:#ccd8ee;box-shadow:0 13px 26px #203d7012}.course-card-top{display:flex;align-items:center;justify-content:space-between}.course-card h3{font:700 14px Manrope;margin:14px 0 6px}.course-card p{font-size:11px;color:#8691a2;line-height:1.5;margin:0 0 15px;min-height:33px}.course-meta{display:flex;justify-content:space-between;border-top:1px solid #f0f2f5;padding-top:12px;color:#758197;font-size:10px}.filters{display:flex;gap:8px;align-items:center}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.7fr);grid-gap:17px;gap:17px}.detail-panel{padding:20px}.topic-row{display:grid;grid-template-columns:23px minmax(0,1fr) auto;grid-gap:10px;gap:10px;padding:13px 0;border-bottom:1px solid #eff1f5;align-items:start}.topic-row:last-child{border:0}.check{width:18px;height:18px;border:1.5px solid #d5dce8;border-radius:6px;background:white;color:white;display:grid;place-items:center;font-size:11px;margin-top:1px}.check.checked{background:#438364;border-color:#438364}.topic-title{font-size:12px;font-weight:700;color:#36445b}.topic-desc{font-size:10px;color:#8d98a8;line-height:1.5;margin-top:4px}.topic-day{font-size:9px;color:#8f9bad;background:#f5f7fa;border-radius:5px;padding:4px 6px;white-space:nowrap}.detail-stats{display:grid;grid-gap:12px;gap:12px}.mini-stat{padding:15px}.mini-stat small{color:#8c98a9;font-size:10px}.mini-stat strong{font:700 20px Manrope;display:block;margin-top:5px}.modal-back{position:fixed;inset:0;background:#17243b66;z-index:10;display:grid;place-items:center;padding:18px}.modal{width:min(510px,100%);background:#fff;border-radius:15px;box-shadow:0 24px 70px #14264733;padding:23px}.modal h2{font:800 18px Manrope;margin:0 0 5px}.modal>p{color:#8591a3;font-size:12px;margin:0 0 19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:6px;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700;color:#68778d}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #e0e6ef;border-radius:8px;outline:0;font-size:12px;color:#39475d}.field textarea{resize:vertical;min-height:78px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.empty{text-align:center;color:#8d98a8;padding:35px 10px}.empty,.toast{font-size:12px}.toast{position:fixed;right:26px;bottom:24px;background:#203c77;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 8px 25px #13295333;z-index:20;animation:up .2s ease}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mobile-menu{display:none}.session-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:start}.choice-list{display:grid;grid-gap:7px;gap:7px;max-height:490px;overflow:auto;padding:2px}.choice{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #edf0f5;border-radius:9px;cursor:pointer;background:#fff}.choice:hover{border-color:#d5e0f1;background:#fbfcff}.choice input{accent-color:#3158b6;flex:none}.choice>span{display:flex;align-items:center;gap:9px;flex:1 1;min-width:0}.choice b{display:block;font-size:11px;color:#35435a}.choice small{display:block;font-size:10px;color:#929dae;margin-top:4px;line-height:1.4}.choice em{font-style:normal;color:#8995a7;font-size:10px;white-space:nowrap}.topic-choice>span{display:block}.topic-choice{align-items:flex-start}.topic-choices{max-height:610px}.session-summary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.session-summary div{text-align:center;background:#f7f9fc;border-radius:9px;padding:10px 5px}.session-summary b{display:block;font:700 17px Manrope}.session-summary span{font-size:9px;color:#8995a7}.choice:has(input:disabled){opacity:.5;cursor:not-allowed}.choice:has(input:disabled):hover{border-color:#edf0f5;background:#fff}@media(max-width:1050px){.sidebar{width:210px}.main{margin-left:210px}.content{padding:27px 22px}.module-grid,.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;width:245px;box-shadow:var(--shadow)}.sidebar.open{transform:none}.main{margin:0}.topbar{height:62px;padding:0 15px}.mobile-menu{display:block;border:0;background:none;color:#33435e;font-size:21px}.crumb{display:none}.topright{gap:8px}.content{padding:23px 14px}.page-head{flex-direction:column}.page-head h1{font-size:22px}.actions{width:100%;flex-wrap:wrap}.stats{gap:10px}.stat{padding:13px}.stat-num{font-size:22px}.detail-layout,.form-grid,.lower-grid,.module-grid,.overview-grid,.session-layout{grid-template-columns:1fr}.field.full{grid-column:auto}.hide-mobile{display:none}.search input{width:min(43vw,200px)}}.import-choice-modal{max-width:520px}.import-choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.import-choice-head h2{margin:0}.modal-close{border:0;background:transparent;color:var(--muted);font-size:24px;line-height:1;padding:0 3px}.import-choice-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:18px 0 11px}.import-choice-actions .btn{justify-content:center;min-height:42px}@media(max-width:520px){.import-choice-actions{grid-template-columns:1fr}}.attendee-picker{position:relative;z-index:5}.attendee-trigger{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;color:var(--ink);text-align:left}.attendee-trigger:hover,.attendee-trigger[aria-expanded=true]{border-color:#a9bce2}.attendee-trigger-copy{min-width:0;display:grid;grid-gap:3px;gap:3px}.attendee-trigger-copy b{font-size:12px}.attendee-trigger-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--muted);font-size:11px}.attendee-chevron{font-size:18px;color:#74819a;flex:none}.attendee-menu{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:8;padding:10px;border:1px solid #e1e7f0;border-radius:11px;background:#fff;box-shadow:0 14px 32px #203d7020}.attendee-menu-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 1px 9px;color:#63718a;font-size:11px}.attendee-menu-actions>span{display:flex;gap:6px}.attendee-menu-actions .btn{padding:6px 9px;font-size:10px}.attendee-option-list{display:grid;grid-gap:5px;gap:5px;max-height:260px;overflow:auto}.attendee-option{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid #edf0f5;border-radius:8px;cursor:pointer;background:#fff}.attendee-option:hover{border-color:#d5e0f1;background:#fbfcff}.attendee-option input{accent-color:#3158b6;flex:none}.attendee-identity{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1}.attendee-identity>.avatar{width:32px;height:32px;border-radius:10px;font-size:11px}.attendee-identity>span:last-child{min-width:0;display:grid;grid-gap:2px;gap:2px}.attendee-identity b{font-size:11px}.attendee-identity small{color:var(--muted);font-size:10px}.attendee-option em{font-style:normal;color:#8995a7;font-size:10px;white-space:nowrap}a{color:inherit;text-decoration:none}.nav a{border:0;background:transparent;color:#68758b;padding:11px 13px;border-radius:9px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600;transition:.18s}.nav a:hover{background:#f4f7fc;color:var(--navy)}.nav a.active{background:#eef4fc;color:#2c54ae}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #9fb5e5;outline-offset:2px}.card-link{display:block}.check{padding:0}.person-link{cursor:pointer}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef4fc,#dfe8f8)}.login-box{width:100%;max-width:410px;background:#fff;border-radius:16px;box-shadow:0 24px 70px #14264722;padding:30px}.login-box img{width:190px;height:auto;display:block;margin-bottom:6px}.login-box h1{font:800 20px Manrope;margin:14px 0 4px}.login-box p.lead{color:var(--muted);margin:0 0 18px;font-size:13px}.login-err{color:var(--red);font-size:12px;min-height:18px;margin:8px 0 0}.demo-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px;margin-top:9px}.demo-row .btn{justify-content:center}.attn{display:grid;grid-gap:10px;gap:10px;max-height:380px;overflow:auto}.attn-item{display:flex;gap:11px;align-items:center;padding:10px;border:1px solid #edf0f5;border-radius:10px;cursor:pointer;background:#fff;text-align:left;width:100%}.attn-item:hover{border-color:#d5e0f1;background:#fbfcff}.bell .badge{position:absolute;top:-4px;right:-6px;background:#df6674;color:#fff;border-radius:10px;font:700 9px DM Sans;padding:2px 5px}.bell:after{display:none}.sub-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.readonly-note{font-size:11px;color:#8d98a8;margin-top:8px}.login-actions{display:grid;grid-gap:10px;gap:10px;margin-top:6px}.login-btn{width:100%;justify-content:center;padding:11px;min-height:42px}.login-or{text-align:center;color:var(--muted);font-size:11px}.btn.zoho-btn{background:#fff;border-color:#d9dfe9;color:#26344b;gap:10px}.btn.zoho-btn:hover{background:#f8f9fc;border-color:#e42527;color:#26344b}.pmenu{position:relative}.pmenu-panel{position:absolute;right:0;top:calc(100% + 9px);min-width:210px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 32px #203d7020;padding:6px;z-index:8;display:grid}.pmenu-who{padding:9px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:5px;display:grid;grid-gap:2px;gap:2px}.pmenu-who b{font-size:12px}.pmenu-who small{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis}.pmenu-panel a,.pmenu-panel button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;font-size:12px;font-weight:600;color:#41506a}.pmenu-panel a:hover,.pmenu-panel button:hover{background:#f4f7fc;color:var(--navy)}.pmenu-panel button{color:var(--red)}html[data-theme=dark]{background:#fff}html[data-theme=dark],html[data-theme=dark] .avatar,html[data-theme=dark] img,html[data-theme=dark] svg{filter:invert(1) hue-rotate(180deg)}.toast{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);max-width:min(440px,calc(100vw - 40px));text-align:center;padding:15px 22px;font-size:13px;font-weight:600;animation:toast-in .2s ease;z-index:30}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}.row-check{width:16px;height:16px;accent-color:#3158b6;cursor:pointer}.list-link{font-weight:700;color:#26344b}.list-link:hover{color:#294fae}.topic-choice small.topic-line{display:block;margin-top:3px;line-height:1.5;white-space:normal}.topic-choice small.topic-line i{font-style:normal;font-weight:700;color:#5a6a85}.tdet{display:grid;grid-gap:10px;gap:10px;margin-top:9px}.tdet-h{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:#3158b6;background:#eef4ff;border-radius:6px;padding:3px 9px}.tdet-h.act{color:#168767;background:#e9f6f0}.tdet ul{list-style:none;margin:7px 0 0;padding:0;display:grid;grid-gap:5px;gap:5px}.tdet li{position:relative;padding-left:17px;font-size:12px;line-height:1.55;color:#4a5870;font-weight:500}.tdet li:before{content:"";position:absolute;left:3px;top:.62em;width:6px;height:6px;border-radius:50%;background:#3158b6;box-shadow:0 0 0 3px #3158b61a}.tdet-block.act li:before{background:#168767;box-shadow:0 0 0 3px #1687671a}.brand small,.btn,.crumb b,.eyebrow,.field label,.lp-eyebrow,.mini-stat small,.nav a,.nav-label,.pill,.pmenu-panel a,.section-title,.stat-note,.stat-top,.tdet-h,.topic-day,button,h1,h2,h3,h4,label,legend,th{text-transform:capitalize!important}.brand small,.eyebrow,.lp-eyebrow,.nav-label,.table th,.tdet-h{letter-spacing:.4px}.attendee-option,.avatar,.check,.choice span,.course-row,.list-link,.person{text-transform:none!important}.pmenu-id{display:grid;text-align:right;grid-gap:1px;gap:1px;margin-right:10px;line-height:1.25}.pmenu-id b{font-size:12px;white-space:nowrap}.pmenu-id small{color:var(--muted);font-size:11px;white-space:nowrap}.pmenu{display:flex;align-items:center}@media(max-width:760px){.pmenu-id{display:none}}.collapse-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.collapse-btn .chev{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef4ff;color:#3158b6;font-size:12px;transition:transform .2s}.collapse-btn.open .chev{transform:rotate(90deg)}.collapse-btn:hover .chev{background:#3158b6;color:#fff}.sidebar .brand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1px 10px 26px}.sidebar .brand img{margin:0 auto}.sidebar .brand small{text-align:center}.nbox{position:relative}.npanel{position:absolute;right:-8px;top:calc(100% + 12px);width:min(400px,92vw);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #203d7030;z-index:30;overflow:hidden;animation:up .18s ease}.nhead{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:linear-gradient(120deg,#253f9b,#3158b6 60%,#2e70c7);color:#fff}.nhead b{display:block;font:800 15px Manrope;text-transform:none}.nhead small{color:#d6e3ff;font-size:11px}.nlink{border:0;background:#ffffff26;color:#fff;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.nlink:hover{background:#ffffff40}.nlist{max-height:430px;overflow:auto;padding:8px;display:grid;grid-gap:6px;gap:6px}.nitem{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #edf0f5;border-radius:12px;background:#fff;padding:11px 12px;transition:.15s}.nitem:hover{border-color:#c9d8f1;background:#f8fbff;transform:translateX(2px)}.nitem.new{background:#f4f8ff;border-color:#dbe6fa}.nitem.new .ntext b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#3158b6;margin-right:7px}.nico{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:15px;background:#eaf1ff;color:#3158b6}.nico.n-teach{background:#e3f5ec;color:#168767}.nico.n-overdue{background:#fde8ec;color:#c45562}.nico.n-hold{background:#fff1da;color:#b9741c}.nico.n-nocourse{background:#f1f3f6;color:#7e8999}.ntext{min-width:0;flex:1 1;display:grid;grid-gap:2px;gap:2px}.ntext b{font-size:12px;color:#26344b;text-transform:none}.ntext small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ntext em{font-style:normal;font-size:10px;color:#9aa6bb;font-weight:600}.narrow{color:#b3bed2;font-size:20px}.nitem:hover .narrow{color:#3158b6}