.nxt-demo{--sidebar:264px;--topbar-h:64px;--demo-brand:#1e4fb8;--demo-brand-2:#1a45a0;--radius:14px;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-body);display:grid;grid-template-columns:var(--sidebar) 1fr}.dm-sidebar{background:linear-gradient(180deg,var(--demo-brand) 0,var(--demo-brand-2) 100%);color:#eaf1ff;position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;overflow:hidden}.dm-sidebar-head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid hsla(0,0%,100%,.14)}.dm-logo-img{height:30px;width:auto;display:block;flex:none;filter:brightness(0) invert(1)}.dm-campus-tag{margin-left:auto;align-self:center;font-size:10.5px;opacity:.78;letter-spacing:.01em;padding:3px 8px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.16)}.dm-nav{flex:1 1;overflow-y:auto;padding:10px 10px 18px;display:flex;flex-direction:column;gap:2px}.dm-nav::-webkit-scrollbar{width:6px}.dm-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:999px}.dm-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#d6e2fb;font-size:13.5px;background:none;border:0;width:100%;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.dm-nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.dm-nav-item:active{transform:scale(.99)}.dm-nav-item.active{background:#fff;color:var(--demo-brand);font-weight:600;box-shadow:0 6px 16px -8px rgba(0,0,0,.45)}.dm-nav-item svg{width:18px;height:18px;flex:none}.dm-nav-item .chev{margin-left:auto;opacity:.45;transition:transform .2s ease,opacity .15s ease}.dm-nav-item.active .chev{opacity:.6}.dm-nav-item.expanded .chev{transform:rotate(90deg);opacity:.75}.dm-nav-item.expanded:not(.active){background:hsla(0,0%,100%,.1);color:#fff}.dm-subnav{display:flex;flex-direction:column;gap:1px;margin:1px 0 5px;animation:dm-sub-in .18s ease}@keyframes dm-sub-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dm-subitem{display:flex;align-items:center;gap:9px;padding:7px 12px 7px 44px;border:0;background:none;width:100%;text-align:left;cursor:pointer;color:#bbcbf0;font-size:12.5px;border-radius:9px;transition:background .14s ease,color .14s ease}.dm-subitem:before{content:"";width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.55;flex:none}.dm-subitem:hover{background:hsla(0,0%,100%,.08);color:#fff}.dm-subitem.active{background:hsla(0,0%,100%,.16);color:#fff;font-weight:600}.dm-subitem.active:before{opacity:1}.dm-sub-note{font-size:12px;color:var(--muted);margin-top:4px}.dm-sidebar-foot{padding:14px;border-top:1px solid hsla(0,0%,100%,.14)}.dm-exit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:10px;background:hsla(0,0%,100%,.12);color:#fff;border:1px solid hsla(0,0%,100%,.18);font-size:13px;cursor:pointer;text-decoration:none;transition:background .15s ease}.dm-exit:hover{background:hsla(0,0%,100%,.22)}.dm-main{min-width:0;display:flex;flex-direction:column}.dm-topbar{height:var(--topbar-h);position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:0 22px;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}.dm-burger{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:4px}.dm-search{flex:1 1;max-width:420px;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:13px}.dm-search input{border:0;background:none;outline:none;flex:1 1;color:var(--ink);font-size:13px;font-family:inherit}.dm-top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.dm-icon-btn{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--ink);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.dm-icon-btn:hover{border-color:var(--ink);transform:translateY(-1px)}.dm-dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:999px;background:var(--c-rose);border:1.5px solid var(--surface)}.dm-user{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line);background:var(--bg)}.dm-avatar{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--demo-brand);color:#fff;font-size:12px;font-weight:600}.dm-user .u-name{font-size:13px;font-weight:600;line-height:1.05}.dm-user .u-role{font-size:10.5px;color:var(--muted)}.dm-demo-pill{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;padding:4px 9px;border-radius:999px;color:#b45309;background:color-mix(in srgb,var(--c-yellow) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--c-yellow) 45%,var(--line))}.dm-content{padding:24px 24px 56px}.dm-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dm-page-head h1{font-family:var(--font-display);font-weight:600;font-size:27px;line-height:1.08;letter-spacing:-.025em;margin:0}.dm-page-head .crumbs{font-size:12.5px;color:var(--muted);margin-bottom:4px}.dm-grid{display:grid;grid-gap:16px;gap:16px}.dm-cols-4{grid-template-columns:repeat(4,1fr)}.dm-cols-3{grid-template-columns:repeat(3,1fr)}.dm-cols-2{grid-template-columns:repeat(2,1fr)}.dm-span-2{grid-column:span 2}.dm-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5),0 18px 40px -32px rgba(14,26,21,.4)}.dm-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dm-card-head h3{font-size:14px;font-weight:600;margin:0}.dm-card-head .link{font-size:12px;color:var(--brand);cursor:pointer}.dm-stat{position:relative;overflow:hidden}.dm-stat .bar{position:absolute;top:0;left:0;right:0;height:3px}.dm-stat .label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.dm-stat .value{font-family:var(--font-display);font-weight:600;font-size:30px;letter-spacing:-.02em;margin-top:2px}.dm-stat .sub{font-size:12px;color:var(--muted);margin-top:2px}.dm-stat .ico{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.dm-table{width:100%;border-collapse:collapse;font-size:13px}.dm-table th{text-align:left;font-weight:600;color:var(--muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:10px 12px}.dm-table td,.dm-table th{border-bottom:1px solid var(--line)}.dm-table td{padding:11px 12px}.dm-table tbody tr:last-child td{border-bottom:0}.dm-table tbody tr{transition:background .12s ease}.dm-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 5%,var(--surface))}.dm-table .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dm-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;line-height:1.4}.dm-badge:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.b-green{color:#047857;background:color-mix(in srgb,var(--c-emerald) 16%,var(--surface))}.b-orange{color:#b45309;background:color-mix(in srgb,var(--c-orange) 16%,var(--surface))}.b-red{color:#be123c;background:color-mix(in srgb,var(--c-rose) 16%,var(--surface))}.b-blue{color:#0369a1;background:color-mix(in srgb,var(--c-sky) 16%,var(--surface))}.b-purple{color:#7e22ce;background:color-mix(in srgb,var(--c-purple) 16%,var(--surface))}.b-gray{color:var(--muted);background:var(--bg)}.dm-person{display:flex;align-items:center;gap:10px}.dm-person .av{width:30px;height:30px;border-radius:999px;flex:none;display:grid;place-items:center;color:#fff;font-size:11px}.dm-person .av,.dm-person .pn{font-weight:600}.dm-person .ps{font-size:11.5px;color:var(--muted)}.dm-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--line);background:var(--bg);color:var(--ink);transition:transform .15s ease,border-color .15s ease,background .15s ease;font-family:inherit}.dm-btn:hover{transform:translateY(-1px);border-color:var(--ink)}.dm-btn.primary{background:var(--demo-brand);color:#fff;border-color:var(--demo-brand)}.dm-btn.primary:hover{background:var(--demo-brand-2)}.dm-btn.ok{background:var(--c-emerald);color:#fff;border-color:var(--c-emerald)}.dm-btn.danger{background:var(--c-rose);color:#fff;border-color:var(--c-rose)}.dm-btn.sm{height:30px;padding:0 11px;font-size:12px}.dm-leave{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.dm-leave:last-child{border-bottom:0}.dm-leave .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;font-weight:700}.dm-tt{width:100%;border-collapse:separate;border-spacing:6px}.dm-tt th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:4px}.dm-tt td{padding:0}.dm-tt .cell{border-radius:10px;padding:9px 10px;font-size:12px;font-weight:600;min-height:46px;display:flex;flex-direction:column;justify-content:center}.dm-tt .cell .pt{font-size:10px;font-weight:500;opacity:.75}.dm-tt .daycol{font-size:12px;font-weight:600;color:var(--ink)}.dm-meter{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.dm-meter>span{display:block;height:100%;border-radius:999px}.dm-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:200;background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:999px;font-size:13px;font-weight:500;box-shadow:0 16px 40px -16px rgba(0,0,0,.5);display:flex;align-items:center;gap:9px;animation:dm-toast-in .25s ease}@keyframes dm-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.dm-fade{animation:dm-fade .3s ease}@keyframes dm-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dm-login{--demo-brand:#1e4fb8;--demo-brand-2:#1a45a0;min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--bg);color:var(--ink);font-family:var(--font-body)}.dm-login-aside{position:relative;background:linear-gradient(135deg,#0e2659,#1e4fb8 46%,#2c63d6 74%,#16409a);background-size:240% 240%;animation:dm-bg-pan 16s ease-in-out infinite;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.dm-login-aside .glow1,.dm-login-aside .glow2,.dm-login-aside .glow3{position:absolute;border-radius:999px;pointer-events:none;filter:blur(10px);will-change:transform}.dm-login-aside .glow1{width:480px;height:480px;top:-140px;right:-90px;background:radial-gradient(circle,rgba(216,138,43,.7),transparent 60%);animation:dm-float-a 12s ease-in-out infinite}.dm-login-aside .glow2{width:440px;height:440px;bottom:-150px;left:-90px;background:radial-gradient(circle,rgba(232,197,71,.55),transparent 60%);animation:dm-float-b 15s ease-in-out infinite}.dm-login-aside .glow3{width:360px;height:360px;top:30%;left:34%;background:radial-gradient(circle,rgba(111,160,255,.62),transparent 60%);animation:dm-float-c 10s ease-in-out infinite}.dm-login-aside .content{position:relative;z-index:1}.dm-login-logo{height:42px;width:auto;display:block;filter:brightness(0) invert(1)}.dm-login-aside h2{font-family:var(--font-display);font-weight:600;font-size:38px;line-height:1.08;letter-spacing:-.025em;margin:26px 0 16px;max-width:16ch}@keyframes dm-bg-pan{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes dm-float-a{0%{transform:translate(0) scale(1)}33%{transform:translate(-110px,70px) scale(1.3)}66%{transform:translate(60px,120px) scale(1.1)}to{transform:translate(0) scale(1)}}@keyframes dm-float-b{0%{transform:translate(0) scale(1)}33%{transform:translate(90px,-60px) scale(1.25)}66%{transform:translate(-50px,-100px) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes dm-float-c{0%{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(-120px,-80px) scale(1.4);opacity:1}to{transform:translate(0) scale(1);opacity:.55}}.dm-login-aside p{font-size:15px;line-height:1.6;opacity:.85;max-width:40ch}.dm-login-aside .feat{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:12px;opacity:.92}.dm-login-aside .feat .ck{width:22px;height:22px;border-radius:999px;background:hsla(0,0%,100%,.18);display:grid;place-items:center;flex:none}.dm-login-main{position:relative;display:flex;align-items:center;justify-content:center;padding:48px 40px;overflow:hidden}.dm-login-main:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(640px 400px at 82% -10%,color-mix(in srgb,var(--demo-brand) 13%,transparent),transparent 70%),radial-gradient(560px 440px at 4% 112%,color-mix(in srgb,var(--c-yellow) 13%,transparent),transparent 68%)}.dm-login-card{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:40px 38px 30px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 2px 6px rgba(14,26,21,.04),0 44px 90px -38px rgba(14,26,21,.36)}.dm-login-card:before{content:"";position:absolute;left:30px;right:30px;top:0;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--demo-brand),var(--accent))}.dm-card-logo{height:30px;width:auto;display:block;margin-bottom:24px}.dm-login-card .kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}.dm-login-card h1{font-family:var(--font-display);font-weight:600;font-size:30px;line-height:1.06;letter-spacing:-.03em;margin:9px 0 8px}.dm-login-card .lead{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:26px}.dm-field{margin-bottom:16px}.dm-field label{display:block;font-size:12px;font-weight:600;margin-bottom:7px;color:var(--ink)}.dm-input-wrap{position:relative;display:flex;align-items:center}.dm-input-ico{position:absolute;left:14px;display:grid;place-items:center;color:var(--muted);pointer-events:none;transition:color .15s ease}.dm-input{width:100%;height:50px;padding:0 14px 0 44px;border-radius:13px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.dm-input::placeholder{color:color-mix(in srgb,var(--muted) 78%,transparent)}.dm-input:focus{border-color:var(--demo-brand);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--demo-brand) 15%,transparent)}.dm-input-wrap:focus-within .dm-input-ico{color:var(--demo-brand)}.dm-login-btn{width:100%;height:52px;border-radius:13px;border:0;background:linear-gradient(180deg,color-mix(in srgb,var(--demo-brand) 90%,#fff) 0,var(--demo-brand) 52%,var(--demo-brand-2) 100%);color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 14px 28px -12px color-mix(in srgb,var(--demo-brand) 72%,transparent),0 1px 0 hsla(0,0%,100%,.25) inset;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;margin-top:8px}.dm-login-btn:hover{transform:translateY(-2px);box-shadow:0 20px 38px -12px color-mix(in srgb,var(--demo-brand) 80%,transparent),0 1px 0 hsla(0,0%,100%,.25) inset;filter:saturate(1.06)}.dm-login-btn:active{transform:translateY(0)}.dm-login-btn svg{transition:transform .2s ease}.dm-login-btn:hover svg{transform:translateX(3px)}.dm-login-or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.dm-login-or:after,.dm-login-or:before{content:"";flex:1 1;height:1px;background:var(--line)}.dm-cred-hint{padding:14px 16px;border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--c-yellow) 13%,var(--surface)),color-mix(in srgb,var(--c-yellow) 6%,var(--surface)));border:1px solid color-mix(in srgb,var(--c-yellow) 36%,var(--line));font-size:13px}.dm-cred-hint .cred-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#b45309;margin-bottom:10px}.dm-cred-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.dm-cred-row .k{color:var(--muted)}.dm-cred-row .v{font-family:var(--font-mono);color:var(--ink);font-size:12.5px}.dm-cred-fill{margin-top:13px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:11px;cursor:pointer;background:color-mix(in srgb,var(--c-yellow) 24%,var(--surface));border:1px solid color-mix(in srgb,var(--c-yellow) 46%,var(--line));color:#92400e;font-weight:600;font-size:13px;font-family:inherit;transition:background .15s ease,transform .15s ease}.dm-cred-fill:hover{background:color-mix(in srgb,var(--c-yellow) 34%,var(--surface));transform:translateY(-1px)}.dm-secure{display:flex;justify-content:center;gap:7px;margin-top:18px;font-size:11.5px}.dm-back,.dm-secure{align-items:center;color:var(--muted)}.dm-back{display:inline-flex;gap:6px;font-size:13px;text-decoration:none;margin-top:16px;transition:color .15s ease,gap .15s ease}.dm-back:hover{color:var(--ink);gap:9px}@media (max-width:1100px){.dm-cols-4{grid-template-columns:repeat(2,1fr)}.dm-cols-3{grid-template-columns:1fr}}@media (max-width:880px){.nxt-demo{grid-template-columns:1fr}.dm-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:60;width:264px;transform:translateX(-100%);transition:transform .28s ease;box-shadow:0 0 60px rgba(0,0,0,.4)}.nxt-demo.nav-open .dm-sidebar{transform:translateX(0)}.dm-burger{display:grid;place-items:center}.dm-scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:50}.dm-login{grid-template-columns:1fr}.dm-login-aside{display:none}}@media (max-width:560px){.dm-cols-2,.dm-cols-4{grid-template-columns:1fr}.dm-span-2{grid-column:span 1}.dm-content{padding:18px 14px 48px}.dm-user .u-name,.dm-user .u-role{display:none}}@media (max-width:640px){.dm-card:has(.dm-table){overflow-x:auto;-webkit-overflow-scrolling:touch}.dm-card:has(.dm-table) .dm-table{min-width:540px}}@media (prefers-reduced-motion:reduce){.dm-fade,.dm-login-aside,.dm-login-aside .glow1,.dm-login-aside .glow2,.dm-login-aside .glow3{animation:none!important}}