@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--navy:#1a3063;--cyan:#00acec;--yellow:#ffc81a;--red:#ef4444;--text:#1f2937;--muted:#99a1af;--muted-2:#6a7282;--border:#f3f4f6;color:var(--text);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f9fafb;margin:0;font-size:14px}p,h1,h2,h3{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.layout{height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;display:flex;overflow-y:auto}.grow{flex:1;min-width:0}.sub{color:var(--muted);font-size:12px;line-height:16px}.sidebar{background:var(--navy);color:#fff;flex-direction:column;flex-shrink:0;width:256px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;height:77px;padding:0 16px;display:flex}.brand-logo{background:var(--yellow);cursor:default;border-radius:14px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.sidebar.collapsed .brand-logo{cursor:pointer}.brand-text{flex-direction:column;flex:1;display:flex}.brand-text strong{font-size:14px;font-weight:600;line-height:17.5px}.brand-text span{color:var(--cyan);font-size:12px;line-height:16px}.brand-collapse{place-items:center;display:grid}.nav{flex-direction:column;flex:1;gap:2px;padding:16px 8px 0;display:flex;overflow-y:auto}.nav-item{color:#ffffffb3;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.parent-active{color:#fff;background:#ffffff14}.chev{transition:transform .2s}.chev.open{transform:rotate(90deg)}.nav-item.active{background:var(--cyan);color:#fff}.nav-label{flex:1}.subnav-wrap{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .2s,visibility 0s linear .2s;display:grid}.subnav-wrap.open{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .2s,visibility}.subnav-clip{min-height:0;overflow:hidden}.subnav{border-left:1px solid #ffffff1a;flex-direction:column;gap:2px;margin:2px 0 2px 16px;padding-left:13px;display:flex}.subnav-item{text-align:left;color:#ffffff8c;border-radius:10px;width:100%;height:32px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.subnav-item:hover{color:#fff;background:#ffffff0f}.subnav-item.active{color:#fff;background:#00acec38}.sidebar.collapsed{width:72px}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .brand-text,.sidebar.collapsed .brand-collapse,.sidebar.collapsed .nav-label,.sidebar.collapsed .chev,.sidebar.collapsed .subnav-wrap,.sidebar.collapsed .u-text{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .sidebar-user{justify-content:center;padding:0}.sidebar.collapsed .nav-item svg{flex-shrink:0}.sidebar-user{border-top:1px solid #ffffff1a;align-items:center;gap:12px;height:73px;padding:0 20px;display:flex}.u-name{font-size:12px;font-weight:500;line-height:16px}.u-role{color:#ffffff80;font-size:12px;line-height:16px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.avatar-cyan{background:var(--cyan)}.avatar-gradient{background:linear-gradient(135deg,#1a3063,#00acec)}.header{border-bottom:1px solid var(--border);z-index:5;background:#fff;align-items:center;gap:24px;height:69px;padding:0 24px;display:flex;position:sticky;top:0}.header h1{font-size:16px;font-weight:600;line-height:24px}.header>div:first-child p{color:var(--muted);font-size:12px;line-height:16px}.search-box{width:448px;max-width:100%;margin:0 auto;position:relative}.search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.search:focus-within{border-color:var(--cyan);background:#fff;box-shadow:0 0 0 3px #00acec26}.search input{font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.header-actions{align-items:center;display:flex}.icon-btn{border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:relative}.icon-btn:hover,.profile:hover{background:#f9fafb}.dot{background:var(--yellow);box-sizing:content-box;border:2px solid #fff;border-radius:50%;width:8px;height:8px;margin:-2px;position:absolute;top:6px;left:20px}.divider{background:#e5e7eb;width:1px;height:24px;margin:0 12px}.profile{text-align:left;border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 8px;display:flex}.p-name{font-size:12px;font-weight:600;line-height:16px}.p-role{color:var(--muted);font-size:12px;font-weight:500;line-height:16px}.content{flex-direction:column;flex:1 0 auto;gap:24px;min-width:0;padding:24px;display:flex}.card{border:1px solid var(--border);background:#fff;border-radius:16px;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.card.pad{padding:20px}.card h2{font-size:14px;font-weight:600;line-height:20px}.link{color:var(--cyan);font-size:12px;text-decoration:none}.pill{color:var(--navy);background:#f3f4f6;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:500;line-height:16px}button.card{font:inherit;color:inherit;text-align:left;cursor:pointer}.q-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.q-icon.sm{border-radius:50%;width:28px;height:28px}@media (width<=800px){.sidebar,.search-box{display:none}}button{cursor:pointer}.link-btn{color:var(--cyan);cursor:pointer;font-size:12px}.link-btn:hover{text-decoration:underline}.clear-btn{width:20px;height:20px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.clear-btn:hover{background:#e5e7eb}.search kbd{font:inherit;color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:0 6px;font-size:11px}.has-pop{position:relative}.pop{z-index:20;border:1px solid var(--border);background:#fff;border-radius:14px;animation:.14s pop-in;position:absolute;top:calc(100% + 8px);overflow:hidden;box-shadow:0 12px 28px #10182824}.search-results{padding:6px;left:0;right:0}.notif-pop,.profile-pop{right:0}.notif-pop{width:320px}.profile-pop{width:190px;padding:6px}.pop-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.pop-empty{color:var(--muted);text-align:center;padding:14px;font-size:12px}.result,.menu-item{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;display:flex}.result:hover,.menu-item:hover{background:#f3f4f6}.result b,.notice b{font-size:13px;font-weight:500;display:block}.result small,.notice small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.avatar.sm{width:28px;height:28px;font-size:11px}.menu-item.danger{color:#dc2626}.notice{text-align:left;border-bottom:1px solid #f3f4f6;gap:10px;width:100%;padding:12px 14px;display:flex}.notice:last-child{border-bottom:0}.notice:hover{background:#f9fafb}.notice i{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.notice.unread i{background:var(--cyan)}.notice.unread b{font-weight:600}.chev-down{transition:transform .2s}.chev-down.open{transform:rotate(180deg)}.coming{flex-direction:column;align-items:flex-start;gap:8px;max-width:480px;display:flex}.btn-primary{color:#fff;background:var(--navy);border-radius:10px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:filter .15s}.btn-primary:hover{filter:brightness(1.15)}.toast{z-index:50;color:#fff;background:var(--navy);border-radius:12px;padding:10px 16px;font-size:13px;animation:.2s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0003}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}a.nav-item,a.subnav-item,a.btn-primary{text-decoration:none}.subnav-item{align-items:center;display:flex}a.btn-primary{display:inline-block}.coming code{background:#f3f4f6;border-radius:6px;padding:1px 6px;font-size:12px}.avatar{overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.lg-page{color:#1f2937;text-align:left;background:#f9fafb;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;font-family:inherit;display:grid}.lg-page *{box-sizing:border-box}.lg-page h1,.lg-page h2,.lg-page p,.lg-page ul{margin:0}.lg-page button{font:inherit;cursor:pointer}@keyframes lg-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes lg-fade{0%{opacity:0}}@keyframes lg-float{50%{transform:translate(14px,-18px)scale(1.06)}}@keyframes lg-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes lg-spin{to{transform:rotate(360deg)}}@keyframes lg-pop{0%{opacity:0;transform:scale(.6)}}.lg-aside{color:#fff;background:linear-gradient(170deg,#1a3063 0%,#1d6ba5 55%,#00acec 100%);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.lg-blob{pointer-events:none;background:#ffffff14;border-radius:50%;animation:11s ease-in-out infinite lg-float;position:absolute}.lg-blob.a{width:320px;height:320px;top:-90px;right:-80px}.lg-blob.b{width:200px;height:200px;animation-delay:-4s;bottom:18%;left:-70px}.lg-blob.c{background:#ffc81a2e;width:120px;height:120px;animation-delay:-7s;bottom:-30px;right:22%}.lg-brand{align-items:center;gap:12px;display:flex;position:relative}.lg-brand strong{font-size:16px;line-height:20px;display:block}.lg-brand span:not(.lg-logo){color:#ffffffbf;font-size:12px;line-height:16px}.lg-logo{background:#ffc81a;border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.lg-pitch{max-width:460px;position:relative}.lg-pitch h2{font-size:28px;font-weight:700;line-height:36px;animation:.6s both lg-rise}.lg-pitch ul{flex-direction:column;gap:18px;margin-top:28px;padding:0;list-style:none;display:flex}.lg-pitch li{gap:14px;animation:.6s both lg-rise;display:flex}.lg-pitch li>span{background:#ffffff29;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.lg-pitch li strong{font-size:14px;line-height:20px}.lg-pitch li p{color:#ffffffbf;font-size:12px;line-height:18px}.lg-copy{color:#fff9;font-size:12px;position:relative}.lg-main{place-items:center;padding:32px 24px;display:grid}.lg-card{width:100%;max-width:400px;animation:.5s both lg-rise}.lg-brand.mobile{margin-bottom:28px;display:none}.lg-brand.mobile strong{color:#1a3063}.lg-brand.mobile span:not(.lg-logo){color:#6a7282}.lg-card h1{color:#1a3063;font-size:24px;font-weight:700;line-height:32px}.lg-sub{color:#6a7282;font-size:13px;line-height:20px;margin-top:6px!important;margin-bottom:24px!important}.lg-sub strong{color:#1f2937;word-break:break-all}.lg-alert{color:#b91c1c;background:#fef2f2;border:1px solid #ffe2e2;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;line-height:16px;animation:.4s lg-shake;display:flex;margin-bottom:16px!important}.lg-alert svg{flex-shrink:0}.lg-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.lg-field>span{color:#4a5565;font-size:12px;font-weight:600}.lg-input{color:#99a1af;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;height:44px;padding:0 12px;transition:border-color .15s,box-shadow .15s,color .15s;display:flex}.lg-input:focus-within{color:#00acec;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.lg-field.invalid .lg-input{color:#ef4444;border-color:#ef4444}.lg-field.invalid .lg-input:focus-within{box-shadow:0 0 0 3px #ef444426}.lg-input input{min-width:0;height:100%;font:inherit;color:#1f2937;background:0 0;border:0;outline:0;flex:1;font-size:14px}.lg-input input::placeholder{color:#99a1af}.lg-eye{color:#6a7282;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.lg-eye:hover{color:#1a3063;background:#f3f4f6}.lg-field em{color:#dc2626;font-size:12px;font-style:normal;line-height:16px;animation:.2s lg-fade}.lg-field em.warn{color:#a65f00}.lg-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.lg-check{color:#4a5565;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.lg-check input{accent-color:#1a3063;cursor:pointer;width:16px;height:16px;margin:0}.lg-link{color:#1a3063;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.lg-link:hover{color:#00acec;text-decoration:underline}.lg-back{color:#6a7282;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:20px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.lg-back:hover{color:#1a3063}.lg-submit{color:#fff;background:#1a3063;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:14px;font-weight:600;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #1a306340}.lg-submit:hover:not(:disabled){background:#142650;transform:translateY(-1px)}.lg-submit:active:not(:disabled){transform:translateY(0)}.lg-submit:disabled{opacity:.75;cursor:progress}.lg-spin{animation:.9s linear infinite lg-spin}.lg-demo{color:#6a7282;background:#f3f4f6;border-radius:12px;padding:10px 12px;font-size:12px;line-height:18px;margin-top:20px!important}.lg-demo code{color:#1a3063;word-break:break-all;font-family:ui-monospace,Consolas,monospace}.lg-sent{text-align:center}.lg-sent .lg-sub{margin-bottom:24px!important}.lg-sent-icon{color:#00a63e;background:#f0fdf4;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) both lg-pop;display:grid}@media (width<=900px){.lg-page{grid-template-columns:1fr}.lg-aside{display:none}.lg-brand.mobile{display:flex}}@media (prefers-reduced-motion:reduce){.lg-page *,.lg-page :before,.lg-page :after{transition:none!important;animation:none!important}}*{scrollbar-width:thin}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.section-label{color:var(--muted-2);margin-top:16px;font-size:12px;font-weight:500;line-height:16px}.section-label.divide{border-top:1px solid var(--border);padding-top:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat{gap:16px;min-height:106px;padding:21px;transition:transform .15s,box-shadow .15s;display:flex}.stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px #1a30631a}.stat:focus-visible,.quick-item:focus-visible,.ach:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.stat-icon{border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.s-label{color:var(--muted-2);font-size:12px;line-height:16px}.s-value{margin:4px 0;font-size:24px;font-weight:600;line-height:24px}.s-sub{color:var(--muted);font-size:12px;line-height:16px}.row{gap:24px;display:grid}.row.charts{grid-template-columns:minmax(280px,385px) 1fr}.row.bottom{grid-template-columns:1fr 1fr}.donut{width:180px;height:180px;margin:48px auto 40px;position:relative}.pct{pointer-events:none;font-size:11px;font-weight:600}.seg{cursor:pointer;transition:stroke-width .2s,opacity .2s}.seg.on{stroke-width:28px}.seg.dim{opacity:.35}.donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center b{color:var(--navy);font-size:22px;font-weight:600;line-height:26px}.donut-center span{max-width:90px;color:var(--muted);font-size:11px;line-height:14px}.legend-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.legend-list li{cursor:pointer;color:#4a5565;border-radius:8px;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;font-size:12px;transition:opacity .2s,background .15s;display:flex}.legend-list li:hover{background:#f9fafb}.legend-list li.dim{opacity:.4}.legend-list span{flex:1}.legend-list b{color:var(--text);font-weight:500}.legend-list i,.legend-inline i,.abs-title i{border-radius:50%;width:10px;height:10px;display:inline-block}.bars{gap:8px;height:160px;margin-top:16px;display:flex}.y-axis{color:#9ca3af;flex-direction:column;justify-content:space-between;align-items:flex-end;width:32px;padding-bottom:20px;font-size:11px;display:flex}.plot{background-image:repeating-linear-gradient(#0000 0 calc(25% - 1px),#f3f4f6 calc(25% - 1px) 25%);flex:1;justify-content:space-around;display:flex}.bar-col{cursor:default;color:#9ca3af;flex-direction:column;align-items:center;width:32px;font-size:11px;transition:opacity .15s;display:flex;position:relative}.bar{flex-direction:column;flex:1;justify-content:flex-end;width:100%;height:0;display:flex}.bar-col.dim{opacity:.4}.bar>div{transition:height .35s}.bar-col>span{height:20px;line-height:20px}.bar-tip{z-index:10;border:1px solid var(--border);width:128px;color:var(--text);pointer-events:none;background:#fff;border-radius:10px;padding:8px 10px;position:absolute;top:8px;box-shadow:0 6px 16px #0000001f}.bar-tip.right{left:calc(100% + 6px)}.bar-tip.left{right:calc(100% + 6px)}.bar-tip b{margin-bottom:4px;font-size:11px;display:block}.bar-tip p{color:var(--muted-2);align-items:center;gap:6px;font-size:11px;line-height:18px;display:flex}.bar-tip p i{border-radius:2px;width:8px;height:8px}.bar-tip p em{color:var(--text);margin-left:auto;font-style:normal;font-weight:600}.legend-inline{border-bottom:1px solid var(--border);justify-content:center;gap:12px;margin:12px 0 16px;padding-bottom:16px;font-size:11px;display:flex}.legend-inline button{font:inherit;cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;transition:opacity .15s,background .15s;display:flex}.legend-inline button:hover{background:#f3f4f6}.legend-inline button.off{opacity:.4;text-decoration:line-through}.legend-inline i{border-radius:2px;width:8px;height:8px}.section-label+.absence{margin-top:12px}.absence{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.abs-card{border:1px solid;border-radius:14px;flex-direction:column;gap:8px;padding:12px;transition:transform .15s,box-shadow .15s;display:flex}.abs-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.abs-title{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.abs-title i{width:8px;height:8px}.abs-row{color:var(--muted-2);justify-content:space-between;align-items:center;font-size:10px;display:flex}.abs-row b{text-align:center;border-radius:999px;min-width:22px;padding:2px 6px;font-weight:500}.sessions{flex-direction:column;gap:14px;margin-top:16px;display:flex}.session{background:#f9fafb;border-radius:14px;align-items:center;gap:12px;padding:12px;transition:background .15s;display:flex}.time{color:var(--navy);background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:4px 10px;font-size:12px;font-weight:600}.name{font-size:12px;font-weight:500;line-height:16px}.status{font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;transition:transform .15s,filter .15s;display:inline-flex}.status:not(:disabled):hover{filter:brightness(.97);transform:scale(1.05)}.status:disabled{cursor:default}.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status.selesai{color:#008236;background:#f0fdf4;border:1px solid #dcfce7}.status.berlangsung{color:#1447e6;background:#eff6ff;border:1px solid #dbeafe}.status.menunggu{color:#a65f00;background:#fefce8;border:1px solid #fef9c2}.quick{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.quick-item{text-align:left;border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:background .15s,transform .15s,border-color .15s;display:flex}.quick-item:hover{border-color:var(--cyan);background:#f9fafb;transform:translateY(-1px)}.q-text{flex-direction:column;gap:2px;display:flex}.q-text b{font-size:12px;font-weight:600}.q-text small{color:var(--muted);font-size:12px}.ach{text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;width:calc(100% + 16px);margin:4px -8px 0;padding:8px;transition:background .15s;display:flex}.ach:hover{background:#f9fafb}@media (width<=1100px){.row.charts,.row.bottom{grid-template-columns:1fr}}@media (width<=800px){.absence{grid-template-columns:1fr}}.head-right{align-items:center;gap:12px;display:flex}.seg-ctl{background:#f3f4f6;border-radius:8px;padding:2px;display:inline-flex}.seg-ctl button{color:var(--muted-2);border-radius:6px;padding:2px 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.seg-ctl button.on{color:var(--navy);background:#fff;box-shadow:0 1px 2px #00000014}.chips{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{color:var(--muted-2);background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.chip span{opacity:.7;font-size:11px}.chip:hover{border-color:var(--navy)}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.empty-note{text-align:center;color:var(--muted);padding:16px 0;font-size:12px}.sessions{margin-top:12px}.bk-page{color:#1f2937}.bk-page p,.bk-page h2{margin:0}.bk-page button{font:inherit;cursor:pointer}.bk-plain{color:inherit;background:0 0;border:0;place-items:center;display:grid}.bk-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.bk-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.bk-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.bk-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;display:flex}.bk-toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.bk-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.bk-btn:hover{background:#f9fafb}.bk-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;height:34px;padding:0 16px}.bk-btn.primary:hover{background:#142650}.bk-filter{position:relative}.bk-popover{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.bk-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.bk-popover button:hover{background:#f9fafb}.bk-popover button.active{color:#1a3063;font-weight:600}.bk-table-wrap{overflow-x:auto}.bk-table{border-collapse:collapse;width:100%;min-width:900px;font-size:12px}.bk-table th{text-align:left;color:#6a7282;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500}.bk-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.bk-table th button svg{color:#d1d5dc}.bk-table th button svg.on{color:#1a3063}.bk-table td{color:#1f2937;border-bottom:1px solid #f9fafb;height:57px;padding:0 16px}.bk-table tbody tr:hover{background:#fafbfc}.bk-table .bk-num{color:#99a1af;width:48px;padding-left:20px}.bk-name{font-weight:500;line-height:16px}.bk-email{color:#99a1af;line-height:16px}.bk-empty{text-align:center;color:#99a1af}.bk-row-actions{gap:4px;display:flex}.bk-row-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:25px;height:25px;display:grid}.bk-row-actions button:hover{color:#1a3063;background:#f3f4f6}.bk-row-actions button.danger:hover{color:#ef4444;background:#fef2f2}.bk-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.bk-pagination>div{gap:4px;display:flex}.bk-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.bk-pagination button.active{color:#fff;background:#1a3063}.bk-pagination button:disabled{opacity:.3;cursor:default}.bk-overlay{z-index:50;background:#11182773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.bk-modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:440px;max-width:100%;padding:20px;display:flex;box-shadow:0 20px 40px #0003}.bk-modal-head{justify-content:space-between;align-items:center;display:flex}.bk-modal-head h2{font-size:14px;font-weight:600}.bk-modal label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.bk-modal input{height:38px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px}.bk-modal input:focus{border-color:#00acec;outline:2px solid #00acec66}.bk-modal-foot{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.ds-page{color:#1f2937}.ds-page p,.ds-page h2{margin:0}.ds-page button{font:inherit;cursor:pointer}.ds-plain{color:inherit;background:0 0;border:0;place-items:center;display:grid}.ds-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.ds-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ds-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;display:flex}.ds-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.ds-tools{flex-wrap:wrap;gap:8px;display:flex}.ds-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.ds-btn:hover{background:#f9fafb}.ds-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.ds-btn.primary:hover{background:#142650}.ds-menu{position:relative}.ds-popover{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.ds-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.ds-popover button:hover{background:#f9fafb}.ds-popover button.active{color:#1a3063;font-weight:600}.ds-table-wrap{overflow-x:auto}.ds-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.ds-table th{text-align:left;color:#6a7282;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500}.ds-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:16px;font-weight:500;display:inline-flex}.ds-table th button svg{color:#d1d5dc}.ds-table th button svg.on{color:#1a3063}.ds-table th.ds-small{font-size:12px}.ds-table td{color:#1f2937;border-bottom:1px solid #f9fafb;height:65px;padding:8px 16px}.ds-table tbody tr:hover{background:#fafbfc}.ds-table .ds-num{color:#99a1af;width:48px;padding-left:20px}.ds-table td.ds-school{max-width:120px}.ds-name{white-space:nowrap;font-weight:500;line-height:16px}.ds-email{color:#99a1af;white-space:nowrap;line-height:16px}.ds-empty{text-align:center;color:#99a1af}.ds-badge{border:1px solid;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.ds-badge.gender-L,.ds-badge.track-Prestasi{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.ds-badge.gender-P{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.ds-badge.track-Reguler{color:#4a5565;background:#f3f4f6;border-color:#e5e7eb}.ds-badge.track-Beasiswa{color:#008236;background:#f0fdf4;border-color:#dcfce7}.ds-row-actions{gap:4px;display:flex}.ds-row-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:25px;height:25px;display:grid}.ds-row-actions button:hover{color:#1a3063;background:#f3f4f6}.ds-row-actions button.danger:hover{color:#ef4444;background:#fef2f2}.ds-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.ds-pagination>div{gap:4px;display:flex}.ds-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.ds-pagination button.active{color:#fff;background:#1a3063}.ds-pagination button:disabled{opacity:.3;cursor:default}.ds-overlay{z-index:50;background:#11182773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ds-modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:520px;max-width:100%;max-height:100%;padding:20px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.ds-modal-head{justify-content:space-between;align-items:center;display:flex}.ds-modal-head h2{font-size:14px;font-weight:600}.ds-modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ds-modal label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.ds-modal label.wide{grid-column:1/-1}.ds-modal input,.ds-modal select{height:38px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px}.ds-modal input:focus,.ds-modal select:focus{border-color:#00acec;outline:2px solid #00acec66}.ds-modal-foot{justify-content:flex-end;gap:8px;display:flex}.dw-page{color:#1f2937}.dw-page p,.dw-page h2{margin:0}.dw-page button{font:inherit;cursor:pointer}.dw-plain{color:inherit;background:0 0;border:0;place-items:center;display:grid}.dw-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.dw-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.dw-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;display:flex}.dw-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.dw-tools{flex-wrap:wrap;gap:8px;display:flex}.dw-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.dw-btn:hover{background:#f9fafb}.dw-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.dw-btn.primary:hover{background:#142650}.dw-menu{position:relative}.dw-popover{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.dw-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.dw-popover button:hover{background:#f9fafb}.dw-popover button.active{color:#1a3063;font-weight:600}.dw-table-wrap{overflow-x:auto}.dw-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.dw-table th{text-align:left;color:#6a7282;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500}.dw-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:16px;font-weight:500;display:inline-flex}.dw-table th button svg{color:#d1d5dc}.dw-table th button svg.on{color:#1a3063}.dw-table th.dw-small{font-size:12px}.dw-table td{color:#1f2937;border-bottom:1px solid #f9fafb;height:65px;padding:8px 16px}.dw-table tbody tr:hover{background:#fafbfc}.dw-table .dw-num{color:#99a1af;width:48px;padding-left:20px}.dw-table td.dw-school{max-width:120px}.dw-name{white-space:nowrap;font-weight:500;line-height:16px}.dw-email{color:#99a1af;white-space:nowrap;line-height:16px}.dw-empty{text-align:center;color:#99a1af}.dw-badge{border:1px solid;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.dw-badge.gender-L,.dw-badge.track-Prestasi{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.dw-badge.gender-P{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.dw-badge.track-Reguler{color:#4a5565;background:#f3f4f6;border-color:#e5e7eb}.dw-badge.track-Beasiswa{color:#008236;background:#f0fdf4;border-color:#dcfce7}.dw-row-actions{gap:4px;display:flex}.dw-row-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:25px;height:25px;display:grid}.dw-row-actions button:hover{color:#1a3063;background:#f3f4f6}.dw-row-actions button.danger:hover{color:#ef4444;background:#fef2f2}.dw-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.dw-pagination>div{gap:4px;display:flex}.dw-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.dw-pagination button.active{color:#fff;background:#1a3063}.dw-pagination button:disabled{opacity:.3;cursor:default}.dw-overlay{z-index:50;background:#11182773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dw-modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:520px;max-width:100%;max-height:100%;padding:20px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.dw-modal-head{justify-content:space-between;align-items:center;display:flex}.dw-modal-head h2{font-size:14px;font-weight:600}.dw-modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dw-modal label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.dw-modal label.wide{grid-column:1/-1}.dw-modal input,.dw-modal select{height:38px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px}.dw-modal input:focus,.dw-modal select:focus{border-color:#00acec;outline:2px solid #00acec66}.dw-modal-foot{justify-content:flex-end;gap:8px;display:flex}.dw-table{min-width:800px}.dw-table td{height:49px;padding:0 16px}.dw-table td.dw-name{font-weight:500}.dw-badge{color:#1a3063;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.dw-modal{width:440px}.ps-page{color:#1f2937}.ps-page p,.ps-page h2{margin:0}.ps-page button{font:inherit;cursor:pointer}.ps-plain{color:inherit;background:0 0;border:0;place-items:center;display:grid}.ps-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.ps-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ps-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;display:flex}.ps-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.ps-tools{flex-wrap:wrap;gap:8px;display:flex}.ps-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.ps-btn:hover{background:#f9fafb}.ps-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.ps-btn.primary:hover{background:#142650}.ps-menu{position:relative}.ps-popover{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.ps-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.ps-popover button:hover{background:#f9fafb}.ps-popover button.active{color:#1a3063;font-weight:600}.ps-table-wrap{overflow-x:auto}.ps-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.ps-table th{text-align:left;color:#6a7282;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500}.ps-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:16px;font-weight:500;display:inline-flex}.ps-table th button svg{color:#d1d5dc}.ps-table th button svg.on{color:#1a3063}.ps-table th.ps-small{font-size:12px}.ps-table td{color:#1f2937;border-bottom:1px solid #f9fafb;height:65px;padding:8px 16px}.ps-table tbody tr:hover{background:#fafbfc}.ps-table .ps-num{color:#99a1af;width:48px;padding-left:20px}.ps-table td.ps-school{max-width:120px}.ps-name{white-space:nowrap;font-weight:500;line-height:16px}.ps-email{color:#99a1af;white-space:nowrap;line-height:16px}.ps-empty{text-align:center;color:#99a1af}.ps-badge.gender-L,.ps-badge.track-Prestasi{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.ps-badge.gender-P{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.ps-badge.track-Reguler{color:#4a5565;background:#f3f4f6;border-color:#e5e7eb}.ps-badge.track-Beasiswa{color:#008236;background:#f0fdf4;border-color:#dcfce7}.ps-row-actions{gap:4px;display:flex}.ps-row-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:25px;height:25px;display:grid}.ps-row-actions button:hover{color:#1a3063;background:#f3f4f6}.ps-row-actions button.danger:hover{color:#ef4444;background:#fef2f2}.ps-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.ps-pagination>div{gap:4px;display:flex}.ps-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.ps-pagination button.active{color:#fff;background:#1a3063}.ps-pagination button:disabled{opacity:.3;cursor:default}.ps-overlay{z-index:50;background:#11182773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ps-modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:520px;max-width:100%;max-height:100%;padding:20px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.ps-modal-head{justify-content:space-between;align-items:center;display:flex}.ps-modal-head h2{font-size:14px;font-weight:600}.ps-modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ps-modal label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.ps-modal label.wide{grid-column:1/-1}.ps-modal input,.ps-modal select{height:38px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px}.ps-modal input:focus,.ps-modal select:focus{border-color:#00acec;outline:2px solid #00acec66}.ps-modal-foot{justify-content:flex-end;gap:8px;display:flex}.ps-table td.ps-name{font-weight:500}.ps-badge{color:#1a3063;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.ps-table{min-width:900px}.ps-table td{height:49px;padding:0 16px}.ps-table td.ps-name{white-space:nowrap;font-weight:500}.ps-table td.ps-narrative{text-overflow:ellipsis;white-space:nowrap;color:#6a7282;max-width:320px;overflow:hidden}.ps-badge{border:1px solid;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.ps-badge.style-Visual,.ps-badge.level-Cakap{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.ps-badge.style-Kinestetik,.ps-badge.level-Mahir{color:#008236;background:#f0fdf4;border-color:#dcfce7}.ps-badge.style-Auditori{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.ps-badge.level-Dasar{color:#a65f00;background:#fefce8;border-color:#fef9c2}.ps-modal{width:460px}.ps-modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ps-modal textarea{font:inherit;color:#1f2937;resize:vertical;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px}.ps-modal textarea:focus{border-color:#00acec;outline:2px solid #00acec66}.cj-page{color:#1f2937}.cj-page p,.cj-page h2{margin:0}.cj-page button{font:inherit;cursor:pointer}.cj-plain{color:inherit;background:0 0;border:0;place-items:center;display:grid}.cj-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.cj-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.cj-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;display:flex}.cj-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.cj-tools{flex-wrap:wrap;gap:8px;display:flex}.cj-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.cj-btn:hover{background:#f9fafb}.cj-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.cj-btn.primary:hover{background:#142650}.cj-menu{position:relative}.cj-popover{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.cj-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.cj-popover button:hover{background:#f9fafb}.cj-popover button.active{color:#1a3063;font-weight:600}.cj-table-wrap{overflow-x:auto}.cj-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:12px}.cj-table th{text-align:left;color:#6a7282;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500}.cj-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:16px;font-weight:500;display:inline-flex}.cj-table th button svg{color:#d1d5dc}.cj-table th button svg.on{color:#1a3063}.cj-table th.cj-small{font-size:12px}.cj-table td{color:#1f2937;border-bottom:1px solid #f9fafb;height:65px;padding:8px 16px}.cj-table tbody tr:hover{background:#fafbfc}.cj-table .cj-num{color:#99a1af;width:48px;padding-left:20px}.cj-table td.cj-school{max-width:120px}.cj-name{white-space:nowrap;font-weight:500;line-height:16px}.cj-email{color:#99a1af;white-space:nowrap;line-height:16px}.cj-empty{text-align:center;color:#99a1af}.cj-badge.gender-L,.cj-badge.track-Prestasi{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.cj-badge.gender-P{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.cj-badge.track-Reguler{color:#4a5565;background:#f3f4f6;border-color:#e5e7eb}.cj-badge.track-Beasiswa{color:#008236;background:#f0fdf4;border-color:#dcfce7}.cj-row-actions{gap:4px;display:flex}.cj-row-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:25px;height:25px;display:grid}.cj-row-actions button:hover{color:#1a3063;background:#f3f4f6}.cj-row-actions button.danger:hover{color:#ef4444;background:#fef2f2}.cj-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.cj-pagination>div{gap:4px;display:flex}.cj-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;display:grid}.cj-pagination button.active{color:#fff;background:#1a3063}.cj-pagination button:disabled{opacity:.3;cursor:default}.cj-overlay{z-index:50;background:#11182773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cj-modal{background:#fff;border-radius:16px;flex-direction:column;gap:12px;width:520px;max-width:100%;max-height:100%;padding:20px;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.cj-modal-head{justify-content:space-between;align-items:center;display:flex}.cj-modal-head h2{font-size:14px;font-weight:600}.cj-modal-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cj-modal label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.cj-modal label.wide{grid-column:1/-1}.cj-modal input,.cj-modal select{height:38px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 12px;font-size:14px}.cj-modal input:focus,.cj-modal select:focus{border-color:#00acec;outline:2px solid #00acec66}.cj-modal-foot{justify-content:flex-end;gap:8px;display:flex}.cj-table{min-width:800px}.cj-table td{height:49px;padding:0 16px}.cj-badge{border:1px solid;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.cj-badge.type-PTN{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.cj-badge.type-PTS,.cj-badge.stream-IPA-IPS{color:#4a5565;background:#f3f4f6;border-color:#e5e7eb}.cj-badge.stream-IPA{color:#007595;background:#ecfeff;border-color:#cefafe}.cj-badge.stream-IPS{color:#a65f00;background:#fefce8;border-color:#fef9c2}.cj-modal{width:440px}.cj-modal-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sk-page{color:#1f2937;gap:16px}.sk-page p,.sk-page h2{margin:0}.sk-page button{font:inherit;cursor:pointer}.sk-great{--bg:#d1fae5;--fg:#047857;--dot:#10b981}.sk-high{--bg:#e5e7eb;--fg:#1a3063;--dot:#1a3063}.sk-above,.sk-mid{--bg:#cffafe;--fg:#0e7490;--dot:#00acec}.sk-low{--bg:#fef9c2;--fg:#a65f00;--dot:#ffc81a}.sk-poor{--bg:#fee2e2;--fg:#b91c1c;--dot:#ef4444}@keyframes sk-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes sk-fade{0%{opacity:0}}@keyframes sk-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.sk-legend{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:17px 20px;font-size:12px;line-height:16px;animation:.45s both sk-rise;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.sk-legend-title{color:#6a7282;font-weight:600}.sk-legend-title span{color:#99a1af;font-weight:400}.sk-legend-body{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px 32px;margin-top:12px;display:grid}.sk-legend-sub{color:#99a1af;margin-bottom:6px!important}.sk-legend-items{flex-wrap:wrap;gap:6px;display:flex}.sk-legend-item{color:#4a5565;background:#f9fafb;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.sk-legend-item:hover{background:#f3f4f6;transform:translateY(-1px)}.sk-legend-item.on{background:var(--bg);border-color:var(--dot)}.sk-legend-item em{color:#99a1af;font-style:normal}.sk-dot{background:var(--dot);border-radius:50%;width:10px;height:10px}.sk-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .12s both sk-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.sk-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sk-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.sk-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.sk-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.sk-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.sk-clear:hover{background:#e5e7eb}.sk-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sk-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sk-btn:hover{background:#f9fafb}.sk-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.sk-caret{transition:transform .2s}.sk-caret.open{transform:rotate(180deg)}.sk-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s sk-fade;display:inline-flex}.sk-reset:hover{color:#1a3063;background:#f3f4f6}.sk-menu{position:relative}.sk-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:170px;padding:4px;animation:.14s sk-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.sk-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.sk-popover button:hover{background:#f9fafb}.sk-popover button.active{color:#1a3063;font-weight:600}.sk-table-wrap{min-height:260px;max-height:calc(100vh - 430px);overflow:auto}.sk-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px;font-size:12px}.sk-table th{z-index:2;color:#6a7282;white-space:nowrap;background:#f9fafb;padding:0 8px;font-weight:500;position:sticky;top:0}.sk-groups th{text-align:center;border-bottom:1px solid #f3f4f6;height:34px}.sk-cols th{text-align:center;border-bottom:1px solid #f3f4f6;height:34px;top:34px}.sk-group{border-left:1px solid #f3f4f6;font-weight:600!important}.sk-group.iqcq{color:#1f2937}.sk-group.verbal{color:#1a3063}.sk-group.numerik{color:#00acec}.sk-group.memori{color:#059669}.sk-sort{color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.sk-sort:hover{color:#1a3063}.sk-sort svg{color:#d1d5dc}.sk-sort svg.on{color:#1a3063}.sk-table .sk-num{z-index:1;text-align:left;color:#99a1af;width:52px;min-width:52px;padding:0 8px 0 20px;position:sticky;left:0}.sk-table .sk-name{z-index:1;text-align:left;min-width:210px;padding:0 16px;font-weight:500;position:sticky;left:52px;box-shadow:inset -1px 0 #f3f4f6}.sk-table thead .sk-num,.sk-table thead .sk-name{z-index:4}.sk-table td.sk-name{color:#1f2937}.sk-table .sk-left{text-align:left;padding:0 16px}.sk-table .sk-first{border-left:1px solid #f3f4f6}.sk-table td{text-align:center;color:#1f2937;background:#fff;border-bottom:1px solid #f9fafb;height:49px;padding:0 8px;transition:background .15s}.sk-table tbody tr{animation:.35s both sk-fade}.sk-table tbody tr:hover td{background:#fafbfc}.sk-empty{color:#99a1af;text-align:center!important}.sk-class{color:#1a3063;white-space:nowrap;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-weight:500;display:inline-block}.sk-chip{background:var(--bg);min-width:24px;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 6px;font-weight:600;line-height:16px;transition:opacity .2s,transform .15s;display:inline-block}.sk-chip.wide{min-width:36px}.sk-chip:hover{transform:scale(1.12)}.sk-chip.dim{opacity:.2}.sk-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.sk-pagination>div{gap:4px;display:flex}.sk-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.sk-pagination button:hover:not(:disabled):not(.active){background:#f3f4f6}.sk-pagination button.active{color:#fff;background:#1a3063}.sk-pagination button:disabled{opacity:.3;cursor:default}@media (prefers-reduced-motion:reduce){.sk-page *,.sk-page :before,.sk-page :after{transition:none!important;animation:none!important}}.gb-page{color:#1f2937;gap:16px}.gb-page p,.gb-page h3,.gb-page dl,.gb-page dd{margin:0}.gb-page button{font:inherit;cursor:pointer}.gb-grow{flex:1;min-width:0}.gb-blue{--bg:#eff6ff;--bd:#dbeafe;--fg:#1447e6;--bar:#2b7fff}.gb-green{--bg:#f0fdf4;--bd:#dcfce7;--fg:#008236;--bar:#00a63e}.gb-purple{--bg:#faf5ff;--bd:#f3e8ff;--fg:#8200db;--bar:#a855f7}.gb-yellow{--bg:#fefce8;--bd:#fef9c2;--fg:#a65f00;--bar:#f0b100}.gb-cyan{--bg:#ecfeff;--bd:#cefafe;--fg:#007595;--bar:#00b8db}@keyframes gb-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes gb-fade{0%{opacity:0}}@keyframes gb-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes gb-grow{0%{width:0}}.gb-toolbar{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;animation:.45s both gb-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.gb-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.gb-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.gb-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.gb-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.gb-clear:hover{background:#e5e7eb}.gb-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gb-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.gb-btn:hover{background:#f9fafb}.gb-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.gb-caret{transition:transform .2s}.gb-caret.open{transform:rotate(180deg)}.gb-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s gb-fade;display:inline-flex}.gb-reset:hover{color:#1a3063;background:#f3f4f6}.gb-reset.solid{background:#fff;border:1px solid #e5e7eb;padding:0 16px}.gb-menu{position:relative}.gb-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s gb-pop;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #0000001a}.gb-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.gb-popover button:hover{background:#f9fafb}.gb-popover button.active{color:#1a3063;font-weight:600}.gb-seg{background:#f3f4f6;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.gb-seg button{color:#6a7282;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.gb-seg button span{opacity:.7;font-size:11px}.gb-seg button:hover:not(.active){color:#1a3063}.gb-seg button.active{color:#fff;background:#1a3063;box-shadow:0 1px 2px #00000026}.gb-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.gb-stat{text-align:left;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:14px;padding:14px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s .1s both gb-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.gb-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.gb-stat.on{border-color:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--fg) 18%, transparent)}.gb-stat:focus-visible{outline-offset:2px;outline:2px solid #00acec}.gb-stat-icon{background:var(--bg);width:38px;height:38px;color:var(--fg);border-radius:12px;flex-shrink:0;place-items:center;transition:transform .25s;display:grid}.gb-stat:hover .gb-stat-icon{transform:rotate(-8deg)scale(1.08)}.gb-stat-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gb-stat-label{color:#6a7282;font-size:12px;line-height:16px}.gb-stat-value{font-variant-numeric:tabular-nums;font-size:18px;font-weight:600;line-height:24px}.gb-stat-value small{color:#99a1af;font-size:12px;font-weight:400}.gb-meter{background:#f3f4f6;border-radius:999px;height:4px;margin-top:4px;overflow:hidden}.gb-meter i{border-radius:inherit;background:var(--bar);height:100%;transition:width .5s;animation:.8s both gb-grow;display:block}.gb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.gb-profile{background:#fff;border:1px solid #f3f4f6;border-radius:16px;transition:transform .18s,box-shadow .18s;animation:.45s both gb-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.gb-profile:hover{transform:translateY(-2px);box-shadow:0 10px 22px #1a30631a}.gb-profile header{border-bottom:1px solid #f9fafb;align-items:center;gap:12px;padding:16px 20px;display:flex}.gb-avatar{color:#fff;background:linear-gradient(135deg,#1a3063,#00acec);border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.gb-profile h3{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.gb-profile header p{color:#99a1af;font-size:12px;line-height:16px}.gb-traits{grid-template-columns:1fr 1fr;gap:12px 16px;padding:16px 20px;display:grid}.gb-traits dt{color:#99a1af;align-items:center;gap:5px;margin-bottom:6px;font-size:12px;line-height:16px;display:flex}.gb-collapse{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .25s,visibility 0s linear .25s;display:grid}.gb-collapse.open{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .25s,visibility}.gb-collapse-clip{min-height:0;overflow:hidden}.gb-narrative{color:#4a5565;background:#f9fafb;border-radius:10px;padding:10px 12px;font-size:12px;line-height:18px;margin:0 20px 12px!important}.gb-more{color:#99a1af;background:0 0;border:0;border-top:1px solid #f9fafb;justify-content:center;align-items:center;gap:6px;width:100%;height:40px;font-size:12px;transition:background .15s,color .15s;display:flex}.gb-more:hover{color:#4a5565;background:#fafbfc}.gb-flip{transition:transform .25s}.gb-flip.open{transform:rotate(180deg)}.gb-empty{text-align:center;color:#99a1af;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;padding:32px 0;display:flex}.gb-chip{border:1px solid var(--bd);background:var(--bg);color:var(--fg);white-space:nowrap;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}@media (prefers-reduced-motion:reduce){.gb-page *,.gb-page :before,.gb-page :after{transition:none!important;animation:none!important}}.ba-page{color:#1f2937;gap:16px}.ba-page p,.ba-page h2{margin:0}.ba-page button{font:inherit;cursor:pointer}@keyframes ba-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes ba-fade{0%{opacity:0}}@keyframes ba-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes ba-grow{0%{width:0}}.ba-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.ba-stat{--tone-bg:#eff6ff;--tone-fg:#1447e6;text-align:left;min-height:106px;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;gap:16px;padding:21px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s both ba-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.ba-stat.blue{--tone-bg:#eff6ff;--tone-fg:#1447e6}.ba-stat.yellow{--tone-bg:#fefce8;--tone-fg:#d08700}.ba-stat.green{--tone-bg:#f0fdf4;--tone-fg:#00a63e}.ba-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.ba-stat.on{border-color:var(--tone-fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--tone-fg) 18%, transparent)}.ba-stat:focus-visible{outline-offset:2px;outline:2px solid #00acec}.ba-stat-icon{background:var(--tone-bg);width:44px;height:44px;color:var(--tone-fg);border-radius:14px;flex-shrink:0;place-items:center;transition:transform .25s;display:grid}.ba-stat:hover .ba-stat-icon{transform:rotate(-8deg)scale(1.08)}.ba-stat-body{flex-direction:column;flex:1;min-width:0;display:flex}.ba-stat-label{color:#6a7282;font-size:12px;line-height:16px}.ba-stat-value{margin:4px 0;font-size:24px;font-weight:600;line-height:24px}.ba-stat-sub{color:#99a1af;font-size:12px;line-height:16px}.ba-meter{background:#f3f4f6;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.ba-meter i{border-radius:inherit;background:var(--tone-fg);height:100%;transition:width .5s;animation:.8s both ba-grow;display:block}.ba-legend{color:#4a5565;background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:13px 20px;font-size:12px;animation:.45s .2s both ba-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.ba-legend-title{color:#6a7282;font-weight:500}.ba-legend span{align-items:center;gap:8px;display:inline-flex}.ba-legend i{border-radius:50%;width:12px;height:12px}.ba-legend i.left,.ba-track i.left{background:#1a3063}.ba-legend i.right,.ba-track i.right{background:#ffc81a}.ba-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .3s both ba-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.ba-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ba-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.ba-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.ba-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.ba-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ba-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ba-btn:hover{background:#f9fafb}.ba-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.ba-caret{transition:transform .2s}.ba-caret.open{transform:rotate(180deg)}.ba-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s ba-fade;display:inline-flex}.ba-reset:hover{color:#1a3063;background:#f3f4f6}.ba-menu{position:relative}.ba-popover{z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s ba-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.ba-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.ba-popover button:hover{background:#f9fafb}.ba-popover button.active{color:#1a3063;font-weight:600}.ba-table-wrap{overflow-x:auto}.ba-table{border-collapse:collapse;width:100%;min-width:860px;font-size:12px}.ba-table th{text-align:left;color:#6a7282;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500}.ba-table th.ba-center{text-align:center}.ba-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.ba-table th button:hover{color:#1a3063}.ba-table th button svg{color:#d1d5dc}.ba-table th button svg.on{color:#1a3063}.ba-table td{color:#1f2937;border-bottom:1px solid #f9fafb;height:57px;padding:0 16px}.ba-table tbody tr{transition:background .15s;animation:.35s both ba-fade}.ba-table tbody tr:hover{background:#fafbfc}.ba-table .ba-num{color:#99a1af;width:48px;padding-left:20px}.ba-name{white-space:nowrap;font-weight:500;line-height:16px}.ba-class{color:#99a1af;line-height:16px}.ba-table td.ba-type{font-weight:500}.ba-empty{text-align:center;color:#99a1af}.ba-badge{white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.ba-badge.left{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.ba-badge.right{color:#a65f00;background:#fefce8;border-color:#fef9c2}.ba-badge.left-plain{color:#1a3063;background:#e5e7eb;border-color:#e5e7eb}.ba-badge.right-plain{color:#a65f00;background:#fefce8;border-color:#fefce8}.ba-balance{gap:4px;display:inline-flex}.ba-dist{color:#6a7282;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.ba-dist>span{text-align:center;font-variant-numeric:tabular-nums;width:32px}.ba-track{border-radius:999px;gap:2px;width:120px;height:8px;display:flex;overflow:hidden}.ba-track i{height:100%;animation:.7s both ba-grow;display:block}.ba-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.ba-pagination>div{gap:4px;display:flex}.ba-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.ba-pagination button:hover:not(:disabled):not(.active){background:#f3f4f6}.ba-pagination button.active{color:#fff;background:#1a3063}.ba-pagination button:disabled{opacity:.3;cursor:default}@media (prefers-reduced-motion:reduce){.ba-page *,.ba-page :before,.ba-page :after{transition:none!important;animation:none!important}}.nr-page{color:#1f2937;gap:16px}.nr-page p,.nr-page h2{margin:0}.nr-page button{font:inherit;cursor:pointer}.nr-great{--bg:#f0fdf4;--fg:#008236;--bar:#00a63e}.nr-good{--bg:#eff6ff;--fg:#1447e6;--bar:#2b7fff}.nr-fair{--bg:#fefce8;--fg:#a65f00;--bar:#f0b100}.nr-poor{--bg:#fef2f2;--fg:#e7000b;--bar:#fb2c36}@keyframes nr-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes nr-fade{0%{opacity:0}}@keyframes nr-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes nr-grow{0%{width:0}}.nr-summary{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.nr-sum{--tone-bg:#eff6ff;--tone-fg:#1447e6;text-align:left;min-height:98px;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s both nr-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.nr-sum.blue{--tone-bg:#eff6ff;--tone-fg:#1447e6}.nr-sum.yellow{--tone-bg:#fefce8;--tone-fg:#d08700}.nr-sum.red{--tone-bg:#fef2f2;--tone-fg:#e7000b}button.nr-sum:hover,div.nr-sum:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.nr-sum.on{border-color:var(--tone-fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--tone-fg) 18%, transparent)}.nr-sum:focus-visible{outline-offset:2px;outline:2px solid #00acec}.nr-sum-icon{background:var(--tone-bg);width:44px;height:44px;color:var(--tone-fg);border-radius:14px;flex-shrink:0;place-items:center;transition:transform .25s;display:grid}.nr-sum:hover .nr-sum-icon{transform:rotate(-8deg)scale(1.08)}.nr-sum-body{flex-direction:column;flex:1;min-width:0;display:flex}.nr-sum-label{color:#6a7282;font-size:12px;line-height:16px}.nr-sum-value{font-variant-numeric:tabular-nums;margin:4px 0;font-size:24px;font-weight:600;line-height:28px}.nr-sum-value.text{white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:28px;overflow:hidden}.nr-sum-sub{color:#99a1af;font-size:12px;line-height:16px}.nr-toolbar{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;animation:.45s .2s both nr-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.nr-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.nr-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.nr-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.nr-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.nr-clear:hover{background:#e5e7eb}.nr-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nr-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.nr-btn:hover{background:#f9fafb}.nr-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.nr-caret{transition:transform .2s}.nr-caret.open{transform:rotate(180deg)}.nr-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s nr-fade;display:inline-flex}.nr-reset:hover{color:#1a3063;background:#f3f4f6}.nr-menu{position:relative}.nr-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s nr-pop;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #0000001a}.nr-popover button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.nr-popover button:hover{background:#f9fafb}.nr-popover button.active{color:#1a3063;font-weight:600}.nr-legend{flex-wrap:wrap;gap:8px;animation:.45s .28s both nr-rise;display:flex}.nr-pill{background:var(--bg);color:var(--fg);border:1px solid #0000;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:500;line-height:16px;transition:transform .15s,border-color .15s,box-shadow .15s}.nr-pill:hover{transform:translateY(-1px)}.nr-pill.on{border-color:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb, var(--fg) 15%, transparent)}.nr-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .36s both nr-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.nr-table-wrap{min-height:260px;max-height:calc(100vh - 360px);overflow:auto}.nr-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px;font-size:12px}.nr-table th{z-index:2;color:#6a7282;white-space:nowrap;background:#f9fafb;padding:0 8px;font-weight:500;position:sticky;top:0}.nr-groups th{text-align:center;height:34px}.nr-subjects th{text-align:center;cursor:help;border-bottom:1px solid #f3f4f6;height:34px;top:34px}.nr-groups th[rowspan="2"]{border-bottom:1px solid #f3f4f6}.nr-group{border-left:1px solid #f3f4f6;font-weight:600!important}.nr-group.general{color:#6a7282}.nr-group.ipa{color:#1f2937}.nr-group.ips{color:#00acec}.nr-sort{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.nr-sort:hover{color:#1a3063}.nr-sort svg{color:#d1d5dc}.nr-sort svg.on{color:#1a3063}.nr-table .nr-num{z-index:1;text-align:left;color:#99a1af;width:52px;min-width:52px;padding:0 8px 0 20px;position:sticky;left:0}.nr-table .nr-name{z-index:1;text-align:left;min-width:210px;padding:0 16px;position:sticky;left:52px;box-shadow:inset -1px 0 #f3f4f6}.nr-table thead .nr-num,.nr-table thead .nr-name{z-index:4}.nr-table .nr-left{text-align:left;padding:0 16px}.nr-table .nr-first{border-left:1px solid #f3f4f6}.nr-table td{text-align:center;color:#1f2937;background:#fff;border-bottom:1px solid #f9fafb;height:49px;padding:0 8px;transition:background .15s}.nr-table tbody tr{animation:.35s both nr-fade}.nr-table tbody tr:hover td{background:#fafbfc}.nr-person{white-space:nowrap;align-items:center;gap:10px;font-weight:500;display:flex}.nr-avatar{color:#fff;background:linear-gradient(135deg,#1a3063,#00acec);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:10px;font-style:normal;font-weight:700;display:grid}.nr-class{color:#364153;white-space:nowrap;background:#f3f4f6;border-radius:999px;padding:2px 8px;font-weight:500;display:inline-block}.nr-chip{background:var(--bg);min-width:28px;color:var(--fg);font-variant-numeric:tabular-nums;border-radius:6px;padding:3px 6px;font-weight:600;line-height:16px;transition:opacity .2s,transform .15s;display:inline-block}.nr-chip:hover{transform:scale(1.12)}.nr-chip.dim{opacity:.2}.nr-none{color:#d1d5dc}.nr-avg-head{min-width:110px}.nr-avg{flex-direction:column;align-items:center;gap:4px;display:flex}.nr-avg b{color:var(--fg);font-variant-numeric:tabular-nums}.nr-avg-bar{background:#f3f4f6;border-radius:999px;width:56px;height:4px;overflow:hidden}.nr-avg-bar i{border-radius:inherit;background:var(--bar);height:100%;animation:.8s both nr-grow;display:block}.nr-table tfoot td{z-index:2;color:#4a5565;font-variant-numeric:tabular-nums;background:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:0;height:44px;font-weight:600;position:sticky;bottom:0}.nr-table tfoot .nr-foot-label{z-index:3;text-align:left;padding-left:20px;left:0;box-shadow:inset -1px 0 #e5e7eb}.nr-table tfoot .nr-none{font-weight:400}.nr-empty{color:#99a1af;text-align:center!important}.nr-footer{color:#99a1af;border-top:1px solid #f3f4f6;align-items:center;height:49px;padding:0 20px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){.nr-page *,.nr-page :before,.nr-page :after{transition:none!important;animation:none!important}}.rm-page{color:#1f2937;flex-direction:column;gap:16px;display:flex}.rm-page p{margin:0}.rm-page button{font:inherit;cursor:pointer}@keyframes rm-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes rm-fade{0%{opacity:0}}@keyframes rm-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes rm-step{0%{opacity:0;height:0}}@keyframes rm-float{50%{transform:translateY(-3px)}}.rm-top{background:linear-gradient(170deg,#1a3063 0%,#1d6ba5 50%,#00acec 100%);border-radius:16px;flex-direction:column;gap:12px;padding:20px 20px 0;animation:.45s both rm-rise;display:flex;overflow:hidden}.rm-top-title{color:#ffffffbf;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:16px;display:flex}.rm-top-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.rm-pod{color:#fff;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.rm-pod-icon{margin-bottom:4px}.rm-pod.place-1 .rm-pod-icon{color:#ffc81a;animation:2.4s ease-in-out infinite rm-float}.rm-pod.place-2 .rm-pod-icon{color:#e5e7eb}.rm-pod.place-3 .rm-pod-icon{color:#fdba74}.rm-pod-avatar{background:#fff3;border:2px solid #ffffff80;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:8px;font-size:13px;font-weight:700;transition:transform .2s;display:grid}.rm-pod.place-1 .rm-pod-avatar{border-color:#ffc81a;width:52px;height:52px}.rm-pod:hover .rm-pod-avatar{transform:scale(1.08)}.rm-pod-name{max-width:100%;padding:0 4px;font-size:12px;font-weight:600;line-height:16px}.rm-pod-class{color:#ffffffa6;font-size:12px;line-height:16px}.rm-pod-mean{color:#ffc81a;font-variant-numeric:tabular-nums;margin-top:4px;font-size:16px;font-weight:700;line-height:22px}.rm-pod-label{color:#ffffff8c;font-size:11px;line-height:14px}.rm-pod-step{color:#ffffff8c;background:#ffffff29;border-radius:10px 10px 0 0;place-items:center;width:100%;margin-top:10px;font-size:22px;font-weight:800;animation:.7s .3s both rm-step;display:grid}.rm-pod.place-1 .rm-pod-step{color:#ffc81a;background:#ffc81a40;height:56px}.rm-pod.place-2 .rm-pod-step{height:40px}.rm-pod.place-3 .rm-pod-step{height:30px}.rm-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rm-stat{background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;transition:transform .18s,box-shadow .18s;animation:.45s .1s both rm-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.rm-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.rm-stat-icon{color:#1a3063;background:#eff6ff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;transition:transform .25s;display:grid}.rm-stat:hover .rm-stat-icon{transform:rotate(-8deg)scale(1.08)}.rm-stat p{color:#99a1af;font-size:12px;line-height:16px}.rm-stat strong{color:#1a3063;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:28px;display:block}.rm-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .2s both rm-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.rm-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.rm-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.rm-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.rm-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.rm-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.rm-clear:hover{background:#e5e7eb}.rm-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rm-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.rm-btn:hover{background:#f9fafb}.rm-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.rm-caret{transition:transform .2s}.rm-caret.open{transform:rotate(180deg)}.rm-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s rm-fade;display:inline-flex}.rm-reset:hover{color:#1a3063;background:#f3f4f6}.rm-menu{position:relative}.rm-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s rm-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.rm-popover button{text-align:left;white-space:nowrap;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.rm-popover button:hover{background:#f9fafb}.rm-popover button.active{color:#1a3063;font-weight:600}.rm-table-wrap{min-height:260px;max-height:calc(100vh - 480px);overflow:auto}.rm-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px;font-size:12px}.rm-table th{z-index:2;text-align:left;white-space:nowrap;color:#6a7282;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500;position:sticky;top:0}.rm-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.rm-table th button:hover{color:#1a3063}.rm-table th button svg{color:#d1d5dc}.rm-table th button svg.on{color:#1a3063}.rm-table td{background:#fff;border-bottom:1px solid #f9fafb;height:57px;padding:0 16px;transition:background .15s}.rm-table tbody tr{animation:.35s both rm-fade}.rm-table tbody tr:hover td{background:#fafbfc}.rm-table .rm-num{z-index:1;color:#99a1af;width:52px;min-width:52px;padding:0 8px 0 20px;position:sticky;left:0}.rm-table .rm-name-col{z-index:1;min-width:230px;position:sticky;left:52px;box-shadow:inset -1px 0 #f3f4f6}.rm-table thead .rm-num,.rm-table thead .rm-name-col{z-index:4}.rm-total{color:#1f2937;font-variant-numeric:tabular-nums;font-weight:600}.rm-empty{text-align:center;color:#99a1af}.rm-student{align-items:center;gap:8px;display:flex}.rm-name{white-space:nowrap;color:#1f2937;font-weight:500;line-height:16px}.rm-name.hl{color:#1a3063}.rm-class{color:#99a1af;line-height:16px}.rm-medal{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.rm-medal.gold{background:#f0b100}.rm-medal.silver{background:#99a1af}.rm-medal.bronze{background:#bb4d00}.rm-mean{text-align:center;font-variant-numeric:tabular-nums;border-radius:10px;min-width:44px;padding:4px 10px;font-weight:600;line-height:16px;display:inline-block}.rm-mean.rm-great{color:#008236;background:#f0fdf4}.rm-mean.rm-good{color:#1a3063;background:#eff6ff}.rm-mean.rm-fair{color:#007595;background:#ecfeff}.rm-mean.rm-low{color:#4a5565;background:#f9fafb}.rm-rank{align-items:center;gap:4px;font-weight:700;line-height:16px;display:inline-flex}.rm-rank.gold{color:#d08700}.rm-rank.silver{color:#6a7282}.rm-rank.bronze{color:#bb4d00}.rm-rank.plain{color:#4a5565;font-weight:500}.rm-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.rm-pagination>div{gap:4px;display:flex}.rm-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.rm-pagination button:hover:not(:disabled):not(.active){background:#f3f4f6}.rm-pagination button.active{color:#fff;background:#1a3063}.rm-pagination button:disabled{opacity:.3;cursor:default}@media (width<=768px){.rm-top-list,.rm-stats{grid-template-columns:1fr}.rm-pod.place-1{order:1}.rm-pod.place-2{order:2}.rm-pod.place-3{order:3}.rm-pod-step{display:none}.rm-top{padding-bottom:20px}}@media (prefers-reduced-motion:reduce){.rm-page *,.rm-page :before,.rm-page :after{transition:none!important;animation:none!important}}.bkp{flex-direction:column;gap:4px;font-size:12px;display:flex}.bkp .bkp-label{color:#6a7282;font-weight:500}.bkp .bkp-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.bkp .bkp-search{color:#99a1af;background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-direction:row;align-items:center;gap:6px;height:36px;padding:0 10px;display:flex}.bkp .bkp-search input{width:auto;min-width:0;height:100%;font:inherit;color:#1f2937;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0;font-size:13px}.bkp ul{max-height:168px;margin:0;padding:4px;list-style:none;overflow-y:auto}.bkp li button{width:100%;font:inherit;text-align:left;color:#1f2937;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:7px 8px;font-size:13px;display:flex}.bkp li button span{align-items:baseline;gap:10px;min-width:0;display:flex}.bkp li button:hover{background:#f9fafb}.bkp li button[aria-selected=true]{color:#1a3063;background:#eff6ff}.bkp li b{font-weight:500}.bkp li small{color:#99a1af;font-size:12px}.bkp li.bkp-empty{text-align:center;color:#99a1af;padding:14px 8px;font-size:12px}.bkp .bkp-picked{color:#6a7282;font-weight:400}.bkv-overlay{z-index:60;background:#1118278c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.bkv-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(900px,100%);height:min(86vh,100%);display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}.bkv-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.bkv-modal h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.bkv-modal header>div{flex-shrink:0;align-items:center;gap:12px;display:flex}.bkv-modal header button{color:#99a1af;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.bkv-link{color:#1a3063;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}.bkv-link:hover{text-decoration:underline}.bkv-body{background:#f3f4f6;flex:1;place-items:center;min-height:0;display:grid}.bkv-body iframe{background:#fff;border:0;width:100%;height:100%}.bkv-body img{object-fit:contain;max-width:100%;max-height:100%}.bkv-state{color:#6a7282;font-size:13px}.mb-page{color:#1f2937;flex-direction:column;gap:16px;display:flex}.mb-page p,.mb-page h2{margin:0}.mb-page button{font:inherit;cursor:pointer}@keyframes mb-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes mb-fade{0%{opacity:0}}@keyframes mb-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes mb-modal{0%{opacity:0;transform:translateY(12px)scale(.97)}}.mb-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mb-stat{--c:#1447e6;--soft:#eff6ff;text-align:left;height:84px;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:16px;padding:0 20px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s both mb-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.mb-stat.ips{--c:#a65f00;--soft:#fefce8}.mb-stat.both{--c:#007595;--soft:#ecfeff}.mb-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.mb-stat:focus-visible{outline-offset:2px;outline:2px solid #00acec}.mb-stat.active{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent)}.mb-stat-icon{background:var(--soft);width:44px;height:44px;color:var(--c);border-radius:14px;flex-shrink:0;place-items:center;transition:transform .25s;display:grid}.mb-stat:hover .mb-stat-icon{transform:rotate(-8deg)scale(1.08)}.mb-stat-body{flex-direction:column;display:flex}.mb-stat-body>span{color:#6a7282;font-size:12px;line-height:16px}.mb-stat strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.mb-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .15s both mb-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.mb-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.mb-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.mb-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.mb-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.mb-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.mb-clear:hover{background:#e5e7eb}.mb-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mb-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mb-btn:hover{background:#f9fafb}.mb-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.mb-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.mb-btn.primary:hover{background:#142650}.mb-btn.danger-solid{color:#fff;background:#dc2626;border-color:#dc2626;padding:0 16px}.mb-btn.danger-solid:hover{background:#b91c1c}.mb-caret{transition:transform .2s}.mb-caret.open{transform:rotate(180deg)}.mb-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s mb-fade;display:inline-flex}.mb-reset:hover{color:#1a3063;background:#f3f4f6}.mb-menu{position:relative}.mb-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s mb-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.mb-popover button{text-align:left;white-space:nowrap;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.mb-popover button:hover{background:#f9fafb}.mb-popover button.active{color:#1a3063;font-weight:600}.mb-table-wrap{min-height:260px;max-height:calc(100vh - 400px);overflow:auto}.mb-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;font-size:12px}.mb-table th{z-index:2;text-align:left;white-space:nowrap;color:#6a7282;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500;position:sticky;top:0}.mb-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.mb-table th button:hover{color:#1a3063}.mb-table th svg{color:#d1d5dc}.mb-table th svg.on{color:#1a3063}.mb-table td{background:#fff;border-bottom:1px solid #f9fafb;height:57px;padding:0 16px;transition:background .15s}.mb-table tbody tr{animation:.35s both mb-fade}.mb-table tbody tr:hover td{background:#fafbfc}.mb-table .mb-num{z-index:1;color:#99a1af;width:52px;min-width:52px;padding:0 8px 0 20px;position:sticky;left:0}.mb-table .mb-name-col{z-index:1;min-width:210px;position:sticky;left:52px;box-shadow:inset -1px 0 #f3f4f6}.mb-table thead .mb-num,.mb-table thead .mb-name-col{z-index:4}.mb-table .mb-actions-head{width:96px}.mb-name{white-space:nowrap;color:#1f2937;font-weight:500;line-height:16px}.mb-sub{color:#99a1af;line-height:16px}.mb-empty{color:#99a1af;text-align:center!important}.mb-badge{white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-weight:500;line-height:16px;display:inline-flex}.mb-badge.ipa{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.mb-badge.ips{color:#a65f00;background:#fefce8;border-color:#fef9c2}.mb-badge.both{color:#007595;background:#ecfeff;border-color:#cefafe}.mb-actions{gap:4px;display:flex}.mb-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:grid}.mb-actions button:hover{color:#1a3063;background:#f3f4f6}.mb-actions button.danger:hover{color:#dc2626;background:#fef2f2}.mb-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.mb-pagination>div{gap:4px;display:flex}.mb-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.mb-pagination button:hover:not(:disabled):not(.active){background:#f3f4f6}.mb-pagination button.active{color:#fff;background:#1a3063}.mb-pagination button:disabled{opacity:.3;cursor:default}.mb-overlay{z-index:50;background:#11182766;place-items:center;padding:16px;animation:.15s mb-fade;display:grid;position:fixed;inset:0}.mb-modal{background:#fff;border-radius:16px;flex-direction:column;width:520px;max-width:100%;max-height:100%;animation:.2s mb-modal;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.mb-modal.small{width:380px}.mb-modal header,.mb-modal footer{align-items:center;gap:8px;padding:16px 20px;display:flex}.mb-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between}.mb-modal header h2{font-size:14px;font-weight:600}.mb-modal header button{color:#99a1af;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.mb-modal header button:hover{color:#4a5565;background:#f3f4f6}.mb-modal footer{border-top:1px solid #f3f4f6;justify-content:flex-end}.mb-form{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.mb-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mb-form label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.mb-form input,.mb-form select{height:36px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 10px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.mb-form input:focus,.mb-form select:focus{background:#fff;border-color:#00acec;outline:0;box-shadow:0 0 0 3px #00acec26}.mb-error{color:#b91c1c;background:#fef2f2;border-radius:10px;padding:8px 12px;font-size:12px;animation:.2s mb-fade}.mb-confirm{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 24px 8px;display:flex}.mb-confirm-icon{color:#dc2626;background:#fef2f2;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.mb-confirm h2{font-size:15px;font-weight:600}.mb-confirm p{color:#6a7282;font-size:12px;line-height:18px}.mb-modal.small footer{border-top:0;justify-content:center;padding-bottom:20px}@media (width<=768px){.mb-stats,.mb-form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mb-page *,.mb-page :before,.mb-page :after{transition:none!important;animation:none!important}}.sp-page{color:#1f2937;flex-direction:column;gap:16px;display:flex}.sp-page p,.sp-page h2{margin:0}.sp-page button{font:inherit;cursor:pointer}@keyframes sp-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes sp-fade{0%{opacity:0}}@keyframes sp-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes sp-modal{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes sp-grow{0%{transform:scaleX(0)}}.sp-badge{white-space:nowrap;border:1px solid;border-radius:8px;padding:3px 9px;font-size:12px;font-weight:500;line-height:16px;display:inline-block}.sp-badge.safe{color:#008236;background:#f0fdf4;border-color:#dcfce7}.sp-badge.match{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.sp-badge.reach{color:#a65f00;background:#fefce8;border-color:#fef9c2}.sp-badge.dream{color:#c10007;background:#fef2f2;border-color:#ffe2e2}.sp-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.sp-stat{--c:#1a3063;text-align:left;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;align-items:flex-start;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s both sp-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.sp-stat.safe{--c:#10b981}.sp-stat.reach{--c:#f59e0b}.sp-stat.dream{--c:#ef4444}.sp-stat.avg{--c:#00acec}button.sp-stat{cursor:pointer}button.sp-stat:hover,div.sp-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}button.sp-stat:focus-visible{outline-offset:2px;outline:2px solid #00acec}.sp-stat.active{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 20%, transparent)}.sp-stat-icon{background:color-mix(in srgb, var(--c) 12%, #fff);width:36px;height:36px;color:var(--c);border-radius:14px;place-items:center;margin-bottom:12px;transition:transform .25s;display:grid}.sp-stat:hover .sp-stat-icon{transform:rotate(-8deg)scale(1.08)}.sp-stat strong{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:28px}.sp-stat-label{color:#4a5565;margin-top:2px;font-size:12px;font-weight:500;line-height:16px}.sp-stat-sub{color:#6a7282;font-size:12px;line-height:16px}.sp-guide{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:12px;padding:17px;animation:.45s .15s both sp-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.sp-guide-title{color:#364153;align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:16px;display:flex}.sp-guide-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.sp-guide-item{border:1px solid;border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;min-height:75px;padding:12px;display:flex}.sp-guide-item p{color:#4a5565;font-size:12px;line-height:16px}.sp-guide-item.safe{background:#f0fdf4;border-color:#b9f8cf}.sp-guide-item.match{background:#eff6ff;border-color:#bedbff}.sp-guide-item.reach{background:#fefce8;border-color:#fff085}.sp-guide-item.dream{background:#fef2f2;border-color:#ffc9c9}.sp-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .25s both sp-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.sp-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.sp-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.sp-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.sp-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.sp-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.sp-clear:hover{background:#e5e7eb}.sp-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sp-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.sp-btn:hover{background:#f9fafb}.sp-btn.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.sp-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.sp-btn.primary:hover{background:#142650}.sp-btn.danger-solid{color:#fff;background:#dc2626;border-color:#dc2626;padding:0 16px}.sp-btn.danger-solid:hover{background:#b91c1c}.sp-caret{transition:transform .2s}.sp-caret.open{transform:rotate(180deg)}.sp-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s sp-fade;display:inline-flex}.sp-reset:hover{color:#1a3063;background:#f3f4f6}.sp-menu{position:relative}.sp-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s sp-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.sp-popover button{text-align:left;white-space:nowrap;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.sp-popover button:hover{background:#f9fafb}.sp-popover button.active{color:#1a3063;font-weight:600}.sp-table-wrap{min-height:280px;max-height:calc(100vh - 360px);overflow:auto}.sp-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1330px;font-size:12px}.sp-table th{z-index:2;text-align:left;white-space:nowrap;color:#6a7282;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500;position:sticky;top:0}.sp-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.sp-table th button:hover{color:#1a3063}.sp-table th svg{color:#d1d5dc}.sp-table th svg.on{color:#1a3063}.sp-table td{vertical-align:middle;background:#fff;border-bottom:1px solid #f9fafb;height:57px;padding:8px 16px;transition:background .15s}.sp-table tbody tr{animation:.35s both sp-fade}.sp-table tbody tr:hover td{background:#fafbfc}.sp-table .sp-num{z-index:1;color:#99a1af;width:52px;min-width:52px;padding:8px 8px 8px 20px;position:sticky;left:0}.sp-table .sp-name-col{z-index:1;min-width:200px;position:sticky;left:52px;box-shadow:inset -1px 0 #f3f4f6}.sp-table thead .sp-num,.sp-table thead .sp-name-col{z-index:4}.sp-table .sp-actions-head{width:96px}.sp-name{white-space:nowrap;color:#1f2937;font-weight:500;line-height:16px}.sp-class{color:#99a1af;line-height:16px}.sp-table .sp-choice{min-width:130px}.sp-pt{color:#1a3063;font-weight:600;line-height:16px}.sp-prodi{white-space:nowrap;color:#6a7282;line-height:16px}.sp-angket{font-variant-numeric:tabular-nums;color:#1f2937;font-weight:600}.sp-empty{color:#99a1af;text-align:center!important}.sp-pct{flex-direction:column;gap:4px;width:108px;display:flex}.sp-pct-top{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:8px;min-height:16px;font-weight:600;line-height:16px;display:flex}.sp-pct-top .sp-badge{margin:-3px 0}.sp-bar{background:#f3f4f6;border-radius:999px;height:6px;overflow:hidden}.sp-bar i{transform-origin:0;border-radius:999px;height:100%;animation:.7s cubic-bezier(.22,1,.36,1) both sp-grow;display:block}.sp-bar i.safe{background:#10b981}.sp-bar i.match{background:#1a3063}.sp-bar i.reach{background:#ffc81a}.sp-bar i.dream{background:#ef4444}.sp-bar i.s2{background:#00acec}.sp-rank{white-space:nowrap;font-variant-numeric:tabular-nums;background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;padding:3px 9px;font-weight:500;line-height:14px;display:inline-block}.sp-actions{gap:4px;display:flex}.sp-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:grid}.sp-actions button:hover{color:#1a3063;background:#f3f4f6}.sp-actions button.danger:hover{color:#dc2626;background:#fef2f2}.sp-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.sp-pagination>div{gap:4px;display:flex}.sp-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.sp-pagination button:hover:not(:disabled):not(.active){background:#f3f4f6}.sp-pagination button.active{color:#fff;background:#1a3063}.sp-pagination button:disabled{opacity:.3;cursor:default}.sp-overlay{z-index:50;background:#11182766;place-items:center;padding:16px;animation:.15s sp-fade;display:grid;position:fixed;inset:0}.sp-modal{background:#fff;border-radius:16px;flex-direction:column;width:520px;max-width:100%;max-height:100%;animation:.2s sp-modal;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.sp-modal.small{width:380px}.sp-modal header,.sp-modal footer{align-items:center;gap:8px;padding:16px 20px;display:flex}.sp-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between}.sp-modal header h2{font-size:14px;font-weight:600}.sp-modal header button{color:#99a1af;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.sp-modal header button:hover{color:#4a5565;background:#f3f4f6}.sp-modal footer{border-top:1px solid #f3f4f6;justify-content:flex-end}.sp-form{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.sp-form-group{color:#1a3063;font-size:12px;font-weight:600}.sp-form-hint{color:#99a1af;font-size:12px}.sp-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-form label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.sp-form input{height:36px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 10px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.sp-form input:focus{background:#fff;border-color:#00acec;outline:0;box-shadow:0 0 0 3px #00acec26}.sp-error{color:#b91c1c;background:#fef2f2;border-radius:10px;padding:8px 12px;font-size:12px;animation:.2s sp-fade}.sp-confirm{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 24px 8px;display:flex}.sp-confirm-icon{color:#dc2626;background:#fef2f2;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.sp-confirm h2{font-size:15px;font-weight:600}.sp-confirm p{color:#6a7282;font-size:12px;line-height:18px}.sp-modal.small footer{border-top:0;justify-content:center;padding-bottom:20px}@media (width<=1100px){.sp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.sp-stats,.sp-guide-list,.sp-form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sp-page *,.sp-page :before,.sp-page :after{transition:none!important;animation:none!important}}.pr-page{color:#1f2937;flex-direction:column;gap:16px;display:flex}.pr-page p,.pr-page h2{margin:0}.pr-page button{font:inherit;cursor:pointer}@keyframes pr-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes pr-fade{0%{opacity:0}}@keyframes pr-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes pr-modal{0%{opacity:0;transform:translateY(12px)scale(.97)}}.pr-badge{white-space:nowrap;border:1px solid;border-radius:8px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.pr-badge.blue{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.pr-badge.green{color:#008236;background:#f0fdf4;border-color:#dcfce7}.pr-badge.yellow{color:#a65f00;background:#fefce8;border-color:#fef9c2}.pr-badge.purple{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.pr-badge.cyan{color:#007595;background:#ecfeff;border-color:#cefafe}.pr-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.pr-stat{--c:#f0b100;text-align:left;min-height:96px;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:14px;padding:0 20px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s both pr-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.pr-stat.purple{--c:#ad46ff}.pr-stat.blue{--c:#1a3063}.pr-stat.cyan{--c:#00acec}.pr-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.pr-stat:focus-visible{outline-offset:2px;outline:2px solid #00acec}.pr-stat.active{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent)}.pr-stat-icon{background:color-mix(in srgb, var(--c) 12%, #fff);width:40px;height:40px;color:var(--c);border-radius:14px;flex-shrink:0;place-items:center;transition:transform .25s;display:grid}.pr-stat:hover .pr-stat-icon{transform:rotate(-8deg)scale(1.08)}.pr-stat-body{flex-direction:column;display:flex}.pr-stat-label{color:#6a7282;font-size:12px;line-height:16px}.pr-stat strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.pr-stat-sub{color:#6a7282;font-size:12px;line-height:16px}.pr-filters{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-wrap:wrap;gap:16px 24px;padding:17px;animation:.45s .15s both pr-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.pr-filter{flex-direction:column;gap:8px;display:flex}.pr-filter>p{color:#6a7282;font-size:12px;font-weight:600;line-height:16px}.pr-chips{flex-wrap:wrap;gap:8px;display:flex}.pr-chip{color:#4a5565;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:30px;padding:0 13px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pr-chip em{text-align:center;color:#4a5565;background:#e5e7eb;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-style:normal;line-height:18px}.pr-chip:hover{background:#f3f4f6}.pr-chip.active{color:#fff;border-color:#0000}.pr-chip.active em{color:#fff;background:#ffffff40}.pr-chip.navy.active{background:#1a3063}.pr-chip.cyan.active{background:#007595}.pr-menu{position:relative}.pr-select{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:4px;width:150px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.pr-select:hover{background:#f9fafb}.pr-select.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.pr-select span{text-align:left;white-space:nowrap;flex:1}.pr-caret{transition:transform .2s}.pr-caret.open{transform:rotate(180deg)}.pr-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s pr-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.pr-popover button{text-align:left;white-space:nowrap;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.pr-popover button:hover{background:#f9fafb}.pr-popover button.active{color:#1a3063;font-weight:600}.pr-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .25s both pr-rise;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.pr-toolbar{border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pr-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:320px;max-width:100%;height:38px;padding:0 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.pr-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.pr-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.pr-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.pr-clear:hover{background:#e5e7eb}.pr-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pr-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.pr-btn:hover{background:#f9fafb}.pr-btn.dark{color:#1f2937;border-color:#1f2937}.pr-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.pr-btn.primary:hover{background:#142650}.pr-btn.danger-solid{color:#fff;background:#dc2626;border-color:#dc2626;padding:0 16px}.pr-btn.danger-solid:hover{background:#b91c1c}.pr-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s pr-fade;display:inline-flex}.pr-reset:hover{color:#1a3063;background:#f3f4f6}.pr-table-wrap{min-height:280px;max-height:calc(100vh - 460px);overflow:auto}.pr-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px;font-size:12px}.pr-table th{z-index:2;text-align:left;white-space:nowrap;color:#6a7282;background:#f9fafb;border-bottom:1px solid #f3f4f6;height:48px;padding:0 16px;font-weight:500;position:sticky;top:0}.pr-table th button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.pr-table th button:hover{color:#1a3063}.pr-table th svg{color:#d1d5dc}.pr-table th svg.on{color:#1a3063}.pr-table td{background:#fff;border-bottom:1px solid #f9fafb;height:57px;padding:0 16px;transition:background .15s}.pr-table tbody tr{animation:.35s both pr-fade}.pr-table tbody tr:hover td{background:#fafbfc}.pr-table .pr-num{color:#99a1af;width:52px;padding-left:20px}.pr-table .pr-actions-head{width:96px}.pr-name{white-space:nowrap;font-weight:500;line-height:16px}.pr-class{color:#99a1af;line-height:16px}.pr-empty{color:#99a1af;text-align:center!important}.pr-title{white-space:nowrap;align-items:center;gap:8px;display:flex}.pr-title>span{color:#d08700;background:#ffc81a2e;border-radius:14px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.pr-proof{color:#4a5565;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;width:150px;height:26px;padding:0 11px;font-weight:500;display:flex}.pr-proof svg{flex-shrink:0}.pr-proof span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pr-actions{gap:4px;display:flex}.pr-actions button{color:#99a1af;background:0 0;border:0;border-radius:10px;place-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:grid}.pr-actions button:hover{color:#1a3063;background:#f3f4f6}.pr-actions button.danger:hover{color:#dc2626;background:#fef2f2}.pr-pagination{color:#99a1af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:53px;padding:0 20px;font-size:12px;display:flex}.pr-pagination>div{gap:4px;display:flex}.pr-pagination button{color:#4a5565;background:0 0;border:0;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.pr-pagination button:hover:not(:disabled):not(.active){background:#f3f4f6}.pr-pagination button.active{color:#fff;background:#1a3063}.pr-pagination button:disabled{opacity:.3;cursor:default}.pr-overlay{z-index:50;background:#11182766;place-items:center;padding:16px;animation:.15s pr-fade;display:grid;position:fixed;inset:0}.pr-modal{background:#fff;border-radius:16px;flex-direction:column;width:520px;max-width:100%;max-height:100%;animation:.2s pr-modal;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.pr-modal.small{width:380px}.pr-modal header,.pr-modal footer{align-items:center;gap:8px;padding:16px 20px;display:flex}.pr-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between}.pr-modal header h2{font-size:14px;font-weight:600}.pr-modal header button{color:#99a1af;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.pr-modal header button:hover{color:#4a5565;background:#f3f4f6}.pr-modal footer{border-top:1px solid #f3f4f6;justify-content:flex-end}.pr-form{flex-direction:column;gap:12px;padding:20px;display:flex;overflow-y:auto}.pr-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pr-form label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.pr-form input,.pr-form select{height:36px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 10px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.pr-form input:focus,.pr-form select:focus{background:#fff;border-color:#00acec;outline:0;box-shadow:0 0 0 3px #00acec26}.pr-error{color:#b91c1c;background:#fef2f2;border-radius:10px;padding:8px 12px;font-size:12px;animation:.2s pr-fade}.pr-confirm{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 24px 8px;display:flex}.pr-confirm-icon{color:#dc2626;background:#fef2f2;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.pr-confirm h2{font-size:15px;font-weight:600}.pr-confirm p{color:#6a7282;font-size:12px;line-height:18px}.pr-modal.small footer{border-top:0;justify-content:center;padding-bottom:20px}@media (width<=1100px){.pr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.pr-stats,.pr-form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pr-page *,.pr-page :before,.pr-page :after{transition:none!important;animation:none!important}}*{overflow:hidden}button.pr-proof{font:inherit;cursor:pointer;text-align:left}button.pr-proof:hover{color:#1a3063;border-color:#1a3063}.pr-field{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.pr-upload{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pr-btn:disabled{opacity:.6;cursor:default}.ks-page{color:#1f2937;flex-direction:column;gap:16px;display:flex}.ks-page,.ks-page>*{min-width:0}.ks-page>*{flex-shrink:0}.ks-page p,.ks-page h2{margin:0}.ks-page button{font:inherit;cursor:pointer}@keyframes ks-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes ks-fade{0%{opacity:0}}@keyframes ks-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes ks-modal{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes ks-spin{to{transform:rotate(360deg)}}@keyframes ks-pulse{0%{box-shadow:0 0 #2b7fff80}to{box-shadow:0 0 0 6px #2b7fff00}}@keyframes ks-grow{0%{transform:scaleX(0)}}.ks-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ks-stat{--c:#1a3063;text-align:left;height:84px;color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;align-items:center;gap:14px;padding:0 20px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s both ks-rise;display:flex;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.ks-stat.green{--c:#00a63e}.ks-stat.cyan{--c:#00acec}.ks-stat.yellow{--c:#d08700}.ks-stat:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1a30631a}.ks-stat:focus-visible{outline-offset:2px;outline:2px solid #00acec}.ks-stat.active{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent)}.ks-stat-icon{background:color-mix(in srgb, var(--c) 12%, #fff);width:40px;height:40px;color:var(--c);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.ks-stat-icon .ks-spin{animation:2.4s linear infinite ks-spin}.ks-stat-body{flex-direction:column;display:flex}.ks-stat-body>span{color:#6a7282;font-size:12px;line-height:16px}.ks-stat strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;line-height:32px}.ks-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;animation:.45s .15s both ks-rise;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.ks-toolbar{border-bottom:1px solid #f3f4f6;border-radius:16px 16px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ks-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ks-tabs{background:#f9fafb;border-radius:14px;gap:4px;height:36px;padding:4px;display:flex}.ks-tabs button{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.ks-tabs button:hover:not(.active){color:#1a3063}.ks-tabs button.active{color:#fff;background:#1a3063;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.ks-tabs em{text-align:center;color:#4a5565;background:#e5e7eb;border-radius:999px;min-width:18px;padding:0 5px;font-size:11px;font-style:normal;line-height:18px}.ks-tabs button.active em{color:#fff;background:#ffffff40}.ks-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:260px;max-width:100%;height:34px;padding:0 10px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.ks-search:focus-within{background:#fff;border-color:#00acec;box-shadow:0 0 0 3px #00acec26}.ks-search input{min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:12px}.ks-clear{color:#6a7282;background:0 0;border:0;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.ks-clear:hover{background:#e5e7eb}.ks-menu{position:relative}.ks-select{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:4px;width:150px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.ks-select:hover{background:#f9fafb}.ks-select.set{color:#1a3063;background:#f4f6fb;border-color:#1a3063}.ks-select span{text-align:left;white-space:nowrap;flex:1}.ks-caret{transition:transform .2s}.ks-caret.open{transform:rotate(180deg)}.ks-popover{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;min-width:150px;padding:4px;animation:.14s ks-pop;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #0000001a}.ks-popover button{text-align:left;white-space:nowrap;color:#4a5565;background:0 0;border:0;border-radius:8px;padding:8px 10px;font-size:12px}.ks-popover button:hover{background:#f9fafb}.ks-popover button.active{color:#1a3063;font-weight:600}.ks-reset{color:#6a7282;background:0 0;border:0;border-radius:10px;align-items:center;gap:4px;height:34px;padding:0 10px;font-size:12px;animation:.2s ks-fade;display:inline-flex}.ks-reset:hover{color:#1a3063;background:#f3f4f6}.ks-btn{color:#fff;background:#1a3063;border:1px solid #1a3063;border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 16px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.ks-btn:hover{background:#142650}.ks-btn.ghost{color:#4a5565;background:#fff;border-color:#e5e7eb}.ks-btn.ghost:hover{background:#f9fafb}.ks-progress{background:#fcfcfd;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:8px;padding:12px 20px;display:flex}.ks-progress p{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:12px;line-height:16px;display:flex}.ks-progress strong{color:#1a3063;font-weight:600}.ks-progress span{color:#6a7282}.ks-progress-bar{background:#f3f4f6;border-radius:999px;height:6px;overflow:hidden}.ks-progress-bar i{transform-origin:0;background:linear-gradient(90deg,#1a3063,#00acec);border-radius:999px;height:100%;transition:width .5s;animation:.8s cubic-bezier(.22,1,.36,1) both ks-grow;display:block}.ks-list{margin:0;padding:0;list-style:none}.ks-list li{border-bottom:1px solid #f9fafb;align-items:center;gap:16px;min-height:83px;padding:16px 20px;transition:background .15s;animation:.35s both ks-fade;display:flex}.ks-list li:hover{background:#fafbfc}.ks-list li:last-child{border-bottom:0;border-radius:0 0 16px 16px}.ks-list li.live{background:linear-gradient(90deg,#00acec12,#0000 40%);box-shadow:inset 3px 0 #00acec}.ks-list li.ks-empty{color:#99a1af;justify-content:center;font-size:12px}.ks-time{color:#1a3063;font-variant-numeric:tabular-nums;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;align-items:center;gap:6px;min-width:75px;height:30px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.ks-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ks-who,.ks-meta{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.ks-avatar{color:#fff;background:linear-gradient(135deg,#1a3063,#00acec);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.ks-name{white-space:nowrap;font-weight:500;line-height:16px}.ks-class{color:#1a3063;white-space:nowrap;background:#1a30631a;border-radius:4px;padding:2px 6px;font-weight:500;line-height:16px}.ks-date{color:#6a7282}.ks-counselor{color:#6a7282;align-items:center;gap:4px;display:inline-flex}.ks-badge{white-space:nowrap;border:1px solid;border-radius:8px;padding:3px 9px;font-weight:500;line-height:16px}.ks-badge.blue{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.ks-badge.cyan{color:#007595;background:#ecfeff;border-color:#cefafe}.ks-badge.yellow{color:#a65f00;background:#fefce8;border-color:#fef9c2}.ks-badge.purple{color:#8200db;background:#faf5ff;border-color:#f3e8ff}.ks-badge.green{color:#008236;background:#f0fdf4;border-color:#dcfce7}.ks-status{border:1px solid;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:26px;padding:0 11px 0 10px;font-size:12px;font-weight:500;transition:transform .15s,box-shadow .15s;display:inline-flex}.ks-status:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.ks-status:not(:disabled):active{transform:scale(.97)}.ks-status:focus-visible{outline-offset:2px;outline:2px solid #00acec}.ks-status i{border-radius:50%;width:6px;height:6px}.ks-status:disabled{cursor:default}.ks-status.green{color:#008236;background:#f0fdf4;border-color:#dcfce7}.ks-status.green i{background:#00c950}.ks-status.blue{color:#1447e6;background:#eff6ff;border-color:#dbeafe}.ks-status.blue i{background:#2b7fff;animation:1.4s ease-out infinite ks-pulse}.ks-status.yellow{color:#a65f00;background:#fefce8;border-color:#fef9c2}.ks-status.yellow i{background:#f0b100}.ks-overlay{z-index:50;background:#11182766;place-items:center;padding:16px;animation:.15s ks-fade;display:grid;position:fixed;inset:0;overflow-y:auto}.ks-modal{background:#fff;border-radius:16px;flex-direction:column;width:480px;max-width:100%;max-height:calc(100dvh - 32px);animation:.2s ks-modal;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.ks-modal header,.ks-modal footer{flex-shrink:0;align-items:center;gap:8px;padding:16px 20px;display:flex}.ks-modal header{border-bottom:1px solid #f3f4f6;justify-content:space-between}.ks-modal header h2{font-size:14px;font-weight:600}.ks-modal header button{color:#99a1af;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.ks-modal header button:hover{color:#4a5565;background:#f3f4f6}.ks-modal footer{border-top:1px solid #f3f4f6;justify-content:flex-end}.ks-form{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px;display:flex;overflow-y:auto}.ks-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ks-form label{color:#6a7282;flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.ks-form input,.ks-form select{height:36px;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:0 10px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.ks-form input:focus,.ks-form select:focus{background:#fff;border-color:#00acec;outline:0;box-shadow:0 0 0 3px #00acec26}.ks-error{color:#b91c1c;background:#fef2f2;border-radius:10px;padding:8px 12px;font-size:12px;animation:.2s ks-fade}@media (width<=1100px){.ks-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.ks-stats,.ks-form-row{grid-template-columns:1fr}.ks-list li{flex-wrap:wrap}.ks-search{width:100%}}@media (prefers-reduced-motion:reduce){.ks-page *,.ks-page :before,.ks-page :after{transition:none!important;animation:none!important}}.st-page{color:#1f2937;flex-direction:column;gap:16px;display:flex}.st-page,.st-page>*{min-width:0}.st-page>*{flex-shrink:0}.st-page p,.st-page h2,.st-page h3,.st-page ul{margin:0}.st-page button{font:inherit;cursor:pointer}.st-grow{flex:1;min-width:0}@keyframes st-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes st-fade{0%{opacity:0}}@keyframes st-bar{0%{opacity:0;transform:translateY(14px)}}.st-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.st-nav{background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:2px;padding:8px;animation:.45s both st-rise;display:flex;position:sticky;top:85px;box-shadow:0 1px 1.5px #0000001a,0 1px 1px #0000001a}.st-nav button{text-align:left;color:#4a5565;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px;transition:background .15s,color .15s;display:flex;position:relative}.st-nav button:hover{background:#f9fafb}.st-nav button.active{color:#1a3063;background:#eff6ff}.st-nav-icon{color:#6a7282;background:#f3f4f6;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:grid}.st-nav button.active .st-nav-icon{color:#fff;background:#1a3063}.st-nav-text{flex-direction:column;min-width:0;display:flex}.st-nav-text strong{font-size:13px;font-weight:600;line-height:18px}.st-nav-text small{color:#6a7282;font-size:12px;line-height:16px}.st-dot{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:.2s st-fade;position:absolute;top:12px;right:12px}.st-body{flex-direction:column;gap:16px;min-width:0;display:flex}.st-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:24px;animation:.4s both st-rise;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.st-card>header{border-bottom:1px solid #f3f4f6;margin-bottom:20px;padding-bottom:16px}.st-card>header h2{color:#1a3063;font-size:16px;font-weight:600;line-height:24px}.st-card>header p{color:#6a7282;font-size:12px;line-height:18px}.st-sub{color:#1f2937;font-size:13px;font-weight:600;margin:24px 0 12px!important}.st-card>.st-sub:first-of-type{margin-top:0!important}.st-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.st-form.single{grid-template-columns:1fr;max-width:420px}.st-field{flex-direction:column;gap:6px;min-width:0;display:flex}.st-field:has(textarea){grid-column:1/-1}.st-field>span{color:#4a5565;font-size:12px;font-weight:600}.st-field input,.st-field select,.st-field textarea,.st-pass{width:100%;font:inherit;color:#1f2937;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.st-field input,.st-field select{height:38px;padding:0 12px}.st-field textarea{resize:vertical;padding:10px 12px}.st-field input:focus,.st-field select:focus,.st-field textarea:focus,.st-pass:focus-within{background:#fff;border-color:#00acec;outline:0;box-shadow:0 0 0 3px #00acec26}.st-field input:disabled{color:#6a7282;cursor:not-allowed;background:#f3f4f6}.st-field.invalid input,.st-field.invalid select,.st-field.invalid textarea,.st-field.invalid .st-pass{border-color:#ef4444}.st-field em{color:#dc2626;font-size:12px;font-style:normal;line-height:16px;animation:.2s st-fade}.st-field small{color:#6a7282;font-size:12px;line-height:16px}.st-pass{align-items:center;height:38px;display:flex}.st-pass input{background:0 0;border:0;flex:1;min-width:0;height:100%;box-shadow:none!important}.st-pass button{color:#6a7282;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;margin-right:3px;display:grid}.st-pass button:hover{color:#1a3063;background:#f3f4f6}.st-avatar-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.st-avatar{color:#fff;background:linear-gradient(135deg,#1a3063,#00acec);border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:22px;font-weight:700;display:grid;overflow:hidden}.st-avatar img{object-fit:cover;width:100%;height:100%}.st-note{color:#6a7282;font-size:12px;margin-top:6px!important}.st-actions{flex-wrap:wrap;gap:8px;display:flex}.st-btn{color:#4a5565;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.st-btn:hover{background:#f9fafb}.st-btn.ghost{background:0 0;border-color:#0000}.st-btn.ghost:hover{background:#f3f4f6}.st-btn.ghost.danger{color:#dc2626}.st-btn.ghost.danger:hover{background:#fef2f2}.st-btn.primary{color:#fff;background:#1a3063;border-color:#1a3063;padding:0 16px}.st-btn.primary:hover{background:#142650}.st-strength{background:#f9fafb;border-radius:12px;flex-direction:column;gap:8px;padding:12px;animation:.2s st-fade;display:flex}.st-meter{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.st-meter i{background:#e5e7eb;border-radius:999px;height:6px;transition:background .25s}.st-strength[data-score="1"] .st-meter i.on{background:#ef4444}.st-strength[data-score="2"] .st-meter i.on{background:#f59e0b}.st-strength[data-score="3"] .st-meter i.on{background:#00acec}.st-strength[data-score="4"] .st-meter i.on{background:#00a63e}.st-strength p{color:#6a7282;font-size:12px}.st-strength p strong{color:#1f2937}.st-strength ul{flex-wrap:wrap;gap:4px 14px;padding:0;list-style:none;display:flex}.st-strength li{color:#99a1af;align-items:center;gap:4px;font-size:12px;display:inline-flex}.st-strength li.ok{color:#008236}.st-devices{border:1px solid #f3f4f6;border-radius:12px;padding:0;list-style:none;overflow:hidden}.st-devices li{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:12px 16px;animation:.3s both st-fade;display:flex}.st-devices li:last-child{border-bottom:0}.st-device-icon{color:#1a3063;background:#eff6ff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.st-devices strong{font-size:13px;font-weight:600}.st-devices strong em{color:#008236;background:#f0fdf4;border-radius:8px;margin-left:6px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:500}.st-devices p{color:#6a7282;font-size:12px}.st-toggles{padding:0;list-style:none}.st-toggles li{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:14px 0;display:flex}.st-toggles li:last-child{border-bottom:0}.st-toggles strong{font-size:13px;font-weight:600}.st-toggles p{color:#6a7282;font-size:12px;line-height:18px}.st-switch{background:#d1d5dc;border:0;border-radius:999px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .2s;position:relative}.st-switch i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.34,1.4,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.st-switch[aria-checked=true]{background:#1a3063}.st-switch[aria-checked=true] i{transform:translate(18px)}.st-switch:focus-visible{outline-offset:2px;outline:2px solid #00acec}.st-savebar{z-index:5;color:#fff;background:#1a3063;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;animation:.3s cubic-bezier(.22,1,.36,1) both st-bar;display:flex;position:sticky;bottom:16px;box-shadow:0 10px 28px #1a306359}.st-savebar p{font-size:13px;font-weight:500}.st-savebar .st-btn{color:#fff;background:0 0;border-color:#ffffff40}.st-savebar .st-btn:hover{background:#ffffff1f}.st-savebar .st-btn.primary{color:#1a3063;background:#ffc81a;border-color:#ffc81a;font-weight:600}.st-savebar .st-btn.primary:hover{background:#ffd54d}@media (width<=900px){.st-grid{grid-template-columns:1fr}.st-nav{flex-direction:row;position:static;overflow-x:auto}.st-nav button{flex-shrink:0}.st-nav-text small{display:none}}@media (width<=640px){.st-form{grid-template-columns:1fr}.st-card{padding:16px}}@media (prefers-reduced-motion:reduce){.st-page *,.st-page :before,.st-page :after{transition:none!important;animation:none!important}}