:root{--ink:#0b1220;--charcoal:#172033;--gold:#d6ad3b;--yellow:#f3c623;--teal:#0d766e;--paper:#f6f8fb;--line:#dfe5ee;--muted:#667085;--white:#fff;--danger:#b42318;--success:#067647}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5}a{color:inherit;text-decoration:none}
.topbar{height:72px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10;box-shadow:0 4px 16px #0002}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:19px;letter-spacing:.4px}.brand small{color:#cdd4df}.topbar nav{display:flex;gap:18px;align-items:center}.topbar nav a{color:#eef2f7}.inline{display:inline}.link-btn{border:0;background:none;color:#eef2f7;font:inherit;cursor:pointer}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 118px)}.sidebar{background:#121a29;padding:24px 14px}.sidebar a{display:block;color:#d9e0ea;padding:11px 14px;border-radius:8px;margin:2px 0}.sidebar a:hover{background:#253149;color:#fff}.content,.public-content{padding:28px;max-width:1440px;width:100%;margin:0 auto}.public-content{min-height:calc(100vh - 118px)}
.hero{background:linear-gradient(125deg,#0b1220,#172033);color:#fff;border-radius:20px;padding:56px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#d6ad3b22;right:-80px;top:-90px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.05;margin:0 0 18px;max-width:850px}.hero p{font-size:18px;color:#d6deea;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:11px 17px;font-weight:700;cursor:pointer;background:var(--gold);color:#111827}.btn.secondary{background:#fff;color:#111827;border:1px solid var(--line)}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:7px 10px;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 3px #1018280d}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.stat strong{font-size:30px;display:block}.stat span{color:var(--muted)}
h1,h2,h3{letter-spacing:-.02em}h1{font-size:30px}h2{font-size:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 18px}
label{display:block;font-weight:650;margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field.full{grid-column:1/-1}input,select,textarea{width:100%;border:1px solid #cfd7e3;border-radius:8px;padding:11px 12px;background:#fff;font:inherit;color:var(--ink)}textarea{min-height:110px}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid #f3c62355;outline-offset:2px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#475467}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef2f6;font-size:12px;font-weight:700}.badge.paid,.badge.active,.badge.accepted,.badge.offered{background:#dcfae6;color:#067647}.badge.pending,.badge.submitted,.badge.screening,.badge.interview{background:#fff6d6;color:#8a5a00}.badge.rejected,.badge.failed{background:#fee4e2;color:#b42318}
.alert{padding:12px 15px;border-radius:9px;margin:0 0 18px}.alert.success{background:#dcfae6;color:#067647}.alert.error{background:#fee4e2;color:#b42318}
.invoice{max-width:820px;margin:20px auto}.invoice-head{display:flex;justify-content:space-between;gap:20px}.invoice-total{font-size:26px;font-weight:800}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.logo-mark{display:flex;align-items:center;gap:12px}.logo-mark img{width:58px}
footer{min-height:46px;padding:14px 28px;background:#0b1220;color:#aab4c3;display:flex;justify-content:space-between;gap:20px;font-size:13px}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:flex;overflow-x:auto;padding:8px}.sidebar a{white-space:nowrap}.span-3,.span-4,.span-6,.span-8{grid-column:span 12}.hero{padding:34px 24px}.content,.public-content{padding:18px}.topbar{padding:0 16px}.brand small{display:none}.topbar nav{gap:10px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:560px){.topbar nav a:not(:last-of-type){display:none}.hero h1{font-size:36px}footer{flex-direction:column}.invoice-head{flex-direction:column}}


/* NexGen v1.1 operational interface */
:root{--navy:#09111f;--navy-2:#101a2d;--gold-soft:#f5e6ad;--shadow:0 12px 28px rgba(16,24,40,.07)}
body{background:#f5f7fa}
.topbar{height:78px;background:linear-gradient(90deg,#08101d,#0e1727);padding:0 30px;border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.brand{min-width:0}.brand-logo{width:46px;height:46px;border:1px solid rgba(214,173,59,.4);border-radius:12px;display:grid;place-items:center;background:rgba(214,173,59,.08);overflow:hidden}.brand-logo img{width:36px;height:36px;object-fit:contain}.brand strong{font-size:18px;white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#9ba8ba;margin-top:2px}
.topbar nav{gap:16px}.topbar-link,.link-btn{font-size:14px}.topbar-user{display:flex;align-items:center;gap:9px;padding-right:16px;border-right:1px solid rgba(255,255,255,.12)}.topbar-user>span:last-child{display:flex;flex-direction:column}.topbar-user strong{font-size:13px}.topbar-user small{font-size:12px;color:#9ba8ba}.avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#e1bd52,#ba8e1d);color:#111827;display:grid;place-items:center;font-weight:800}
.shell{grid-template-columns:264px minmax(0,1fr);min-height:calc(100vh - 124px)}.sidebar{background:linear-gradient(180deg,#111a2b 0%,#0b1322 100%);padding:22px 14px 18px;position:sticky;top:78px;height:calc(100vh - 78px);overflow-y:auto}.sidebar-section{color:#6f7e93;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;padding:18px 13px 7px}.sidebar-section:first-child{padding-top:2px}.sidebar a{display:flex;align-items:center;gap:11px;color:#cbd4e0;padding:10px 12px;border-radius:9px;margin:3px 0;font-size:14px;font-weight:550;transition:.18s ease}.sidebar a:hover{background:#1a263a;color:#fff;transform:translateX(2px)}.sidebar a.active{background:linear-gradient(90deg,rgba(214,173,59,.18),rgba(214,173,59,.06));color:#f4d875;box-shadow:inset 3px 0 #d6ad3b}.nav-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.055);font-size:12px;font-weight:800}.sidebar a.active .nav-icon{background:rgba(214,173,59,.16)}.sidebar-foot{margin:22px 10px 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:#77869b;font-size:12px;display:flex;gap:7px;align-items:center}.security-dot{width:7px;height:7px;border-radius:50%;background:#32d583;box-shadow:0 0 0 4px rgba(50,213,131,.08)}
.content{padding:34px 34px 48px;max-width:1600px}.card{border:1px solid #e3e8ef;border-radius:15px;box-shadow:0 5px 18px rgba(16,24,40,.035);padding:21px}.dashboard-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 26px}.dashboard-heading h1{font-size:32px;margin:4px 0 5px}.eyebrow{display:block;color:#a7780c;font-size:12px;line-height:1.2;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.dashboard-date{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:9px;font-size:13px;color:#475467;box-shadow:0 2px 5px rgba(16,24,40,.03)}
.metrics{gap:16px}.metrics .stat{position:relative;overflow:hidden;min-height:142px}.metrics .stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-40px;bottom:-45px;background:rgba(214,173,59,.08)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-top>span:first-child{font-size:13px;color:#667085;font-weight:650}.stat strong{font-size:29px;letter-spacing:-.035em;margin:14px 0 1px}.stat small{font-size:12px;color:#98a2b3}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff7dc;color:#805d08;font-size:12px;font-weight:850;border:1px solid #f4e3a4}.stat-money .metric-icon{background:#e8f8f2;color:#067647;border-color:#cceee0}
.dashboard-secondary{margin-top:17px}.section-head.compact{margin:0 0 15px}.section-head.compact h2{margin:4px 0 0;font-size:19px}.text-link{font-size:12px;font-weight:750;color:#916b0c}.table-wrap.clean{border:0;border-radius:0}.table-wrap.clean th{background:#f8fafc}.table-wrap.clean tr:last-child td{border-bottom:0}.table-wrap.clean td{font-size:13px}
.empty-state{padding:32px 20px;border:1px dashed #d8dee8;border-radius:12px;background:#fafbfc;text-align:center;display:flex;flex-direction:column;gap:5px}.empty-state strong{font-size:14px}.empty-state span{font-size:12px;color:#7b8798}
.quick-panel{padding-bottom:13px}.quick-action{position:relative;display:grid;grid-template-columns:1fr auto;gap:1px 10px;padding:13px 10px;border-top:1px solid #eef1f5}.quick-action span{font-size:13px;font-weight:750}.quick-action small{font-size:12px;color:#7a8799}.quick-action b{grid-column:2;grid-row:1/3;align-self:center;color:#a7780c}.quick-action:hover{background:#fbfaf5;border-radius:8px}.institutional-health h2{font-size:19px;margin:4px 0 14px}.health-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:13px}.health-row strong{font-size:18px}.health-note{font-size:12px;margin:14px 0 0}
.btn{border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.08);transition:.15s ease}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}input,select,textarea{border-color:#d8dee8;background:#fff;transition:.15s ease}input:hover,select:hover,textarea:hover{border-color:#b8c2d0}th{background:#f8fafc}.badge{letter-spacing:.01em}.alert{border:1px solid transparent}.alert.success{border-color:#a6e9c8}.alert.error{border-color:#f3b4ae}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.content{padding:26px 22px}.topbar-user>span:last-child{display:none}.topbar-user{padding-right:10px}.metrics .span-3{grid-column:span 6}}
@media(max-width:900px){.topbar{height:70px}.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;top:auto;display:flex;gap:5px;overflow-x:auto;padding:8px 10px}.sidebar-section,.sidebar-foot{display:none}.sidebar a{white-space:nowrap;flex:0 0 auto;padding:8px 10px}.sidebar a.active{box-shadow:inset 0 -2px #d6ad3b}.nav-icon{display:none}.content{padding:20px 16px 34px}.dashboard-heading{align-items:flex-start}.dashboard-date{display:none}.dashboard-heading h1{font-size:27px}.dashboard-secondary .span-8,.dashboard-secondary .span-4{grid-column:span 12}.topbar{padding:0 16px}.brand strong{max-width:220px}}
@media(max-width:620px){.topbar-user{display:none}.topbar nav{gap:10px}.topbar-link{display:none}.brand small{display:none}.brand strong{font-size:15px;max-width:190px}.metrics .span-3{grid-column:span 12}.metrics .stat{min-height:118px}.dashboard-heading{margin-bottom:18px}.dashboard-heading h1{font-size:25px}.content{padding:16px 12px 30px}.card{padding:16px}.quick-action{padding:12px 6px}.table-wrap.clean{margin:0 -2px}}
@media print{.topbar,.sidebar,footer,.btn,.link-btn{display:none!important}.shell{display:block}.content{padding:0;max-width:none}.card{box-shadow:none}}

.page-metrics{margin-bottom:18px}.page-metrics+.card{margin-top:0}.page-metrics .stat{min-height:126px}


/* NexGen Update Manager */
.version-chip{display:flex;align-items:center;gap:10px;background:#0b1220;color:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 8px 22px rgba(5,13,25,.08)}
.version-chip span{font-size:12px;color:#aeb9c8;text-transform:uppercase;letter-spacing:.08em}.version-chip strong{color:#e5b432}
.update-drop{display:grid;gap:8px;border:1px dashed #c7d0dd;border-radius:14px;padding:20px;background:#f8fafc}.update-drop input{margin-top:6px}
.notice{padding:12px 14px;border-radius:12px;background:#fff8dc;border:1px solid #ecd98a;color:#5c4b0c;font-size:14px}
.check-list{display:grid;gap:2px;margin:14px 0}.check-row{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.check-row strong{font-size:12px}
.status-dot{width:10px;height:10px;border-radius:50%;background:#b4bcc7}.status-dot.ok{background:#15956d;box-shadow:0 0 0 4px rgba(21,149,109,.1)}.status-dot.bad{background:#c93e3e;box-shadow:0 0 0 4px rgba(201,62,62,.1)}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.info-grid>div{padding:16px;border-radius:12px;background:#f8fafc;border:1px solid #e8edf3}.info-grid strong{display:block;margin-bottom:6px}.info-grid span{font-size:13px;color:#697586;line-height:1.5}
.small-btn{padding:7px 10px;font-size:12px}.badge.neutral{background:#edf1f5;color:#44505f}.badge.danger{background:#ffe6e6;color:#a62f2f}
@media(max-width:900px){.info-grid{grid-template-columns:1fr 1fr}.version-chip{margin-top:10px}}
@media(max-width:600px){.info-grid{grid-template-columns:1fr}.check-row{grid-template-columns:14px 1fr}.check-row strong{grid-column:2}.version-chip{width:max-content}}


/* NexGen v1.3 Admissions Review */
.filter-bar{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto auto;gap:10px;align-items:end;margin:0 0 18px}
.filter-bar input,.filter-bar select{margin:0}
.btn.ghost{background:#fff;color:#44505f;border:1px solid #d8dee8;box-shadow:none}
.document-list{display:grid;gap:9px}.document-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e7ebf1;border-radius:10px;background:#fafbfc}.document-row div{min-width:0}.document-row strong,.document-row span{display:block}.document-row span{font-size:12px;color:#758196;margin-top:3px;word-break:break-word}
.info-grid .wide{grid-column:1/-1}.info-stack{display:grid;gap:0;margin:10px 0 16px}.info-stack>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf0f4}.info-stack span{font-size:12px;color:#758196}.info-stack strong{text-align:right;font-size:13px}
.timeline{display:grid;gap:0}.timeline-item{position:relative;display:grid;grid-template-columns:24px 1fr;gap:10px;padding:0 0 20px}.timeline-item:before{content:"";position:absolute;left:5px;top:14px;bottom:0;width:1px;background:#dfe5ed}.timeline-item:last-child:before{display:none}.timeline-dot{width:11px;height:11px;border-radius:50%;background:#d2a62d;box-shadow:0 0 0 4px rgba(210,166,45,.12);margin-top:4px}.timeline-item p{margin:7px 0 0;font-size:13px;color:#4f5d6f}
.compact-form{margin-top:16px;padding-top:16px;border-top:1px solid #edf0f4}
.notice.success{background:#ecf9f2;border-color:#b9e7ce;color:#12603f}
@media(max-width:850px){.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .btn{width:100%}.document-row{align-items:flex-start;flex-direction:column}.document-row .btn{width:100%}}
@media(max-width:560px){.filter-bar{grid-template-columns:1fr}.info-stack>div{display:block}.info-stack strong{display:block;text-align:left;margin-top:3px}}


/* NexGen v1.4 — Premium finance, updates & website workspace */
.financial-document{max-width:1040px;margin:22px auto 42px;background:#fff;border:1px solid #dfe5ec;border-radius:18px;box-shadow:0 18px 42px rgba(16,24,40,.08);overflow:hidden;position:relative}
.financial-accent{height:7px;background:linear-gradient(90deg,#0b1220 0 72%,#d6ad3b 72% 100%)}
.financial-accent.success-accent{background:linear-gradient(90deg,#0b1220 0 72%,#169b70 72% 100%)}
.financial-header{display:flex;justify-content:space-between;gap:28px;padding:34px 38px 28px;background:linear-gradient(135deg,#0b1220,#111c31);color:#fff}
.financial-brand{display:flex;align-items:center;gap:16px;min-width:0}.financial-logo{width:66px;height:66px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(214,173,59,.34)}.financial-logo img{width:50px;height:50px;object-fit:contain}.financial-brand h1{margin:4px 0 2px;font-size:23px;color:#fff}.financial-brand p{margin:0;color:#aeb9c8;font-size:13px}.financial-header .eyebrow{color:#e1bd52}
.financial-number{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.financial-number>span{font-size:12px;text-transform:uppercase;letter-spacing:.11em;color:#8f9caf;font-weight:800}.financial-number>strong{font-size:17px;margin:6px 0 10px;letter-spacing:.02em}.document-status{font-style:normal;font-size:12px;font-weight:850;letter-spacing:.08em;padding:6px 9px;border-radius:999px}.document-status.pending{background:#fff3cc;color:#6f5200}.document-status.paid{background:#dff7eb;color:#08734f}
.financial-summary{display:grid;grid-template-columns:1.2fr .85fr 1fr;border-bottom:1px solid #e8edf3;background:#fbfcfd}.financial-summary>div{padding:23px 28px;border-right:1px solid #e8edf3}.financial-summary>div:last-child{border-right:0}.financial-summary span,.document-grid span,.amount-panel span{display:block;font-size:12px;color:#78869a;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.financial-summary strong{display:block;margin-top:7px;font-size:15px;color:#152033}.financial-summary small{display:block;color:#8692a3;margin-top:4px}.financial-summary .amount-panel{background:#fffaf0}.financial-summary .amount-panel strong{font-size:24px;color:#7b5b08;letter-spacing:-.03em}.financial-summary .paid-amount{background:#f2fbf7}.financial-summary .paid-amount strong{color:#08734f}
.financial-body{padding:34px 38px}.financial-body h2{font-size:17px;margin:0 0 16px;color:#101828}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #e5eaf0;border-radius:12px;overflow:hidden}.document-grid>div{padding:16px 18px;background:#fff;border-bottom:1px solid #edf1f5}.document-grid>div:nth-child(odd){border-right:1px solid #edf1f5}.document-grid>div:nth-last-child(-n+2){border-bottom:0}.document-grid strong{display:block;margin-top:6px;font-size:13px;color:#27364a}
.invoice-line-section{margin-top:30px}.invoice-line{display:grid;grid-template-columns:1fr 70px 150px;gap:16px;align-items:center;padding:15px 16px;border:1px solid #e8edf3;border-top:0}.invoice-line-head{background:#f7f9fb;border-top:1px solid #e8edf3;border-radius:10px 10px 0 0;color:#6f7d8f;text-transform:uppercase;letter-spacing:.07em;font-size:12px;font-weight:850}.invoice-line:not(.invoice-line-head){font-size:13px}.invoice-line>:last-child{text-align:right}.invoice-total-row{display:flex;justify-content:flex-end;gap:22px;align-items:center;padding:18px 16px;border-top:2px solid #1a2435;margin-top:2px}.invoice-total-row span{font-size:12px;font-weight:750;color:#687588}.invoice-total-row strong{font-size:21px;color:#101828}
.payment-callout{margin-top:30px;padding:22px 24px;border-radius:14px;background:linear-gradient(135deg,#fff8dd,#fffdf6);border:1px solid #ead68a;display:flex;justify-content:space-between;gap:22px;align-items:center}.payment-callout h2{margin:4px 0 5px}.payment-callout p{margin:0;color:#657286;font-size:13px;max-width:570px}.payment-callout.paid-callout{background:#effaf5;border-color:#bce7d1}.financial-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.financial-actions form{margin:0}
.financial-footer{padding:22px 38px;border-top:1px solid #e8edf3;background:#fafbfd;display:flex;justify-content:space-between;gap:22px;align-items:center}.financial-footer>div:first-child{display:flex;flex-direction:column}.financial-footer strong{font-size:13px}.financial-footer span{font-size:12px;color:#7d8999;margin-top:4px}.receipt-confirmation{display:flex;align-items:center;gap:14px;margin-top:28px;padding:18px 20px;border:1px solid #b9e5cf;background:#effaf5;border-radius:12px}.receipt-confirmation>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#15956d;color:#fff;font-weight:900}.receipt-confirmation strong{font-size:14px}.receipt-confirmation p{margin:4px 0 0;color:#668073;font-size:12px}

/* Premium update center */
.update-hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:26px;background:linear-gradient(135deg,#0b1220,#111c31 72%,#17243a);border-radius:18px;padding:32px 34px;color:#fff;margin-bottom:18px;overflow:hidden;position:relative}.update-hero:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(214,173,59,.16);border-radius:50%;right:-130px;top:-150px}.update-hero h1{font-size:34px;margin:5px 0 8px}.update-hero p{margin:0;color:#b1bdcc;max-width:760px;line-height:1.6}.update-hero .eyebrow{color:#e0bc53}.update-hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.update-hero-meta span{padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:12px;color:#afbac9}.update-hero-meta b{color:#fff;margin-right:5px}
.update-version-orb{width:176px;height:176px;justify-self:end;border-radius:50%;border:1px solid rgba(214,173,59,.4);background:radial-gradient(circle at 35% 30%,rgba(214,173,59,.18),rgba(255,255,255,.03));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.update-version-orb span{font-size:12px;letter-spacing:.18em;color:#d8b54d}.update-version-orb strong{font-size:28px;margin:4px 0}.update-version-orb small{color:#aab6c5}
.update-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px}.update-install-card,.update-health-card{margin:0}.update-shield{background:#eaf8f1;color:#08734f;border:1px solid #c7ead8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.premium-upload{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:20px;border:1px dashed #b9c5d4;border-radius:14px;background:#f8fafc;cursor:pointer;transition:.15s ease}.premium-upload:hover{border-color:#c39a2d;background:#fffdf8}.premium-upload-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#0b1220;color:#e2bd51;font-size:20px;font-weight:900}.premium-upload-copy{display:flex;flex-direction:column;gap:4px}.premium-upload-copy strong{font-size:14px}.premium-upload-copy small{color:#78869a}.premium-upload input{grid-column:1/-1;margin:3px 0 0;background:#fff}.protected-strip{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-radius:10px;background:#fff8dc;border:1px solid #ecd98a}.protected-strip span{font-size:12px;font-weight:850;color:#6c570d;margin-right:4px}.protected-strip b{font-size:12px;padding:4px 7px;border-radius:999px;background:#fff;color:#6c570d;border:1px solid #eadb9c}.update-primary{align-self:flex-start;padding:11px 18px}
.readiness-score{display:flex;align-items:center;gap:12px;padding:15px;border-radius:12px;margin:14px 0 5px}.readiness-score.ready{background:#eef9f4;border:1px solid #c3e9d5}.readiness-score.warning{background:#fff6e8;border:1px solid #efd4a8}.readiness-score strong{font-size:22px}.readiness-score.ready strong{color:#08734f}.readiness-score span{font-size:12px;color:#647386}.security-note{margin-top:14px;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e7ebf1;display:flex;flex-direction:column;gap:5px}.security-note b{font-size:12px}.security-note span{font-size:12px;color:#728095;line-height:1.5}
.update-history-card{margin-top:18px}.history-count{font-size:12px;font-weight:800;color:#5c6878;background:#f2f5f8;border:1px solid #e1e6ec;border-radius:999px;padding:6px 9px}.release-list{display:grid;gap:0}.release-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;padding:18px 2px;border-top:1px solid #edf1f5}.release-row:first-child{border-top:0}.release-status-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#edf1f5;color:#5e6a79}.release-status-icon.installed{background:#e9f7f0;color:#08734f}.release-status-icon.failed{background:#fff0ef;color:#b42318}.release-title{display:flex;align-items:center;gap:8px}.release-main p{margin:5px 0;color:#6f7d90;font-size:12px}.release-meta{display:flex;gap:14px;flex-wrap:wrap}.release-meta span{font-size:12px;color:#8491a1}.release-action{align-self:center}
.update-process{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.update-process>div{padding:17px;border-radius:12px;background:#fff;border:1px solid #e4e9ef}.update-process span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#111a2b;color:#e2bd51;font-size:12px;font-weight:900;margin-bottom:10px}.update-process strong{display:block;font-size:13px}.update-process p{margin:5px 0 0;color:#748196;font-size:12px;line-height:1.45}

/* Premium website & CMS workspace */
.website-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:26px 28px;border:1px solid #e2e7ee;border-radius:16px;background:linear-gradient(135deg,#fff,#fafbfd);margin-bottom:14px}.website-hero h1{font-size:31px;margin:4px 0 6px}.website-hero p{margin:0;max-width:760px;color:#69778a;line-height:1.55}.website-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-status{font-size:12px;color:#40604f;font-weight:750;padding:7px 9px;border-radius:999px;background:#eef9f4;border:1px solid #c9e9d8}.site-status i{display:inline-block;width:7px;height:7px;background:#17a673;border-radius:50%;margin-right:5px}
.website-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.website-stats>div{background:#fff;border:1px solid #e4e9ef;border-radius:12px;padding:15px 17px}.website-stats span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8090a3;font-weight:800}.website-stats strong{display:block;font-size:20px;margin:7px 0 2px}.website-stats small{color:#8a96a6}
.website-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:18px}.website-settings-card,.website-preview-card{margin:0}.settings-section{padding:18px 0;border-top:1px solid #edf1f5}.settings-section:first-of-type{border-top:0}.settings-section-title{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;margin-bottom:14px}.settings-section-title>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#111a2b;color:#e2bd51;font-size:12px;font-weight:900}.settings-section-title strong,.settings-section-title small{display:block}.settings-section-title strong{font-size:13px}.settings-section-title small{color:#8390a2;margin-top:3px}.settings-savebar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 16px;border-radius:11px;background:#f8fafc;border:1px solid #e5eaf0}.settings-savebar>div{display:flex;flex-direction:column}.settings-savebar strong{font-size:12px}.settings-savebar small{color:#8793a3;margin-top:3px}
.mini-browser{border:1px solid #dfe5ec;border-radius:12px;overflow:hidden;margin-top:14px;box-shadow:0 10px 26px rgba(16,24,40,.06)}.mini-browser-bar{height:34px;background:#eef2f6;display:flex;align-items:center;gap:5px;padding:0 10px}.mini-browser-bar i{width:7px;height:7px;border-radius:50%;background:#c7ced8}.mini-browser-bar span{margin-left:7px;font-size:12px;color:#8b96a5;background:#fff;border-radius:5px;padding:4px 8px;flex:1}.mini-site{padding:22px 18px 26px;background:linear-gradient(145deg,#0b1220,#121e33);color:#fff;min-height:240px}.mini-brand{display:flex;align-items:center;gap:8px}.mini-brand img{width:28px;height:28px;object-fit:contain}.mini-brand strong{font-size:12px}.mini-site h3{font-size:20px;line-height:1.15;margin:27px 0 9px}.mini-site p{font-size:12px;color:#aeb9c8;line-height:1.5}.mini-site>span{display:inline-block;margin-top:9px;background:#d6ad3b;color:#101828;border-radius:6px;padding:7px 9px;font-size:12px;font-weight:850}.website-tip{margin-top:14px;padding:13px;border-radius:10px;background:#fff8dc;border:1px solid #ecd98a;display:flex;flex-direction:column;gap:4px}.website-tip b{font-size:12px;color:#695509}.website-tip span{font-size:12px;color:#76651f;line-height:1.5}
.cms-workspace{margin-top:18px}.cms-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:24px}.cms-editor{display:grid;gap:13px;padding-right:24px;border-right:1px solid #edf1f5}.slug-input{display:flex;align-items:center;border:1px solid #d8dee8;border-radius:8px;overflow:hidden;background:#fff}.slug-input span{padding:0 0 0 12px;color:#8a96a5}.slug-input input{border:0!important;box-shadow:none!important}.publish-toggle{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e1e7ed;border-radius:10px;background:#fafbfd}.publish-toggle input{width:auto;margin-top:3px}.publish-toggle span{display:flex;flex-direction:column}.publish-toggle b{font-size:12px}.publish-toggle small{color:#7f8b9b;margin-top:3px}.page-library{display:grid;gap:8px;align-content:start}.page-library-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid #e5eaf0;border-radius:11px;background:#fff}.page-icon{width:36px;height:36px;border-radius:9px;background:#f0f3f7;color:#334155;display:grid;place-items:center;font-size:12px;font-weight:850}.page-library-copy strong,.page-library-copy span{display:block}.page-library-copy strong{font-size:13px}.page-library-copy span{font-size:12px;color:#9a7a20;margin:2px 0}.page-library-copy p{margin:4px 0 0;font-size:12px;color:#7f8b9b;line-height:1.45}.page-library-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
@media(max-width:1000px){.update-layout,.website-layout{grid-template-columns:1fr}.update-version-orb{width:145px;height:145px}.website-stats{grid-template-columns:1fr 1fr}.cms-grid{grid-template-columns:1fr}.cms-editor{padding-right:0;border-right:0;border-bottom:1px solid #edf1f5;padding-bottom:22px}.financial-summary{grid-template-columns:1fr 1fr}.financial-summary .amount-panel{grid-column:1/-1;border-top:1px solid #e8edf3}}
@media(max-width:700px){.update-hero{grid-template-columns:1fr;padding:24px}.update-version-orb{display:none}.update-process{grid-template-columns:1fr 1fr}.website-hero{align-items:flex-start;flex-direction:column}.website-stats{grid-template-columns:1fr 1fr}.financial-header{flex-direction:column;padding:26px 22px}.financial-number{align-items:flex-start;text-align:left}.financial-summary{grid-template-columns:1fr}.financial-summary>div{border-right:0;border-bottom:1px solid #e8edf3}.financial-summary .amount-panel{grid-column:auto}.financial-body{padding:24px 20px}.document-grid{grid-template-columns:1fr}.document-grid>div{border-right:0!important;border-bottom:1px solid #edf1f5!important}.document-grid>div:last-child{border-bottom:0!important}.payment-callout,.financial-footer{flex-direction:column;align-items:flex-start}.invoice-line{grid-template-columns:1fr 45px 110px}.release-row{grid-template-columns:36px 1fr}.release-action{grid-column:2}.settings-savebar{align-items:flex-start;flex-direction:column}.page-library-item{grid-template-columns:36px 1fr}.page-library-status{grid-column:2;align-items:flex-start;flex-direction:row}}
@media(max-width:480px){.update-process,.website-stats{grid-template-columns:1fr}.financial-brand{align-items:flex-start}.financial-logo{width:52px;height:52px}.financial-logo img{width:40px;height:40px}.financial-brand h1{font-size:18px}.invoice-line{grid-template-columns:1fr 34px 94px;gap:8px;padding:12px 8px}.invoice-line strong{font-size:12px}}
@media print{.financial-document{box-shadow:none;border:0;margin:0;max-width:none}.financial-actions,.payment-callout .financial-actions{display:none!important}.financial-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}.financial-accent,.amount-panel,.document-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* NexGen v1.5 — animated dashboard, graphs and visual CMS */
.dashboard-enter{animation:ngRise .55s cubic-bezier(.2,.8,.2,1) both}
.dashboard-enter.stagger-1{animation-delay:.06s}.dashboard-enter.stagger-2{animation-delay:.12s}.dashboard-enter.stagger-3{animation-delay:.18s}.dashboard-enter.stagger-4{animation-delay:.24s}
@keyframes ngRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.metrics .stat{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metrics .stat:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(16,24,40,.08);border-color:#d6c58c}
.chart-card{min-height:330px}.chart-total{font-size:18px;color:#172033}.chart-card .section-head p{margin:2px 0 0;font-size:12px}
.bar-chart{height:220px;display:grid;grid-template-columns:repeat(6,minmax(38px,1fr));gap:12px;align-items:end;padding:12px 4px 0}
.bar-column{height:100%;display:grid;grid-template-rows:24px 1fr 24px;gap:6px;align-items:end;text-align:center}.bar-value{font-size:12px;font-weight:750;color:#697586;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:155px;border-radius:8px;background:#f2f4f7;display:flex;align-items:flex-end;overflow:hidden;position:relative}.bar-track:before{content:"";position:absolute;inset:33% 0 auto;height:1px;background:#e5e9ef;box-shadow:0 51px #e5e9ef}.bar-track span{width:100%;min-height:4px;background:linear-gradient(180deg,#e6c968,#b98b19);border-radius:7px 7px 0 0;animation:ngBar .75s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}.bar-column small{font-size:12px;font-weight:700;color:#7a8799}@keyframes ngBar{from{transform:scaleY(.08);opacity:.3}to{transform:scaleY(1);opacity:1}}
.line-chart-wrap{padding-top:8px}.line-chart{width:100%;height:205px;overflow:visible}.chart-grid-line{stroke:#e7ebf0;stroke-width:1}.chart-line{fill:none;stroke:#b98b19;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 6px rgba(185,139,25,.15));stroke-dasharray:1000;stroke-dashoffset:1000;animation:ngDraw 1s .15s ease forwards}.chart-line-fill{fill:none;stroke:#e8d486;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;opacity:.13}.chart-dot{fill:#fff;stroke:#b98b19;stroke-width:4}.line-labels{display:grid;grid-template-columns:repeat(6,1fr);text-align:center;margin:-4px 6% 0}.line-labels span{font-size:12px;font-weight:700;color:#7a8799}@keyframes ngDraw{to{stroke-dashoffset:0}}

.media-standards{margin:18px 0}.media-standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.media-standard{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid #e6ebf1;background:#fafbfc;border-radius:13px}.media-standard>div{display:flex;flex-direction:column;gap:2px}.media-standard strong{font-size:13px}.media-standard b{font-size:12px;color:#a7780c}.media-standard small{font-size:12px;color:#7a8799}.media-shape{display:block;flex:0 0 70px;background:linear-gradient(135deg,#121c2e,#29364d);border:2px solid #d6ad3b55}.hero-shape{width:70px;height:33px;border-radius:5px}.page-shape{width:70px;height:27px;border-radius:5px}.logo-shape{width:70px;height:21px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px #dfe5ee}
.image-upload-box{border:1px dashed #cbd4df;border-radius:13px;padding:14px;background:#f9fafb;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:12px;align-items:center}.image-upload-box>div small{display:block;color:#7a8799;font-size:12px;margin-top:3px}.image-upload-box img{width:100%;height:110px;object-fit:cover;border-radius:9px;border:1px solid #e0e6ee}.image-upload-box input[type=file]{grid-column:1/-1;background:#fff}.image-upload-box.compact{grid-template-columns:1fr}.image-upload-box.compact img{height:145px}.image-upload-box.compact label{margin-top:4px}
.page-library-item .page-icon{overflow:hidden}.page-library-item .page-icon img{width:100%;height:100%;object-fit:cover}.page-library-status{gap:7px;flex-wrap:wrap}
.mini-site{background-size:cover!important;background-position:center!important}

.public-hero{background-size:cover!important;background-position:center!important;min-height:480px;display:flex;flex-direction:column;justify-content:center}.public-page{max-width:1100px;margin:0 auto}.public-page-hero{height:390px;background-size:cover;background-position:center;border-radius:20px;display:flex;align-items:flex-end;padding:42px;color:#fff;margin-bottom:-48px;position:relative;overflow:hidden}.public-page-hero h1{font-size:clamp(34px,5vw,58px);margin:7px 0 34px;max-width:800px}.public-page-heading{padding:30px 8px 12px}.public-page-heading h1{font-size:42px;margin:6px 0}.public-page-body{position:relative;margin:0 34px;padding:34px 42px}.prose{font-size:16px;line-height:1.8;white-space:normal}.prose br+br{display:block;content:"";margin-top:10px}

@media(max-width:1000px){.media-standard-grid{grid-template-columns:1fr}.chart-card.span-7,.chart-card.span-5{grid-column:span 12}.image-upload-box{grid-template-columns:1fr}.public-page-body{margin:0 18px}}
@media(max-width:620px){.bar-chart{gap:6px}.bar-value{display:none}.bar-track{height:130px}.media-standard{align-items:flex-start}.public-page-hero{height:300px;padding:25px;border-radius:14px}.public-page-hero h1{margin-bottom:28px}.public-page-body{margin:0 8px;padding:22px}.public-hero{min-height:400px}}
@media(prefers-reduced-motion:reduce){.dashboard-enter,.bar-track span,.chart-line{animation:none!important}.metrics .stat,.btn,.sidebar a{transition:none!important}.metrics .stat:hover{transform:none}}


/* v1.6.0 premium operations + visual CMS */
.dashboard-chart-grid,.reports-chart-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);gap:20px;align-items:stretch;margin:20px 0}
.dashboard-chart-grid>.card,.reports-chart-grid>.card{min-height:390px;height:100%}.dashboard-revenue-chart{display:flex;flex-direction:column}.dashboard-revenue-chart .bar-chart{flex:1}
.premium-bars{min-height:250px;align-items:end}.premium-bars .bar-track{height:210px}.premium-bars .bar-track span{border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,#f0cf69,#c59824);box-shadow:0 8px 22px #d6ad3b24}
.dashboard-donut-card{display:flex;flex-direction:column}.donut-layout{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;justify-content:center;flex:1}.donut-chart{width:190px;height:190px;border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #0000000d,0 16px 35px #10182812;animation:ngScaleIn .65s ease both}.donut-chart:after{content:"";position:absolute;inset:34px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #e7eaf0}.donut-chart>div{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-chart strong{font-size:30px}.donut-chart span{font-size:12px;color:var(--muted);font-weight:700}.donut-legend{display:grid;gap:10px}.donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid #eef1f5}.donut-legend i{width:9px;height:9px;border-radius:50%}.donut-legend span{font-size:13px;color:#475467}.donut-legend strong{font-size:13px}
@keyframes ngScaleIn{from{transform:scale(.84);opacity:0}to{transform:scale(1);opacity:1}}

.admissions-hero,.module-hero{background:linear-gradient(130deg,#0b1220 0%,#172033 72%,#29344a 100%);color:#fff;border-radius:20px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative;margin-bottom:20px}.admissions-hero:after,.module-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #d6ad3b35;border-radius:50%;right:-55px;top:-90px}.admissions-hero h1,.module-hero h1{font-size:34px;margin:4px 0 8px}.admissions-hero p,.module-hero p{color:#d8dee8;max-width:760px;margin:0}.admissions-hero .eyebrow,.module-hero .eyebrow{color:#f0cf69}.admissions-hero-actions{position:relative;z-index:2}
.admission-summary-grid,.premium-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.admission-summary-card,.premium-stat-grid>article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #10182808;transition:transform .22s ease,box-shadow .22s ease}.admission-summary-card:hover,.premium-stat-grid>article:hover{transform:translateY(-3px);box-shadow:0 14px 30px #10182810}.admission-summary-card{display:flex;gap:14px;align-items:center}.summary-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:850;background:#f5f6f8}.admission-summary-card.gold .summary-icon{background:#fff5d6;color:#8b6500}.admission-summary-card.green .summary-icon{background:#e8f8f2;color:#067647}.admission-summary-card.purple .summary-icon{background:#f0ebff;color:#6941c6}.admission-summary-card.teal .summary-icon{background:#e6f7f6;color:#0d766e}.admission-summary-card span,.premium-stat-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:800}.admission-summary-card strong,.premium-stat-grid strong{display:block;font-size:29px;margin:2px 0}.admission-summary-card small,.premium-stat-grid small{color:#667085}.premium-stat-grid>article.attention{border-color:#f5c2bd;background:#fffafa}

.module-hero-badge{position:relative;z-index:2;min-width:220px;padding:18px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0c;backdrop-filter:blur(8px)}.module-hero-badge span,.module-hero-badge small{display:block;color:#d8dee8}.module-hero-badge strong{display:block;font-size:25px;margin:4px 0;color:#f0cf69}
.library-workspace{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.availability-meter{display:block;width:120px;height:6px;background:#edf0f4;border-radius:99px;overflow:hidden;margin-bottom:6px}.availability-meter i{display:block;height:100%;background:linear-gradient(90deg,#0d766e,#43aa8b)}.text-danger{color:var(--danger);font-weight:700}
.export-centre{margin-top:20px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.export-grid>a{border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;transition:.2s}.export-grid>a:hover{border-color:#d6ad3b;transform:translateY(-2px);box-shadow:0 10px 24px #1018280d}.export-grid>a>span{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#fff5d6;color:#8b6500;font-weight:900}.export-grid strong,.export-grid small{display:block}.export-grid small{color:var(--muted)}.export-grid b{font-size:12px;color:#8b6500}

.page-library-premium{margin-top:20px}.page-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.page-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:.2s}.page-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #10182810}.page-card-media{height:125px;background:linear-gradient(135deg,#111827,#29344a);display:grid;place-items:center;overflow:hidden;color:#f0cf69;font-size:36px;font-weight:900}.page-card-media img{width:100%;height:100%;object-fit:cover}.page-card-body{padding:16px}.page-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.page-card-body>small{color:#8b6500;font-weight:700}.page-card-body p{color:#667085;font-size:13px;min-height:42px}

.editor-page-shell{max-width:1600px;margin:0 auto}.editor-page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.editor-page-head h1{margin:4px 0}.back-link{display:inline-block;color:#8b6500;font-weight:750;margin-bottom:9px}.editor-head-actions{display:flex;gap:10px}.editor-main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.editor-sidebar{display:grid;gap:16px;position:sticky;top:92px}.editor-content-card{padding:22px}.rich-editor-wrap{margin-top:18px;border:1px solid #ccd5e0;border-radius:14px;overflow:hidden;background:#fff}.rich-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:8px;background:#f8fafc;border-bottom:1px solid #e4e8ef;position:sticky;top:72px;z-index:4}.rich-toolbar button,.rich-toolbar select,.toolbar-upload{width:auto;min-height:34px;padding:6px 9px;border:1px solid #d6dce5;border-radius:7px;background:#fff;font:inherit;font-size:12px;cursor:pointer}.rich-toolbar button:hover,.toolbar-upload:hover{border-color:#d6ad3b;background:#fffaf0}.toolbar-separator{width:1px;background:#d9dee6;margin:3px}.toolbar-upload{display:inline-flex;align-items:center;font-weight:700;margin:0}.toolbar-upload input{display:none}.toolbar-upload.is-uploading{opacity:.55;pointer-events:none}.rich-editor{min-height:520px;padding:28px;outline:none;font-size:16px;line-height:1.75}.rich-editor:focus{box-shadow:inset 0 0 0 2px #d6ad3b55}.rich-editor img,.prose img{max-width:100%;height:auto;border-radius:12px;margin:18px auto;display:block}.rich-editor iframe,.prose iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin:18px 0}.rich-editor h2,.prose h2{font-size:30px;margin:28px 0 12px}.rich-editor h3,.prose h3{font-size:23px}.rich-editor blockquote,.prose blockquote{border-left:4px solid #d6ad3b;padding:12px 18px;background:#fffaf0;margin:20px 0}.editor-help{padding:10px 14px;background:#f8fafc;color:#667085;font-size:12px;border-top:1px solid #edf0f4}.full-btn{width:100%}.editor-tips ul{padding-left:18px;color:#667085;font-size:13px}

.public-site{background:#fff}.public-site .public-content{position:relative;z-index:1}.mining-watermark-layer{position:fixed;inset:72px 0 46px;z-index:0;pointer-events:none;overflow:hidden;opacity:.055;color:#8a6b12}.mining-watermark-layer span{position:absolute;font-size:clamp(70px,9vw,150px);font-weight:200;filter:grayscale(1);animation:ngMineFloat 18s ease-in-out infinite}.wm-pick{left:4%;top:16%;transform:rotate(-18deg)}.wm-mountain{right:7%;top:38%;animation-delay:-6s!important}.wm-gear{left:44%;bottom:5%;animation-delay:-12s!important}@keyframes ngMineFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(4deg)}}.public-site .card{background:#ffffffed;backdrop-filter:blur(2px)}
@media (prefers-reduced-motion:reduce){.mining-watermark-layer span,.donut-chart{animation:none!important}.admission-summary-card:hover,.premium-stat-grid>article:hover,.page-card:hover,.export-grid>a:hover{transform:none}}
@media(max-width:1050px){.dashboard-chart-grid,.reports-chart-grid{grid-template-columns:1fr}.dashboard-chart-grid>.card,.reports-chart-grid>.card{min-height:auto}.admission-summary-grid,.premium-stat-grid{grid-template-columns:repeat(2,1fr)}.page-card-grid{grid-template-columns:repeat(2,1fr)}.editor-main{grid-template-columns:1fr}.editor-sidebar{position:static}.library-workspace{grid-template-columns:1fr}}
@media(max-width:680px){.admission-summary-grid,.premium-stat-grid,.page-card-grid,.export-grid{grid-template-columns:1fr}.donut-layout{grid-template-columns:1fr;justify-items:center}.editor-page-head{align-items:stretch;flex-direction:column}.editor-head-actions{width:100%}.editor-head-actions .btn{flex:1}.rich-editor{min-height:420px;padding:18px}.rich-toolbar{top:64px}.module-hero,.admissions-hero{padding:24px;align-items:flex-start;flex-direction:column}.module-hero-badge{width:100%}}


/* NexGen v1.7.0 — Premium Administration System */
:root{
  --violet:#7c5ce7;--blue:#3478f6;--cyan:#168aad;--green:#15946a;--orange:#e67e22;
  --rose:#d94d75;--red:#c94a4a;--indigo:#5161ce;--surface:#fff;
}
.admin-site .content{--page-accent:var(--gold);--page-soft:#fff8e2}
.admin-site .content[data-page="overview"]{--page-accent:#d6ad3b;--page-soft:#fff8e3}
.admin-site .content[data-page="admissions"]{--page-accent:#7c5ce7;--page-soft:#f3efff}
.admin-site .content[data-page="students"]{--page-accent:#3478f6;--page-soft:#eef5ff}
.admin-site .content[data-page="academics"]{--page-accent:#5161ce;--page-soft:#f0f2ff}
.admin-site .content[data-page="staff"]{--page-accent:#15946a;--page-soft:#ecfaf5}
.admin-site .content[data-page="finance"]{--page-accent:#15946a;--page-soft:#ebfaf4}
.admin-site .content[data-page="fees"]{--page-accent:#d94d75;--page-soft:#fff0f5}
.admin-site .content[data-page="library"]{--page-accent:#168aad;--page-soft:#eaf8fb}
.admin-site .content[data-page="communications"]{--page-accent:#7c5ce7;--page-soft:#f3efff}
.admin-site .content[data-page="website"]{--page-accent:#e67e22;--page-soft:#fff4e8}
.admin-site .content[data-page="reports"]{--page-accent:#5161ce;--page-soft:#f0f2ff}
.admin-site .content[data-page="backups"]{--page-accent:#168aad;--page-soft:#eaf8fb}
.admin-site .content[data-page="settings"]{--page-accent:#d6ad3b;--page-soft:#fff8e3}
.admin-site .content[data-page="updates"]{--page-accent:#15946a;--page-soft:#ebfaf4}

.admin-site .card{position:relative;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;background:linear-gradient(180deg,#fff 0%,#fff 82%,var(--page-soft,#f8fafc) 165%)}
.admin-site .card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--card-accent,var(--page-accent,#d6ad3b));opacity:.9}
.admin-site .card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #10182812;border-color:color-mix(in srgb,var(--page-accent,#d6ad3b) 28%,#dfe5ee)}
.admin-site .premium-card{box-shadow:0 10px 28px #1018280a}
.admin-site .tone-gold{--card-accent:#d6ad3b;background:linear-gradient(180deg,#fff,#fff9e9)}
.admin-site .tone-purple{--card-accent:#7c5ce7;background:linear-gradient(180deg,#fff,#f7f3ff)}
.admin-site .tone-blue{--card-accent:#3478f6;background:linear-gradient(180deg,#fff,#f1f6ff)}
.admin-site .tone-teal{--card-accent:#168aad;background:linear-gradient(180deg,#fff,#effbfc)}
.admin-site .tone-green{--card-accent:#15946a;background:linear-gradient(180deg,#fff,#eefbf6)}
.admin-site .tone-red{--card-accent:#d94d75;background:linear-gradient(180deg,#fff,#fff2f6)}
.admin-site .tone-orange{--card-accent:#e67e22;background:linear-gradient(180deg,#fff,#fff5eb)}

.premium-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 22px;padding:4px 2px}.premium-page-head h1{font-size:32px;margin:3px 0 5px}.premium-page-head p{margin:0}.page-status-chip{display:inline-flex;gap:8px;align-items:center;border:1px solid #dfe5ee;border-radius:999px;background:#fff;padding:9px 13px;font-size:12px;font-weight:800;color:#475467;box-shadow:0 4px 12px #10182808}.premium-action{box-shadow:0 8px 18px #d6ad3b30}
.premium-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #10182808}.premium-tabs a{padding:9px 14px;border-radius:9px;font-size:13px;font-weight:800;color:#475467;transition:.2s}.premium-tabs a:nth-child(5n+1){background:#f3efff;color:#6941c6}.premium-tabs a:nth-child(5n+2){background:#fff6d6;color:#8a5a00}.premium-tabs a:nth-child(5n+3){background:#eef5ff;color:#2457b8}.premium-tabs a:nth-child(5n+4){background:#eaf8fb;color:#0f6f8d}.premium-tabs a:nth-child(5n){background:#ebfaf4;color:#067647}.premium-tabs a:hover{transform:translateY(-1px);box-shadow:0 6px 14px #10182810}

.premium-metrics{margin-bottom:20px}.premium-stat{min-height:154px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end}.premium-stat>span:not(.metric-icon){font-size:12px;letter-spacing:.055em;text-transform:uppercase;font-weight:850;color:#667085}.premium-stat strong{font-size:29px;line-height:1.1;margin:8px 0 4px;letter-spacing:-.035em}.premium-stat small{color:#667085}.premium-stat .metric-icon{position:absolute;right:17px;top:18px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--card-accent,var(--page-accent)) 13%,white);color:var(--card-accent,var(--page-accent));font-weight:900;font-size:12px;letter-spacing:.03em}.premium-stat:after{content:"";position:absolute;right:-28px;bottom:-43px;width:115px;height:115px;border-radius:50%;background:var(--card-accent,var(--page-accent));opacity:.045}
.metric-date{font-size:25px!important}.premium-section-grid{margin-bottom:20px}

.settings-hero{padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.settings-brand-preview{display:flex;align-items:center;gap:18px}.settings-logo-stage{width:112px;height:74px;border-radius:14px;background:#101828;display:grid;place-items:center;padding:10px}.settings-logo-stage img{max-width:100%;max-height:100%;object-fit:contain}.settings-brand-preview h2{font-size:27px;margin:4px 0}.settings-brand-preview p{margin:0;color:#667085}.settings-quickfacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.settings-quickfacts>div{padding:11px 14px;border:1px solid #e5e9ef;border-radius:12px;background:#fff8}.settings-quickfacts span,.settings-quickfacts strong{display:block}.settings-quickfacts span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#667085}.settings-quickfacts strong{font-size:13px;margin-top:2px}.logo-upload-preview{height:130px;border:1px dashed #cfd7e3;background:linear-gradient(135deg,#101828,#26344c);border-radius:14px;display:grid;place-items:center;margin-bottom:14px}.logo-upload-preview img{max-width:80%;max-height:85px;object-fit:contain}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.integration-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:15px;border:1px solid #e4e8ef;border-radius:13px;background:#fff}.integration-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#f3efff;color:#6941c6;font-weight:900}.integration-copy strong,.integration-copy span,.integration-state small{display:block}.integration-copy span,.integration-state small{font-size:12px;color:#667085}.integration-state{text-align:right}.security-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.security-check-grid>div{display:flex;gap:12px;padding:14px;border-radius:12px;background:#fff;border:1px solid #e5e9ef}.security-check-grid b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0f5;color:#b4235b}.security-check-grid span strong,.security-check-grid span small{display:block}.security-check-grid span small{color:#667085;margin-top:3px}

.recovery-panel .recovery-step{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e8edf2}.recovery-panel .recovery-step:last-child{border:0}.recovery-step>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf8fb;color:#0f6f8d}.recovery-step strong,.recovery-step span{display:block}.recovery-step span{color:#667085;font-size:12px;margin-top:3px}

.dual-bar-chart{height:260px;display:flex;gap:14px;align-items:flex-end;padding:24px 8px 4px}.dual-bar-column{flex:1;height:100%;display:grid;grid-template-rows:1fr auto;gap:8px;min-width:26px}.dual-bars{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.dual-bars>span{display:block;width:min(18px,38%);border-radius:7px 7px 3px 3px;transform-origin:bottom;animation:ngGrowBar .8s cubic-bezier(.2,.8,.2,1) both}.bar-sms{background:linear-gradient(180deg,#9b7cf4,#6941c6)}.bar-email{background:linear-gradient(180deg,#36b3ae,#0d766e)}.bar-billed{background:linear-gradient(180deg,#6da0ff,#3478f6)}.bar-paid{background:linear-gradient(180deg,#4ec89a,#15946a)}.dual-bar-column small{text-align:center;color:#667085;font-weight:700}.chart-key{display:flex;justify-content:center;gap:18px;margin-top:8px;color:#667085;font-size:12px;font-weight:700}.chart-key i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.key-purple{background:#7c5ce7}.key-teal{background:#0d766e}.key-blue{background:#3478f6}.key-green{background:#15946a}.bar-label-top{font-size:12px;color:#667085;text-align:center;white-space:nowrap}
.channel-pill,.role-chip{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.04em}.channel-pill.sms{background:#f3efff;color:#6941c6}.channel-pill.email{background:#eaf8fb;color:#0f6f8d}.role-chip{background:#eef2ff;color:#4656b9}.rank-list{display:grid;gap:9px}.rank-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f4}.rank-list>div:last-child{border:0}.rank-list span strong,.rank-list span small{display:block}.rank-list span small{color:#667085;margin-top:2px}

.role-bars{display:grid;gap:15px;margin-top:8px}.role-bar-row{display:grid;grid-template-columns:135px 1fr 34px;gap:10px;align-items:center}.role-bar-row>span{font-size:13px;color:#475467;font-weight:700}.role-bar-row>div{height:9px;border-radius:99px;background:#edf0f4;overflow:hidden}.role-bar-row i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7c5ce7,#d6ad3b);animation:ngGrowWidth .75s ease both}.role-bar-row strong{text-align:right}

.dashboard-heading{padding:18px 22px;border-radius:18px;background:linear-gradient(120deg,#101828,#1e293b 60%,#2a3650);color:#fff;box-shadow:0 16px 34px #10182820;margin-bottom:20px;position:relative;overflow:hidden}.dashboard-heading:after{content:"";position:absolute;width:160px;height:160px;right:-45px;top:-70px;border-radius:50%;border:1px solid #f3c62345;box-shadow:0 0 0 30px #f3c62308}.dashboard-heading .eyebrow{color:#f0cf69}.dashboard-heading .muted{color:#cfd7e3}.dashboard-heading h1{font-size:32px;margin:3px 0 4px}.dashboard-date{background:#ffffff10;border:1px solid #ffffff1c;padding:9px 12px;border-radius:10px;position:relative;z-index:2}
.metrics .stat:nth-child(1){--card-accent:#3478f6;background:linear-gradient(145deg,#fff,#eef5ff)}
.metrics .stat:nth-child(2){--card-accent:#7c5ce7;background:linear-gradient(145deg,#fff,#f3efff)}
.metrics .stat:nth-child(3){--card-accent:#e67e22;background:linear-gradient(145deg,#fff,#fff4e8)}
.metrics .stat:nth-child(4){--card-accent:#15946a;background:linear-gradient(145deg,#fff,#ebfaf4)}
.quick-action{position:relative;overflow:hidden}.quick-action:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--quick,#d6ad3b)}.quick-purple{--quick:#7c5ce7}.quick-green{--quick:#15946a}.quick-blue{--quick:#3478f6}.quick-gold{--quick:#d6ad3b}.quick-action:hover{background:color-mix(in srgb,var(--quick) 7%,white)}

.admin-site .card.premium-reveal{opacity:0;transform:translateY(13px) scale(.992)}.admin-site .card.premium-reveal.is-visible{opacity:1;transform:none;transition:opacity .5s ease calc(var(--reveal-i,0)*35ms),transform .5s cubic-bezier(.2,.8,.2,1) calc(var(--reveal-i,0)*35ms),box-shadow .24s ease,border-color .24s ease}
@keyframes ngGrowBar{from{transform:scaleY(.05);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes ngGrowWidth{from{width:0!important;opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.admin-site .card,.admin-site .card.premium-reveal,.admin-site .card.premium-reveal.is-visible,.dual-bars>span,.role-bar-row i,.premium-tabs a{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
@media(max-width:1050px){.integration-grid,.security-check-grid{grid-template-columns:1fr}.settings-hero{align-items:flex-start;flex-direction:column}.settings-quickfacts{justify-content:flex-start}.premium-metrics .span-3{grid-column:span 6}}
@media(max-width:700px){.premium-page-head{align-items:stretch;flex-direction:column}.premium-metrics .span-3{grid-column:span 12}.integration-card{grid-template-columns:42px 1fr}.integration-state{grid-column:2;text-align:left}.settings-brand-preview{align-items:flex-start;flex-direction:column}.settings-quickfacts{display:grid;grid-template-columns:1fr 1fr;width:100%}.security-check-grid{grid-template-columns:1fr}.role-bar-row{grid-template-columns:100px 1fr 28px}.dual-bar-chart{gap:7px}.dashboard-heading h1{font-size:26px}}


/* v1.8.0 — Premium operational tables */
.premium-table-head{align-items:flex-end;flex-wrap:wrap}.table-filter-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-left:auto}.table-filter-bar input{min-width:220px}.table-filter-bar select{min-width:145px}.rich-table-wrap{border:1px solid #dce4ef;border-radius:18px;box-shadow:0 12px 30px rgba(16,24,40,.06);overflow:auto}.rich-table{min-width:1080px;border-collapse:separate;border-spacing:0}.rich-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#f9fbfd,#f2f6fa);color:#344054;font-size:12px;letter-spacing:.075em;padding:14px 16px;border-bottom:1px solid #dce4ef;white-space:nowrap}.rich-table tbody td{padding:16px;border-bottom:1px solid #edf1f6;vertical-align:middle}.rich-table tbody tr{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.rich-table tbody tr:hover{background:#fbfcfe}.rich-table tbody tr:last-child td{border-bottom:0}.table-primary{font-weight:800;color:#101828;white-space:nowrap}.table-secondary{display:block;color:#667085;font-size:12px;margin-top:3px}.identity-cell{display:flex;align-items:center;gap:11px;min-width:210px}.identity-cell>div{min-width:0}.identity-cell strong{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-cell small{display:block;color:#667085;font-size:12px;margin-top:2px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-mini{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;font-weight:900;color:#fff;background:linear-gradient(145deg,#172033,#31507e);box-shadow:0 7px 16px rgba(20,35,60,.17)}.amount-cell{white-space:nowrap;font-size:14px}.wrap-cell{min-width:180px;max-width:260px}.student-number{font-weight:800!important;color:#31507e!important;letter-spacing:.02em}.certificate-cell{min-width:180px}.certificate-cell>strong{display:block;margin-bottom:7px}.compact-action{gap:6px;align-items:center;flex-wrap:nowrap}.compact-action input{width:122px;min-width:122px;padding:7px 9px;font-size:12px}.role-chip{display:inline-flex;align-items:center;border:1px solid #d7ddea;background:#f7f9fc;border-radius:999px;padding:5px 9px;font-weight:800;font-size:12px;color:#344054}.text-danger{color:#b42318}.text-success{color:#067647}.badge.completed{background:#e8e7ff;color:#4d3bc7}.badge.suspended{background:#fff1d6;color:#925b00}.badge.withdrawn,.badge.disabled{background:#fee4e2;color:#b42318}.fee-table td:nth-child(5),.student-table td:nth-child(5){background:linear-gradient(90deg,transparent,#f8fafc55,transparent)}
@media(max-width:900px){.premium-table-head{align-items:stretch}.table-filter-bar{width:100%;margin-left:0}.table-filter-bar input,.table-filter-bar select{flex:1 1 180px;min-width:0}.rich-table-wrap{border-radius:14px}.rich-table thead th,.rich-table tbody td{padding:13px 12px}}
@media(prefers-reduced-motion:no-preference){.rich-table tbody tr{animation:tableRowReveal .32s ease both}.rich-table tbody tr:nth-child(2){animation-delay:.025s}.rich-table tbody tr:nth-child(3){animation-delay:.05s}.rich-table tbody tr:nth-child(4){animation-delay:.075s}.rich-table tbody tr:nth-child(5){animation-delay:.1s}@keyframes tableRowReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}


/* v1.8.1 — Mockup-aligned premium operational workspaces */
.admin-site .operational-split{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.95fr);
  gap:22px;
  align-items:stretch;
  margin-bottom:24px;
}
.admin-site .operational-split>.span-7,
.admin-site .operational-split>.span-5{
  grid-column:auto!important;
  min-width:0;
}
.admin-site .workspace-card{
  position:relative;
  overflow:hidden;
  min-height:100%;
  border-radius:20px;
  border:1px solid #dce4ef;
  box-shadow:0 14px 36px rgba(16,24,40,.07);
  background:#fff;
}
.admin-site .workspace-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:4px;
  background:var(--card-accent,var(--page-accent,#31507e));
}
.admin-site .workspace-card .section-head{
  padding-bottom:14px;
  border-bottom:1px solid #edf1f6;
}
.admin-site .workspace-card.workspace-analytics{
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}
.admin-site .workspace-card.workspace-action{
  background:linear-gradient(180deg,#fff 0%,#fffdf7 100%);
}
.admin-site .workspace-card form.stack{
  gap:14px;
}
.admin-site .workspace-card label{
  display:block;
  margin-bottom:6px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.025em;
  color:#344054;
}
.admin-site .workspace-card input,
.admin-site .workspace-card select,
.admin-site .workspace-card textarea{
  width:100%;
  min-width:0;
}
.admin-site .workspace-card textarea{min-height:116px}
.admin-site .workspace-card .btn{min-height:42px}

/* More identifiable metric cards, inspired by the approved mockup */
.admin-site .premium-metrics .premium-stat{
  border:0;
  color:#fff;
  box-shadow:0 14px 34px rgba(16,24,40,.11);
}
.admin-site .premium-metrics .premium-stat>span:not(.metric-icon),
.admin-site .premium-metrics .premium-stat small,
.admin-site .premium-metrics .premium-stat strong{color:#fff}
.admin-site .premium-metrics .premium-stat .metric-icon{
  color:#fff;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}
.admin-site .premium-metrics .tone-purple{background:linear-gradient(135deg,#7b3fe4,#9a5cf2)}
.admin-site .premium-metrics .tone-blue{background:linear-gradient(135deg,#2878ee,#4e9bff)}
.admin-site .premium-metrics .tone-teal{background:linear-gradient(135deg,#079b95,#22b7b0)}
.admin-site .premium-metrics .tone-green{background:linear-gradient(135deg,#16a15f,#35c878)}
.admin-site .premium-metrics .tone-gold{background:linear-gradient(135deg,#bd8b14,#e1b63e)}
.admin-site .premium-metrics .tone-red{background:linear-gradient(135deg,#c73f65,#e76587)}
.admin-site .premium-metrics .tone-orange{background:linear-gradient(135deg,#d86a16,#f09a42)}
.admin-site .premium-metrics .premium-stat:after{
  background:#fff;
  opacity:.08;
}

/* Color tab treatment for major panels and rich registers */
.admin-site .premium-card>.section-head .eyebrow,
.admin-site .workspace-card>.section-head .eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--card-accent,#31507e) 12%,white);
  color:var(--card-accent,#31507e);
  letter-spacing:.08em;
}
.admin-site .premium-card>.section-head h2,
.admin-site .workspace-card>.section-head h2{margin-top:8px}
.admin-site .rich-table-wrap{
  background:#fff;
}
.admin-site .rich-table thead th{
  color:#fff;
  background:linear-gradient(135deg,#172033,#31507e);
  border-bottom:0;
}
.admin-site .rich-table thead th:first-child{border-radius:12px 0 0 0}
.admin-site .rich-table thead th:last-child{border-radius:0 12px 0 0}
.admin-site .rich-table tbody tr:nth-child(even){background:#fbfcff}
.admin-site .rich-table tbody tr:hover{
  background:#f2f7ff;
  box-shadow:inset 3px 0 #3478f6;
}

/* Overview date — intentionally high contrast */
.admin-site .dashboard-date{
  min-width:185px;
  padding:10px 14px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:1px 10px;
  align-items:center;
  background:linear-gradient(135deg,#fff8dc,#fff);
  border:1px solid #e7c963;
  box-shadow:0 8px 22px rgba(120,82,0,.10);
  color:#172033;
}
.admin-site .dashboard-date-label{
  grid-column:1/-1;
  color:#8a650d;
  font-size:12px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.admin-site .dashboard-date strong{
  font-size:13px;
  color:#172033;
  font-weight:900;
}
.admin-site .dashboard-date small{
  color:#6b4f08;
  font-size:12px;
  font-weight:800;
}

/* Dashboard cards more colorful at-a-glance */
.admin-site .metrics .stat{
  color:#fff;
  border:0;
  box-shadow:0 14px 32px rgba(16,24,40,.11);
}
.admin-site .metrics .stat span,
.admin-site .metrics .stat strong,
.admin-site .metrics .stat small{color:#fff}
.admin-site .metrics .stat-students{background:linear-gradient(135deg,#2867d8,#488cf5)}
.admin-site .metrics .stat-applicants{background:linear-gradient(135deg,#7a43dd,#9a62ed)}
.admin-site .metrics .stat-review{background:linear-gradient(135deg,#d29119,#e9b94f)}
.admin-site .metrics .stat-money{background:linear-gradient(135deg,#078f69,#25b989)}
.admin-site .metrics .stat .metric-icon{
  color:#fff;
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.24);
}
.admin-site .metrics .stat:after{background:#fff;opacity:.08}

/* Desktop layout guard: never collapse premium workspaces into 1-column slivers */
@media(min-width:1101px){
  .admin-site .communications-split,
  .admin-site .staff-split,
  .admin-site .fees-split{grid-template-columns:minmax(0,1.35fr) minmax(380px,.9fr)}
}
@media(max-width:1100px){
  .admin-site .operational-split{grid-template-columns:1fr}
  .admin-site .operational-split>.span-7,
  .admin-site .operational-split>.span-5{grid-column:1!important}
}
@media(max-width:620px){
  .admin-site .dashboard-date{width:100%;min-width:0}
  .admin-site .premium-metrics .premium-stat{min-height:132px}
}



/* NexGen v2.0 — Premium Administration Experience */
:root{
  --ng-bg:#f4f7fb;--ng-surface:#ffffff;--ng-surface-2:#f8fafc;--ng-border:#e5eaf1;--ng-text:#182235;--ng-muted:#6f7b8f;
  --ng-navy:#0d2850;--ng-navy-2:#153b73;--ng-purple:#7557ef;--ng-blue:#2f80ed;--ng-cyan:#16a7bf;--ng-green:#24a866;
  --ng-orange:#f58a2f;--ng-amber:#d6a321;--ng-red:#e85c62;--ng-pink:#d65b9d;--ng-teal:#16a394;--ng-indigo:#5466dc;
  --ng-shadow:0 12px 32px rgba(17,39,71,.08);--ng-shadow-lg:0 24px 60px rgba(17,39,71,.15);
}
html[data-theme="dark"]{
  --ng-bg:#0b1320;--ng-surface:#111d2d;--ng-surface-2:#162437;--ng-border:#25364d;--ng-text:#eef4fb;--ng-muted:#9cb0c9;
  --ng-shadow:0 12px 34px rgba(0,0,0,.28);--ng-shadow-lg:0 24px 65px rgba(0,0,0,.42);
}
html[data-theme="dark"] body,html[data-theme="dark"] .admin-main{background:var(--ng-bg);color:var(--ng-text)}
html[data-theme="dark"] .card,html[data-theme="dark"] .premium-card,html[data-theme="dark"] .admin-topbar,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .rich-editor{background:var(--ng-surface);color:var(--ng-text);border-color:var(--ng-border)}
html[data-theme="dark"] .rich-table th{background:#192a40;color:#c9d8ea}
html[data-theme="dark"] .rich-table td{border-color:var(--ng-border)}
html[data-theme="dark"] .search-results{background:var(--ng-surface);border-color:var(--ng-border)}
html[data-theme="dark"] .global-search{background:var(--ng-surface-2);border-color:var(--ng-border)}
html[data-theme="dark"] .global-search input{background:transparent}
html[data-theme="dark"] .metric-card{background:linear-gradient(145deg,var(--ng-surface),var(--ng-surface-2))}
body.admin-site{background:var(--ng-bg);color:var(--ng-text)}
.admin-frame{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh;background:var(--ng-bg)}
.admin-main{min-width:0;background:var(--ng-bg)}
.admin-site .sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:18px 14px 22px;background:linear-gradient(180deg,#0c2a56 0%,#0a2144 65%,#071a35 100%);color:#dbe7f7;box-shadow:8px 0 30px rgba(4,21,43,.12);z-index:20}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:4px 7px 18px;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,.11);margin-bottom:12px}
.sidebar-logo{width:40px;height:40px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.sidebar-logo img{width:100%;height:100%;object-fit:contain}
.sidebar-brand strong{display:block;font-size:15px}.sidebar-brand small{display:block;color:#a7bedc;font-size:12px;margin-top:2px}
.admin-site .sidebar-section{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7895bc;font-weight:800;padding:14px 10px 6px}
.admin-site .sidebar>a{position:relative;display:flex;align-items:center;gap:10px;margin:3px 0;padding:10px 11px;border-radius:10px;color:#ccdaed;text-decoration:none;font-size:13px;font-weight:650;transition:.2s ease;overflow:hidden}
.admin-site .sidebar>a:before{content:"";position:absolute;inset:0;opacity:0;transition:.2s;background:linear-gradient(90deg,var(--nav-tone,#2f80ed),transparent 85%)}
.admin-site .sidebar>a:hover:before,.admin-site .sidebar>a.active:before{opacity:.18}
.admin-site .sidebar>a:hover,.admin-site .sidebar>a.active{color:#fff;transform:translateX(3px);background:rgba(255,255,255,.07)}
.admin-site .sidebar>a.active{box-shadow:inset 3px 0 0 var(--nav-tone,#2f80ed)}
.admin-site .nav-icon{position:relative;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--nav-tone,#2f80ed) 26%,transparent);color:#fff;z-index:1}
.admin-site .sidebar>a span{position:relative;z-index:1}.nav-caret{margin-left:auto}
.nav-blue{--nav-tone:#3d8bfd}.nav-purple{--nav-tone:#8266f5}.nav-cyan{--nav-tone:#24bed2}.nav-orange{--nav-tone:#ff9b42}.nav-pink{--nav-tone:#e96cae}.nav-green{--nav-tone:#35bf77}.nav-teal{--nav-tone:#23b4a6}.nav-amber{--nav-tone:#e6b73c}.nav-violet{--nav-tone:#9b6dff}.nav-indigo{--nav-tone:#6576ef}
.sidebar-subnav{margin:2px 0 8px 36px;padding-left:10px;border-left:1px solid rgba(255,255,255,.12)}
.sidebar-subnav a{display:block;padding:7px 9px;color:#9db3d1;text-decoration:none;font-size:12px;border-radius:7px;margin:2px 0;transition:.18s}
.sidebar-subnav a:hover,.sidebar-subnav a.active{color:#fff;background:rgba(144,105,255,.18)}
.sidebar-foot{margin-top:18px;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:10px;display:flex;gap:8px;align-items:center;font-size:12px;color:#d1def0}.sidebar-foot small{display:block;color:#819bc0;margin-top:2px}.security-dot{width:8px;height:8px;border-radius:50%;background:#35ce7b;box-shadow:0 0 0 4px rgba(53,206,123,.12)}
.admin-topbar{height:72px;position:sticky;top:0;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--ng-border)}
.global-search{position:relative;display:flex;align-items:center;width:min(560px,52vw);background:#f6f8fb;border:1px solid var(--ng-border);border-radius:13px;padding:0 11px;transition:.2s}
.global-search:focus-within{border-color:#7e65ef;box-shadow:0 0 0 4px rgba(126,101,239,.1)}
.global-search input{flex:1;border:0!important;background:transparent!important;box-shadow:none!important;padding:11px 8px!important;color:var(--ng-text)!important}
.search-icon{font-size:20px;color:#8190a7}.global-search kbd{font-size:12px;color:#778398;border:1px solid var(--ng-border);background:var(--ng-surface);padding:3px 6px;border-radius:6px}
.search-results{position:absolute;left:0;right:0;top:48px;background:#fff;border:1px solid var(--ng-border);border-radius:14px;box-shadow:var(--ng-shadow-lg);max-height:520px;overflow:auto;padding:8px;z-index:50}
.search-group-label{padding:9px 10px 6px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--ng-muted)}
.search-result-item{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:var(--ng-text)}
.search-result-item:hover,.search-result-item.active{background:color-mix(in srgb,var(--ng-purple) 9%,var(--ng-surface))}
.search-result-item .result-icon{width:29px;height:29px;border-radius:9px;background:#eee9ff;color:#6d55d9;display:grid;place-items:center}
.search-result-item strong{display:block;font-size:13px}.search-result-item small{display:block;color:var(--ng-muted);font-size:12px;margin-top:2px}
.search-empty{padding:22px;text-align:center;color:var(--ng-muted)}
.topbar-actions{display:flex;align-items:center;gap:9px}.theme-switch{display:flex;background:var(--ng-surface-2);border:1px solid var(--ng-border);padding:3px;border-radius:10px}
.theme-switch button,.theme-choice button{border:0;background:transparent;color:var(--ng-muted);border-radius:7px;padding:7px 9px;cursor:pointer;transition:.18s}
.theme-switch button.active,.theme-choice button.active{background:var(--ng-surface);color:var(--ng-text);box-shadow:0 3px 10px rgba(25,48,80,.10)}
.icon-button{position:relative;width:36px;height:36px;border-radius:10px;border:1px solid var(--ng-border);background:var(--ng-surface);color:var(--ng-text);cursor:pointer}
.notification-dot{position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;background:#f35d6e}
.user-menu{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ng-text);padding:5px 8px;border-radius:11px;transition:.18s}.user-menu:hover{background:var(--ng-surface-2)}.user-menu strong{display:block;font-size:12px}.user-menu small{display:block;color:var(--ng-muted);font-size:12px}
.profile-avatar{border-radius:50%;background:linear-gradient(135deg,#6a58e8,#36a7ed);color:#fff;display:grid;place-items:center;font-weight:850;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.small{width:34px;height:34px;font-size:12px}.profile-avatar.xl{width:68px;height:68px;font-size:20px}.profile-avatar.huge{width:118px;height:118px;font-size:32px}
.admin-site .content{padding:24px;max-width:1680px;width:100%;margin:0 auto}
.page-hero{position:relative;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff;border-radius:18px;padding:22px 24px;margin-bottom:18px;overflow:hidden;box-shadow:var(--ng-shadow)}
.page-hero:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-90px;top:-130px;background:rgba(255,255,255,.13)}.page-hero>*{position:relative;z-index:1}
.page-hero h1{margin:3px 0 5px;font-size:27px;letter-spacing:-.03em}.page-hero p{margin:0;opacity:.88;font-size:13px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:900;opacity:.85}
.hero-profile{background:linear-gradient(135deg,#3f57db,#7a5dec)}.hero-communications{background:linear-gradient(135deg,#6850df,#9c67f2)}.hero-sms{background:linear-gradient(135deg,#2677df,#37b7dc)}.hero-email{background:linear-gradient(135deg,#1f9fb5,#4f73e4)}.hero-templates{background:linear-gradient(135deg,#e9792d,#a45feb)}.hero-contacts{background:linear-gradient(135deg,#1b9f7d,#3c83e5)}.hero-analytics{background:linear-gradient(135deg,#4c62d9,#7d55e8)}
.profile-hero-user{display:flex;align-items:center;gap:12px}.profile-hero-user strong,.profile-hero-user span,.profile-hero-user small{display:block}.profile-hero-user span{opacity:.9;font-size:12px}.profile-hero-user small{font-size:12px;margin-top:4px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.metric-card{position:relative;background:linear-gradient(145deg,#fff,#fbfcfe);border:1px solid var(--ng-border);border-radius:15px;padding:16px;box-shadow:var(--ng-shadow);overflow:hidden;transition:.22s}
.metric-card:hover{transform:translateY(-4px);box-shadow:var(--ng-shadow-lg)}.metric-card:after{content:"";position:absolute;right:-30px;top:-32px;width:95px;height:95px;border-radius:50%;background:currentColor;opacity:.08}
.metric-card span{display:block;color:var(--ng-muted);font-size:12px;font-weight:800}.metric-card strong{display:block;font-size:25px;margin:6px 0 2px;color:currentColor}.metric-card small{color:var(--ng-muted);font-size:12px}
.metric-card.purple{color:var(--ng-purple);border-top:3px solid var(--ng-purple)}.metric-card.blue{color:var(--ng-blue);border-top:3px solid var(--ng-blue)}.metric-card.green{color:var(--ng-green);border-top:3px solid var(--ng-green)}.metric-card.orange{color:var(--ng-orange);border-top:3px solid var(--ng-orange)}.metric-card.red{color:var(--ng-red);border-top:3px solid var(--ng-red)}
.admin-grid{display:grid;gap:16px;margin-bottom:18px}.admin-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.profile-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.comm-builder-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.stack{display:grid;gap:16px;align-content:start}.premium-card{background:var(--ng-surface);border:1px solid var(--ng-border);border-radius:16px;padding:18px;box-shadow:var(--ng-shadow)}
.card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:15px}.card-head h2{margin:3px 0 0;font-size:17px;color:var(--ng-text)}.section-kicker{font-size:12px;letter-spacing:.13em;font-weight:900}.section-kicker.purple{color:var(--ng-purple)}.section-kicker.blue{color:var(--ng-blue)}.section-kicker.green{color:var(--ng-green)}.section-kicker.orange{color:var(--ng-orange)}.section-kicker.cyan{color:var(--ng-cyan)}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:850}.status-pill.blue{background:#e9f2ff;color:#2673d6}.status-pill.green{background:#e8f8ef;color:#1f8f57}.status-pill.purple{background:#f0ebff;color:#6e52d9}.status-pill.orange{background:#fff1e2;color:#d87521}.status-pill.red{background:#ffe9eb;color:#c8404c}.status-pill.gray{background:#eef1f5;color:#6f7a8b}
.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--ng-muted)}
.admin-site input,.admin-site select,.admin-site textarea{width:100%;border:1px solid var(--ng-border);border-radius:10px;background:var(--ng-surface);color:var(--ng-text);padding:10px 11px;outline:0;transition:.18s}.admin-site input:focus,.admin-site select:focus,.admin-site textarea:focus{border-color:#7259ed;box-shadow:0 0 0 3px rgba(114,89,237,.1)}
.form-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:850;text-decoration:none;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#6552de,#7f67f2);color:#fff}.btn.blue{background:linear-gradient(135deg,#2e7fe7,#40a7ec);color:#fff}.btn.orange{background:linear-gradient(135deg,#f28b35,#f6a24f);color:#fff}.btn.dark{background:#142b4e;color:#fff}.btn.light{background:#fff;color:#4f55c8}.btn.ghost{background:var(--ng-surface-2);border:1px solid var(--ng-border);color:var(--ng-text)}.btn.tiny{padding:5px 8px;font-size:12px}
.profile-photo-panel{text-align:center;display:grid;justify-items:center;gap:12px}.profile-photo-panel p{font-size:12px;line-height:1.55;color:var(--ng-muted)}.detail-list{display:grid;gap:0}.detail-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--ng-border)}.detail-list dt{color:var(--ng-muted);font-size:12px}.detail-list dd{margin:0;font-size:12px;font-weight:800}.security-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.security-card{background:var(--ng-surface-2);border:1px solid var(--ng-border);border-radius:13px;padding:14px;display:grid;gap:9px}.security-card h3{margin:0;font-size:13px}.security-card p{margin:0;color:var(--ng-muted);font-size:12px;line-height:1.5}.theme-choice.large{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:1px solid var(--ng-border);border-radius:10px;padding:4px}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--ng-border);border-radius:12px}.rich-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}.rich-table th{position:sticky;top:0;background:#f3f6fa;color:#59667a;text-align:left;font-size:12px;letter-spacing:.07em;text-transform:uppercase;padding:10px 11px;border-bottom:1px solid var(--ng-border)}.rich-table td{padding:11px;border-bottom:1px solid var(--ng-border);font-size:12px;vertical-align:middle}.rich-table tbody tr{transition:.15s}.rich-table tbody tr:hover{background:color-mix(in srgb,var(--ng-purple) 4%,transparent)}.rich-table td strong{display:block;color:var(--ng-text)}.rich-table td small{display:block;color:var(--ng-muted);margin-top:3px}.empty-cell{text-align:center!important;color:var(--ng-muted);padding:28px!important}
.phone-preview{width:235px;min-height:390px;margin:8px auto 14px;border:7px solid #192636;border-radius:29px;background:linear-gradient(#fff,#f5f8fc);padding:24px 13px;box-shadow:0 18px 38px rgba(15,32,55,.18)}.phone-brand{display:block;text-align:center;font-size:12px;font-weight:900;color:#66788e}.message-bubble{margin-top:70px;background:#e9f2ff;border-radius:15px 15px 15px 4px;padding:11px;color:#31465e;font-size:12px;line-height:1.5}
.mini-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-stat-grid div{padding:10px;border-radius:10px;background:var(--ng-surface-2);border:1px solid var(--ng-border)}.mini-stat-grid strong{display:block;font-size:12px}.mini-stat-grid span{font-size:12px;color:var(--ng-muted)}
.variable-row{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid #d9d2ff;background:#f4f1ff;color:#654ee0;border-radius:999px;padding:5px 8px;font-size:12px;cursor:pointer}.field-help{color:var(--ng-muted);font-size:12px}
.rich-toolbar{display:flex;gap:5px;align-items:center;flex-wrap:wrap;border:1px solid var(--ng-border);border-radius:10px 10px 0 0;background:var(--ng-surface-2);padding:6px}.rich-toolbar button,.rich-toolbar select{width:auto!important;padding:5px 7px!important;border-radius:6px!important}.rich-editor{min-height:320px;padding:18px;border:1px solid var(--ng-border);border-top:0;border-radius:0 0 10px 10px;background:#fff;outline:none}.rich-editor:focus{box-shadow:inset 0 0 0 2px rgba(108,82,227,.12)}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-card{border:1px solid var(--ng-border);border-radius:12px;padding:12px;background:var(--ng-surface-2)}.template-card h3{margin:8px 0 3px;font-size:12px}.template-card p,.template-card small{color:var(--ng-muted);font-size:12px}
.donut-wrap{display:flex;align-items:center;justify-content:center;gap:24px;min-height:240px}.donut{--p:0;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--ng-blue) calc(var(--p)*1%),var(--ng-purple) 0);position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;inset:25px;background:var(--ng-surface);border-radius:50%}.donut strong,.donut span{position:absolute;z-index:1}.donut strong{font-size:23px;transform:translateY(-8px)}.donut span{font-size:12px;color:var(--ng-muted);transform:translateY(13px)}.legend{display:grid;gap:10px;font-size:12px}.swatch{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:6px}.swatch.blue{background:var(--ng-blue)}.swatch.purple{background:var(--ng-purple)}
.bar-chart{height:240px;display:flex;align-items:flex-end;justify-content:space-around;gap:9px;padding:15px}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars{height:90%;display:flex;align-items:flex-end;gap:4px}.bar{display:block;width:10px;min-height:6px;border-radius:6px 6px 2px 2px}.bar.blue{background:linear-gradient(#3d90ef,#7abaf5)}.bar.purple{background:linear-gradient(#7659ee,#a491f6)}.bar-group small{font-size:12px;color:var(--ng-muted)}
.premium-reveal{opacity:0;transform:translateY(10px)}.premium-reveal.is-visible{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease;transition-delay:calc(var(--reveal-i,0)*35ms)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
@media(max-width:1150px){.admin-frame{grid-template-columns:210px minmax(0,1fr)}.admin-site .content{padding:18px}.metric-grid{grid-template-columns:repeat(2,1fr)}.comm-builder-grid,.profile-grid{grid-template-columns:1fr}.global-search{width:42vw}}
@media(max-width:860px){.admin-frame{display:block}.admin-site .sidebar{position:relative;height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-brand,.sidebar-section,.sidebar-foot,.sidebar-subnav{grid-column:1/-1}.admin-topbar{position:relative;height:auto;padding:10px;flex-wrap:wrap}.global-search{width:100%;order:2}.topbar-actions{width:100%;justify-content:flex-end}.admin-grid.two,.security-grid,.form-grid.two{grid-template-columns:1fr}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.admin-site .sidebar{grid-template-columns:1fr}.metric-grid,.metric-grid.three{grid-template-columns:1fr}.page-hero{align-items:flex-start;flex-direction:column}.user-menu span:not(.profile-avatar){display:none}.theme-switch button{padding:6px}.admin-site .content{padding:12px}.premium-card{padding:14px}}

.dashboard-date{background:linear-gradient(135deg,#ffffff,#f3f6ff)!important;border:1px solid #d8dfec!important;box-shadow:0 8px 22px rgba(32,55,88,.08)!important;color:#182235!important}
.dashboard-date strong{color:#10233f!important;font-weight:900!important}.dashboard-date small,.dashboard-date-label{color:#586980!important;opacity:1!important;font-weight:750!important}
html[data-theme="dark"] .dashboard-date{background:linear-gradient(135deg,#14233a,#1a2c45)!important;border-color:#2b3f5d!important;color:#eff5fc!important}
html[data-theme="dark"] .dashboard-date strong{color:#fff!important}html[data-theme="dark"] .dashboard-date small,html[data-theme="dark"] .dashboard-date-label{color:#adc0d8!important}
.comm-quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 18px}.comm-quick{display:grid;gap:4px;padding:13px 14px;border-radius:13px;text-decoration:none;color:#fff;box-shadow:var(--ng-shadow);transition:.2s}.comm-quick:hover{transform:translateY(-3px);box-shadow:var(--ng-shadow-lg)}.comm-quick strong{font-size:12px}.comm-quick span{font-size:12px;opacity:.84}.comm-quick.purple{background:linear-gradient(135deg,#7256e9,#9b78f3)}.comm-quick.blue{background:linear-gradient(135deg,#2d7fe8,#4aa9ee)}.comm-quick.cyan{background:linear-gradient(135deg,#159eb6,#36c3d1)}.comm-quick.orange{background:linear-gradient(135deg,#ef7f2c,#f5a54c)}.comm-quick.green{background:linear-gradient(135deg,#239c61,#42c27b)}
@media(max-width:1000px){.comm-quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.comm-quick-grid{grid-template-columns:1fr}}

/* Page identity accents and interactive chart motion */
.admin-site .content[data-page="admissions"] .card{--page-accent:#7b5cf3}.admin-site .content[data-page="students"] .card{--page-accent:#1ba9c4}.admin-site .content[data-page="academics"] .card{--page-accent:#f0953d}.admin-site .content[data-page="staff"] .card{--page-accent:#d95e9f}.admin-site .content[data-page="finance"] .card{--page-accent:#2bad69}.admin-site .content[data-page="fees"] .card{--page-accent:#16a394}.admin-site .content[data-page="library"] .card{--page-accent:#d6a321}.admin-site .content[data-page="communications"] .card{--page-accent:#8266f5}.admin-site .content[data-page="website"] .card{--page-accent:#7557ef}.admin-site .content[data-page="reports"] .card{--page-accent:#5869df}.admin-site .content[data-page="settings"] .card{--page-accent:#ef8c35}.admin-site .content[data-page="backups"] .card{--page-accent:#25aebe}.admin-site .content[data-page="updates"] .card{--page-accent:#28a967}
.admin-site .content .card:not(.metric-card):hover{border-color:color-mix(in srgb,var(--page-accent,#6f63df) 28%,var(--ng-border));}
.admin-site .tabs a,.admin-site .tab,.admin-site [role="tab"]{transition:.2s ease}.admin-site .tabs a:hover,.admin-site .tab:hover,.admin-site [role="tab"]:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(38,60,95,.08)}
.bar-chart .bar,.premium-bars span,.dual-bars span{transform-origin:bottom;animation:ngBarGrow .7s cubic-bezier(.2,.8,.2,1) both}@keyframes ngBarGrow{from{transform:scaleY(.08);opacity:.2}to{transform:scaleY(1);opacity:1}}
.donut,.donut-chart{animation:ngDonutIn .6s ease-out both}@keyframes ngDonutIn{from{transform:scale(.8) rotate(-18deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}


/* NexGen v2.0.1 — Premium Settings exact UIX */
.settings-v201{display:flex;flex-direction:column;gap:18px}
.settings-design-hero{position:relative;min-height:158px;border-radius:18px;padding:28px 32px;display:grid;grid-template-columns:auto minmax(320px,1fr) auto;align-items:center;gap:28px;color:#fff;overflow:hidden;background:linear-gradient(110deg,#6b20df 0%,#4a20d5 34%,#1030c8 75%,#071d7d 100%);box-shadow:0 18px 40px rgba(54,34,166,.22)}
.settings-design-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.14),transparent 28%),repeating-radial-gradient(ellipse at 72% 40%,transparent 0 12px,rgba(255,255,255,.035) 13px 14px);pointer-events:none}
.settings-design-logo{width:94px;height:94px;border-radius:18px;background:linear-gradient(145deg,#07142c,#112b5a);display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.3);z-index:1}
.settings-design-logo img{max-width:72px;max-height:72px;object-fit:contain}
.settings-design-copy{z-index:1}.settings-design-copy h1{margin:5px 0 8px;font-size:30px;color:#fff}.settings-design-copy p{margin:0;color:#eeeaff;line-height:1.6}.settings-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffd856;font-weight:900}
.settings-hero-facts{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;z-index:1}
.settings-hero-facts>div{min-width:140px;padding:13px 15px;border:1px solid rgba(255,255,255,.17);background:rgba(5,22,91,.22);border-radius:12px}.settings-hero-facts span{display:block;font-size:12px;color:#d9ddff;margin-bottom:4px}.settings-hero-facts strong{font-size:15px;color:#fff}.settings-ok{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#0bbd80;color:#fff;font-style:normal;margin-left:5px}.settings-shield{font-style:normal;color:#20d595;font-size:20px;margin-left:5px}
.settings-production{position:absolute;right:22px;top:20px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:700;background:rgba(12,34,107,.28);z-index:2}.settings-production span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#13d98d;margin-right:6px;box-shadow:0 0 0 4px rgba(19,217,141,.12)}
.settings-overview-label{margin:2px 0 -6px 4px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;color:#6049d9}
.settings-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.settings-stat-card{min-height:120px;border:1px solid var(--line);border-radius:15px;background:var(--white);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(16,24,40,.05);transition:.22s ease}.settings-stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(16,24,40,.11)}.settings-stat-card:after{content:"";position:absolute;width:100px;height:70px;right:-10px;bottom:-25px;border-radius:50%;background:currentColor;opacity:.055}
.settings-stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:color-mix(in srgb,currentColor 12%,white);color:currentColor}.settings-stat-card span{display:block;font-size:12px;font-weight:800;color:#4c596c}.settings-stat-card strong{display:block;font-size:24px;line-height:1.15;margin:4px 0;color:var(--ink)}.settings-stat-card small{font-size:12px;color:var(--muted)}.settings-spark{position:absolute;bottom:10px;right:13px;font-size:26px;letter-spacing:-6px;transform:rotate(-4deg);opacity:.8}.settings-status-dot{position:absolute;bottom:16px;left:18px;width:8px;height:8px;border-radius:50%;background:#ef4444}.settings-status-dot.ready{background:#15b97a}
.stat-violet{color:#7557ef}.stat-blue{color:#2f80ed}.stat-green{color:#1caf72}.stat-orange{color:#f18d21}.stat-pink{color:#eb4b9f}.stat-teal{color:#0fa58e}
.settings-main-grid{display:grid;grid-template-columns:1.15fr .78fr .9fr;gap:16px}.settings-glass-card{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 9px 28px rgba(16,24,40,.055)}.settings-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:15px}.settings-section-title>span{font-size:12px;font-weight:900;color:#4938df;text-transform:uppercase;letter-spacing:.06em}.settings-section-title>b{background:#fff1d2;color:#aa7614;padding:5px 7px;border-radius:8px;font-size:12px}.settings-section-title small{display:block;color:var(--muted);font-size:12px;font-weight:500}.settings-section-title a{border:1px solid #d7d3ff;color:#513be1;padding:7px 11px;border-radius:8px;font-size:12px;font-weight:800}
.settings-form{display:flex;flex-direction:column;gap:13px}.settings-form label{margin:0;font-size:12px}.settings-form input{margin-top:6px;border-radius:9px;background:#fbfcfe}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-primary-btn{align-self:flex-start;background:linear-gradient(135deg,#6f34e8,#5633d4);border:0;border-radius:9px;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(85,51,212,.18)}
.settings-logo-banner{height:94px;border-radius:12px;background:linear-gradient(135deg,#07142a,#0c2349);display:grid;place-items:center;margin-bottom:10px;overflow:hidden}.settings-logo-banner img{max-height:72px;max-width:78%;object-fit:contain}.settings-brand-title{display:flex;align-items:center;gap:8px}.settings-brand-title span{font-size:12px;background:#dff8eb;color:#087851;border-radius:999px;padding:3px 7px;font-weight:800}.settings-brand-card p{font-size:12px;color:var(--muted);line-height:1.55}
.settings-mini-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.settings-mini-assets>div{border:1px solid var(--line);border-radius:11px;padding:9px;text-align:center;min-width:0}.settings-mini-preview{height:52px;border-radius:8px;background:#f6f8fb;display:grid;place-items:center;overflow:hidden;margin-bottom:7px}.settings-mini-preview img{max-width:85%;max-height:42px;object-fit:contain}.settings-cover-mini img{width:100%;height:100%;object-fit:cover}.settings-cover-mini span{font-size:12px;color:var(--muted)}.settings-mini-assets strong{display:block;font-size:12px}.settings-mini-assets small{display:block;font-size:12px;color:var(--muted)}.settings-upload-mini{font-size:12px!important;color:#5b45d6;cursor:pointer;margin-top:4px!important}.settings-outline-btn{display:flex;justify-content:center;align-items:center;gap:6px;border:1px solid #8165ef;color:#5a43d6;background:#fbfaff;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;width:100%}.settings-outline-btn b{margin-left:auto}
.settings-insight-wrap{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center}.settings-donut{width:128px;height:128px;border-radius:50%;background:conic-gradient(#684be6 0 calc(var(--p1)*1%),#2f80ed calc(var(--p1)*1%) calc((var(--p1) + var(--p2))*1%),#21bd97 calc((var(--p1) + var(--p2))*1%) calc((var(--p1) + var(--p2) + var(--p3))*1%),#f2a84a 0);position:relative;display:grid;place-items:center}.settings-donut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:var(--white)}.settings-donut>div{z-index:1;text-align:center}.settings-donut strong{display:block;font-size:25px}.settings-donut span{font-size:12px}.settings-legend{display:flex;flex-direction:column;gap:7px}.settings-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:12px}.settings-legend i{width:8px;height:8px;border-radius:50%;background:#684be6}.settings-legend>div:nth-child(2) i{background:#2f80ed}.settings-legend>div:nth-child(3) i{background:#21bd97}.settings-legend>div:nth-child(4) i{background:#f2a84a}.settings-legend strong{font-size:12px}.settings-insight-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.settings-insight-metrics>div{border:1px solid var(--line);border-radius:10px;padding:10px}.settings-insight-metrics span,.settings-insight-metrics small{display:block;font-size:12px;color:var(--muted)}.settings-insight-metrics strong{font-size:17px}
.settings-bottom-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:16px}.settings-integrations p,.settings-security p{font-size:12px;color:var(--muted);margin-top:-8px}.settings-integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-service{border:1px solid var(--line);border-radius:11px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.service-icon{width:34px;height:34px;border-radius:10px;background:#efeaff;color:#6045d9;display:grid;place-items:center;font-weight:900;font-size:12px}.settings-service span:nth-child(2){min-width:0}.settings-service strong,.settings-service small{display:block}.settings-service strong{font-size:12px}.settings-service small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-service>b{font-size:12px;padding:4px 7px;border-radius:999px}.settings-service>b.pending{background:#fff1d4;color:#9a6b00}.settings-service>b.configured{background:#dcf8e9;color:#087950}
.settings-security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-security-grid>div{border:1px solid var(--line);border-radius:11px;padding:12px;display:grid;grid-template-columns:auto 1fr;gap:8px;align-content:start}.settings-security-grid>div>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-weight:900}.sec-purple{background:#efe9ff;color:#6b4de4}.sec-green{background:#e0faed;color:#179461}.sec-orange{background:#fff0df;color:#dd781f}.settings-security-grid strong,.settings-security-grid small{grid-column:2;display:block}.settings-security-grid strong{font-size:12px}.settings-security-grid small{font-size:12px;color:var(--muted);line-height:1.4}
html[data-theme="dark"] .settings-stat-card,html[data-theme="dark"] .settings-glass-card{background:#121c2d;border-color:#27364d}html[data-theme="dark"] .settings-stat-card strong,html[data-theme="dark"] .settings-glass-card strong,html[data-theme="dark"] .settings-glass-card label{color:#eef4ff}html[data-theme="dark"] .settings-form input{background:#0e1727;border-color:#31405a;color:#eef4ff}html[data-theme="dark"] .settings-mini-preview,html[data-theme="dark"] .settings-outline-btn{background:#0f1929}html[data-theme="dark"] .settings-donut:after{background:#121c2d}
@media(max-width:1200px){.settings-stat-grid{grid-template-columns:repeat(3,1fr)}.settings-main-grid{grid-template-columns:1fr 1fr}.settings-insights-card{grid-column:1/-1}.settings-hero-facts{grid-template-columns:1fr}.settings-design-hero{grid-template-columns:auto 1fr}.settings-hero-facts{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.settings-stat-grid{grid-template-columns:1fr 1fr}.settings-main-grid,.settings-bottom-grid{grid-template-columns:1fr}.settings-design-hero{grid-template-columns:1fr;padding:24px}.settings-production{position:static;width:max-content}.settings-hero-facts{grid-template-columns:1fr}.settings-form-row,.settings-integration-grid,.settings-security-grid{grid-template-columns:1fr}.settings-insight-wrap{grid-template-columns:1fr}.settings-mini-assets{grid-template-columns:1fr 1fr 1fr}}


/* ===== NexGen v2.0.2 Premium System Updates ===== */
.sysu-hero{
  position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .85fr;gap:28px;
  padding:30px 32px;border-radius:22px;color:#fff;margin-bottom:18px;
  background:
    radial-gradient(circle at 86% 18%,rgba(98,89,255,.36),transparent 26%),
    radial-gradient(circle at 72% 88%,rgba(20,184,166,.14),transparent 30%),
    linear-gradient(135deg,#2b196f 0%,#132c78 50%,#071d4e 100%);
  box-shadow:0 22px 50px rgba(13,31,75,.18)
}
.sysu-hero:after{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:
  repeating-radial-gradient(ellipse at 85% 0%,transparent 0 18px,rgba(255,255,255,.13) 19px 20px,transparent 21px 36px)}
.sysu-hero-copy,.sysu-hero-visual{position:relative;z-index:1}
.sysu-kicker,.sysu-card-kicker{display:block;color:#ffcf3e;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}
.sysu-card-kicker{color:#6c51ef;margin-bottom:7px}
.sysu-hero h1{font-size:34px;line-height:1.05;margin:8px 0 10px;color:#fff}
.sysu-hero p{max-width:700px;color:#dce5ff;font-size:15px;line-height:1.6;margin:0}
.sysu-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.sysu-meta-row>span{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);padding:8px 11px;border-radius:9px;font-size:12px;color:#e8edff}
.sysu-meta-row b{color:#fff;margin-right:6px}.sysu-meta-row em{font-style:normal;font-weight:900}.sysu-meta-row em.ok{color:#57e9a6}.sysu-meta-row em.warn{color:#ffd36b}
.sysu-hero-visual{display:flex;align-items:center;justify-content:flex-end;gap:22px}
.sysu-monitor{width:190px;height:116px;border-radius:15px;background:linear-gradient(145deg,rgba(134,119,255,.55),rgba(76,87,178,.26));border:1px solid rgba(255,255,255,.16);position:relative;display:grid;place-items:center;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.sysu-monitor:after{content:"";position:absolute;width:70px;height:8px;background:#5664c4;border-radius:8px;bottom:-17px}
.sysu-cloud{font-size:54px;filter:drop-shadow(0 9px 14px rgba(0,0,0,.2))}.sysu-arrow{position:absolute;font-size:38px;color:#8d68ff;font-weight:900}.sysu-shield{position:absolute;right:-20px;bottom:-20px;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,#426dff,#7f5dff);display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 12px 24px rgba(57,71,198,.35)}
.sysu-version-card{min-width:160px;padding:20px;border-radius:18px;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.sysu-version-card span{font-size:12px;letter-spacing:.16em;color:#ffd44d;font-weight:900}.sysu-version-card strong{display:block;font-size:30px;margin:8px 0}.sysu-version-card small{color:#bdd8ff}

.sysu-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}
.sysu-kpi{position:relative;overflow:hidden;min-height:112px;border-radius:16px;padding:18px;color:#fff;display:flex;gap:14px;align-items:flex-start;box-shadow:0 12px 28px rgba(22,39,83,.11);transition:.25s ease}
.sysu-kpi:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(22,39,83,.16)}
.sysu-kpi:after{content:"";position:absolute;width:105px;height:105px;border:1px solid rgba(255,255,255,.17);border-radius:50%;right:-36px;bottom:-52px}
.sysu-kpi.purple{background:linear-gradient(135deg,#7445e8,#943eee)}.sysu-kpi.blue{background:linear-gradient(135deg,#2574ef,#3d8dff)}
.sysu-kpi.green{background:linear-gradient(135deg,#08a568,#12c482)}.sysu-kpi.orange{background:linear-gradient(135deg,#ff8d25,#ffad4b)}.sysu-kpi.cyan{background:linear-gradient(135deg,#13a5c9,#33c3da)}
.sysu-kpi-icon{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:21px;font-weight:900}
.sysu-kpi span{font-size:12px;font-weight:800}.sysu-kpi strong{display:block;font-size:24px;margin:4px 0}.sysu-kpi small{color:rgba(255,255,255,.85)}
.sysu-kpi i{position:absolute;left:16px;right:16px;bottom:10px;height:18px;opacity:.4;background:linear-gradient(165deg,transparent 48%,rgba(255,255,255,.8) 50% 52%,transparent 54%)}

.sysu-main-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:16px;margin-bottom:16px}
.sysu-install-card,.sysu-health-card,.sysu-history-card,.sysu-stats-card,.sysu-process-card{border:1px solid var(--border,#e5eaf2);border-radius:18px;padding:20px;background:var(--surface,#fff);box-shadow:0 8px 28px rgba(31,49,89,.06)}
.sysu-install-card h2,.sysu-health-card h2,.sysu-history-card h2,.sysu-stats-card h2,.sysu-process-card h2{margin:0 0 6px}
.sysu-protected-chip{display:inline-flex;align-items:center;gap:5px;margin:10px 0 8px;background:#e8fbf1;color:#15965f;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}
.sysu-upload-zone{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;border:1.5px dashed #cfd8ea;background:linear-gradient(180deg,#fbfcff,#f7f9fd);padding:16px;border-radius:13px;cursor:pointer;transition:.2s ease}
.sysu-upload-zone:hover{border-color:#7b5cf3;box-shadow:0 8px 24px rgba(123,92,243,.08)}
.sysu-upload-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6d4ae8,#865ef4);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900}
.sysu-upload-copy strong{display:block}.sysu-upload-copy small{display:block;color:#728095;margin-top:4px}.sysu-upload-zone input{grid-column:1/-1;width:100%;border:1px solid #dfe5ef;padding:9px;border-radius:9px;background:#fff}
.sysu-protected-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0;padding:11px 12px;background:#fff8db;border:1px solid #f2df8f;border-radius:10px;font-size:12px}
.sysu-protected-strip span{font-weight:900;color:#8b6c00}.sysu-protected-strip b{background:#fff;border:1px solid #ecd66c;border-radius:999px;padding:4px 7px;color:#765d0b}
.sysu-primary{background:linear-gradient(135deg,#6848e9,#865df4)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(104,72,233,.24)}

.sysu-health-body{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center;margin-top:10px}
.sysu-readiness-ring{--pct:100;position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(#246deb 0 calc(var(--pct)*.55%),#16b675 calc(var(--pct)*.55%) calc(var(--pct)*1%),#e6ebf3 0);display:grid;place-items:center}
.sysu-readiness-ring:after{content:"";width:110px;height:110px;background:var(--surface,#fff);border-radius:50%;position:absolute}
.sysu-readiness-ring>div{position:relative;z-index:1;text-align:center}.sysu-readiness-ring strong{font-size:24px;display:block}.sysu-readiness-ring span{font-size:12px;color:#718096}
.sysu-check-list>div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #edf0f5;font-size:12px}.sysu-check-list strong{color:#14965e;font-size:12px}
.sysu-security-note{display:flex;gap:10px;margin-top:14px;border:1px solid #ded6ff;background:#f8f6ff;border-radius:12px;padding:12px;color:#5f4aca}.sysu-security-note>span{font-size:22px}.sysu-security-note b{display:block}.sysu-security-note small{display:block;color:#70768c;margin-top:3px;line-height:1.45}

.sysu-history-grid{display:grid;grid-template-columns:1.45fr .72fr;gap:16px;margin-bottom:16px}
.sysu-history-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.sysu-filter{width:auto;min-width:130px}
.sysu-table-wrap{overflow:auto;margin-top:8px}.sysu-release-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}
.sysu-release-table th{text-align:left;padding:9px 8px;color:#768196;background:#f7f9fc;border-bottom:1px solid #e6ebf3;text-transform:uppercase;letter-spacing:.05em;font-size:12px}
.sysu-release-table td{padding:10px 8px;border-bottom:1px solid #edf0f4;vertical-align:middle}.sysu-release-table tr:hover td{background:#fafbff}
.sysu-release-name{display:flex;gap:9px;align-items:flex-start;min-width:260px}.sysu-release-name strong{display:block;font-size:12px}.sysu-release-name small{display:block;color:#8490a3;margin-top:3px;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sysu-status-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:900}.sysu-status-mark.installed{background:#e7f9f0;color:#0d9a5b}.sysu-status-mark.failed{background:#ffe9e7;color:#d3483d}.sysu-status-mark.rolled_back{background:#eef1f7;color:#607089}
.sysu-type{padding:4px 7px;border-radius:999px;font-size:12px;font-weight:800}.sysu-type.feature{background:#e7f1ff;color:#2574d9}.sysu-type.enhancement{background:#e8f8ef;color:#178e58}.sysu-type.hotfix{background:#fff2dd;color:#d6780b}.sysu-type.security{background:#efe9ff;color:#6744da}
.sysu-icon-btn{width:30px;height:30px;border-radius:9px;border:1px solid #e0e5ee;background:#fff;cursor:pointer}.sysu-icon-btn:hover:not(:disabled){border-color:#7a5ae9;color:#6748dd}.sysu-icon-btn:disabled{opacity:.45}
.sysu-table-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#7f8a9d;font-size:12px}

.sysu-donut-row{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin:12px 0 18px}
.sysu-donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;position:relative}.sysu-donut:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:var(--surface,#fff)}
.sysu-donut>div{position:relative;z-index:1;text-align:center}.sysu-donut strong{display:block;font-size:25px}.sysu-donut span{font-size:12px;color:#768196}
.sysu-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;padding:6px 0;font-size:12px;align-items:center}.sysu-legend i{width:8px;height:8px;border-radius:50%}.sysu-legend i.blue{background:#2f80ed}.sysu-legend i.green{background:#21b573}.sysu-legend i.orange{background:#ff9f2d}.sysu-legend i.purple{background:#7b5cf3}
.sysu-mini-title{text-transform:uppercase;letter-spacing:.08em;color:#7055df;font-size:12px;font-weight:900;border-top:1px solid #edf0f4;padding-top:12px}
.sysu-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.sysu-mini-grid>div{text-align:center;border:1px solid #e6ebf2;border-radius:11px;padding:10px 4px}.sysu-mini-grid span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;margin:0 auto 5px;font-size:18px}.sysu-mini-grid strong{display:block}.sysu-mini-grid small{font-size:12px;color:#758196}
.sysu-mini-grid .violet span{background:#f1eaff;color:#7a52e8}.sysu-mini-grid .blue span{background:#e9f2ff;color:#2d78df}.sysu-mini-grid .green span{background:#e8f8ef;color:#19945c}.sysu-mini-grid .orange span{background:#fff0df;color:#e48213}

.sysu-process-card{padding:18px 20px}.sysu-process{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:14px}.sysu-process>div{border:1px solid #e5eaf2;border-radius:14px;padding:13px;min-height:98px;display:grid;grid-template-columns:36px 1fr;gap:4px 10px;align-content:start}.sysu-process>div span{grid-row:1/3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.sysu-process>div span.purple{background:#854ee7}.sysu-process>div span.blue{background:#2e75e8}.sysu-process>div span.green{background:#18a96b}.sysu-process>div span.orange{background:#ff8d23}.sysu-process p{grid-column:2;margin:3px 0 0;font-size:12px;color:#7c8798;line-height:1.45}.sysu-process>b{color:#a7b1c1;letter-spacing:2px}

[data-theme="dark"] .sysu-install-card,[data-theme="dark"] .sysu-health-card,[data-theme="dark"] .sysu-history-card,[data-theme="dark"] .sysu-stats-card,[data-theme="dark"] .sysu-process-card{--surface:#111b2b;border-color:#24334a;background:#111b2b}
[data-theme="dark"] .sysu-upload-zone{background:#0e1827;border-color:#34445e}[data-theme="dark"] .sysu-upload-zone input,[data-theme="dark"] .sysu-icon-btn{background:#0d1725;color:#e7edf6;border-color:#344158}
[data-theme="dark"] .sysu-release-table th{background:#0e1827;color:#9cabc1}[data-theme="dark"] .sysu-release-table td{border-color:#253349}[data-theme="dark"] .sysu-release-table tr:hover td{background:#152135}
[data-theme="dark"] .sysu-security-note{background:#181831;border-color:#363160}.sysu-readiness-ring.warning{filter:saturate(.75)}

@media(max-width:1200px){
  .sysu-kpi-grid{grid-template-columns:repeat(3,1fr)}
  .sysu-history-grid{grid-template-columns:1fr}.sysu-main-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
  .sysu-hero{grid-template-columns:1fr;padding:24px}.sysu-hero-visual{justify-content:flex-start}.sysu-monitor{display:none}
  .sysu-kpi-grid{grid-template-columns:repeat(2,1fr)}.sysu-health-body{grid-template-columns:1fr}.sysu-readiness-ring{margin:auto}
  .sysu-process{grid-template-columns:1fr}.sysu-process>b{display:none}.sysu-donut-row{grid-template-columns:1fr}.sysu-donut{margin:auto}
}
@media(max-width:520px){.sysu-kpi-grid{grid-template-columns:1fr}.sysu-mini-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:no-preference){
  .premium-enter{animation:sysuFade .45s ease both}@keyframes sysuFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}


/* NexGen v2.0.3 — Premium Reports & Analytics */
.ng-report-hero{
  position:relative;display:grid;grid-template-columns:120px minmax(0,1fr) 310px;gap:28px;align-items:center;
  padding:30px 34px;margin-bottom:20px;border-radius:22px;overflow:hidden;color:#fff;
  background:linear-gradient(135deg,#2f1c78 0%,#2e238c 38%,#122b6b 100%);
  box-shadow:0 18px 48px rgba(36,35,104,.18)
}
.ng-report-hero:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 82% 22%,rgba(124,92,255,.22),transparent 26%),
  radial-gradient(circle at 67% 74%,rgba(41,120,255,.17),transparent 34%);
  pointer-events:none
}
.ng-report-hero-art{position:relative;z-index:1;width:104px;height:104px;border-radius:22px;background:linear-gradient(145deg,#faf7ff,#d8c8ff);
  display:grid;place-items:center;box-shadow:0 15px 34px rgba(17,10,80,.28)}
.report-sheet{font-size:48px;color:#6d48e8;font-weight:900;transform:translate(-6px,-5px)}
.report-mini-chart{position:absolute;right:12px;bottom:13px;width:47px;height:34px;border-radius:9px;background:linear-gradient(145deg,#8e58ff,#5b45d8);display:flex;align-items:flex-end;gap:4px;padding:7px}
.report-mini-chart i{display:block;width:7px;border-radius:4px 4px 2px 2px;background:#fff}.report-mini-chart i:nth-child(1){height:35%}.report-mini-chart i:nth-child(2){height:62%}.report-mini-chart i:nth-child(3){height:90%}
.ng-report-hero-copy{position:relative;z-index:1}.ng-report-hero-copy .eyebrow{color:#ffd43b}.ng-report-hero-copy h1{font-size:32px;line-height:1.05;margin:5px 0 10px;color:#fff}.ng-report-hero-copy p{font-size:15px;line-height:1.6;color:#f0ecff;margin:0}
.ng-report-revenue{position:relative;z-index:1;min-height:118px;padding:22px 132px 20px 22px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(12,23,66,.38);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.ng-report-revenue span,.ng-report-revenue small{display:block;color:#e9e7ff}.ng-report-revenue strong{display:block;color:#ffd13e;font-size:27px;margin:5px 0}
.coin-stack{position:absolute;right:20px;bottom:17px;width:95px;height:68px}
.coin-stack i,.coin-stack b{position:absolute;border-radius:50%;background:linear-gradient(180deg,#ffd95b,#f0a900);box-shadow:inset 0 -4px rgba(150,89,0,.18),0 3px 0 #d69700}
.coin-stack i{width:45px;height:15px;right:0}.coin-stack i:nth-child(1){bottom:0}.coin-stack i:nth-child(2){bottom:13px}.coin-stack i:nth-child(3){bottom:26px}
.coin-stack b{width:36px;height:12px;left:5px}.coin-stack b:nth-of-type(1){bottom:4px}.coin-stack b:nth-of-type(2){bottom:15px}

.ng-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}
.report-kpi{position:relative;min-height:154px;padding:20px 20px 17px 78px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(15,33,68,.06);transition:.25s ease}
.report-kpi:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(15,33,68,.10)}
.report-kpi:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-35px;bottom:-50px;opacity:.12;background:currentColor}
.report-kpi .kpi-icon{position:absolute;left:18px;top:20px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;box-shadow:0 10px 24px color-mix(in srgb,currentColor 35%,transparent)}
.report-kpi>div:nth-child(2)>span{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:12px;color:#445066}
.report-kpi strong{display:block;font-size:27px;line-height:1.15;margin:5px 0 7px;color:#111a2b}.report-kpi small{color:#788397}
.report-kpi.purple{color:#7750ed;background:linear-gradient(145deg,#fff 58%,#f2ecff)}.report-kpi.purple .kpi-icon{background:linear-gradient(145deg,#8d5cf7,#693de5)}
.report-kpi.orange{color:#ff8a2b;background:linear-gradient(145deg,#fff 58%,#fff2e5)}.report-kpi.orange .kpi-icon{background:linear-gradient(145deg,#ff9a3f,#ff741d)}
.report-kpi.blue{color:#2e80ef;background:linear-gradient(145deg,#fff 58%,#ebf4ff)}.report-kpi.blue .kpi-icon{background:linear-gradient(145deg,#47a2ff,#1f73e5)}
.report-kpi.green{color:#24aa66;background:linear-gradient(145deg,#fff 58%,#eaf9ef)}.report-kpi.green .kpi-icon{background:linear-gradient(145deg,#43c879,#19a558)}
.kpi-trend{position:absolute;left:20px;bottom:16px;display:flex;align-items:center;gap:5px;font-size:12px}.kpi-trend b{font-size:12px;margin:0}.kpi-trend.up b{color:#18a45b}.kpi-trend.down b{color:#e54d5d}.kpi-trend.flat b{color:#5f6d82}.kpi-trend span{color:#7a8496}
.sparkline{position:absolute;right:0;bottom:0;width:118px;height:42px;opacity:.9}.sparkline polyline{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

.ng-report-analytics{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.95fr);gap:18px;margin-bottom:18px}
.ng-revenue-panel,.ng-admissions-panel,.ng-export-centre{border-radius:18px;border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,33,68,.055);padding:20px;background:var(--card,#fff)}
.ng-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ng-panel-head .eyebrow{color:#6b4ee7}.ng-panel-head h2{font-size:20px;margin:3px 0 4px}.ng-panel-head p{margin:0;color:#7b8697;font-size:13px}.select-chip{border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-weight:700;font-size:12px;background:var(--card,#fff)}
.ng-revenue-chart{display:grid;grid-template-columns:74px 1fr;gap:8px;margin-top:18px;min-height:260px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:18px 0 34px;color:#66748a;font-size:12px}
.bar-area{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:18px;padding-top:2px}
.ng-bar-col{display:grid;grid-template-rows:24px 1fr 22px;align-items:end;min-width:0;text-align:center}.bar-label{font-size:12px;color:#6650d9;font-weight:700;white-space:nowrap}
.ng-bar-track{height:190px;border-radius:11px 11px 5px 5px;background:linear-gradient(180deg,#f3efff,#faf9ff);position:relative;overflow:hidden;border:1px solid #eeeafd}
.ng-bar-track:before{content:"";position:absolute;inset:25% 0 auto;height:1px;background:#ebe8f4;box-shadow:0 45px #ebe8f4,0 90px #ebe8f4}
.ng-bar-track i{position:absolute;left:0;right:0;bottom:0;min-height:6px;background:linear-gradient(180deg,#9c7cff,#7148e8);border-radius:7px 7px 4px 4px;box-shadow:0 -2px 12px rgba(116,76,236,.18)}
.ng-bar-col small{padding-top:7px;color:#66748a}

.ng-admissions-panel{display:flex;flex-direction:column}.ng-donut-wrap{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;flex:1;margin:18px 0}
.ng-donut{width:168px;height:168px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(80,70,160,.06)}
.ng-donut:after{content:"";width:108px;height:108px;border-radius:50%;background:var(--card,#fff);position:absolute}.ng-donut>div{position:relative;z-index:2;text-align:center}.ng-donut strong{display:block;font-size:29px}.ng-donut span{font-size:12px;color:#657085}
.ng-donut-legend{display:grid;gap:12px}.ng-donut-legend>div{display:grid;grid-template-columns:12px 24px 1fr auto;gap:8px;align-items:center;font-size:12px}.ng-donut-legend i{width:9px;height:9px;border-radius:3px}.ng-donut-legend b{font-size:12px}.ng-donut-legend span{color:#526078}.ng-donut-legend small{color:#7c8797}
.ng-inline-link{font-weight:800;color:#704be8;text-decoration:none;font-size:13px;margin-top:auto}

.ng-export-centre{padding:22px}.export-head{margin-bottom:16px}.ng-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.export-card{display:grid;grid-template-columns:48px 1fr auto auto;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;background:var(--card,#fff);transition:.23s ease;position:relative;overflow:hidden}
.export-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,33,68,.09)}.export-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:currentColor}
.export-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900}.export-card strong{display:block;font-size:14px}.export-card span{display:block;color:#7a8496;font-size:12px;margin-top:3px}.export-card>b{font-size:12px}.export-card em{font-style:normal;font-size:20px}
.export-card.purple{color:#744fe8}.export-card.purple .export-icon{background:linear-gradient(145deg,#8d5cf8,#6541dd)}
.export-card.blue{color:#2a7fed}.export-card.blue .export-icon{background:linear-gradient(145deg,#50a4ff,#1c6fe1)}
.export-card.green{color:#22a860}.export-card.green .export-icon{background:linear-gradient(145deg,#43c87b,#169c51)}

html[data-theme="dark"] .report-kpi,
html[data-theme="dark"] .ng-revenue-panel,
html[data-theme="dark"] .ng-admissions-panel,
html[data-theme="dark"] .ng-export-centre,
html[data-theme="dark"] .export-card,
html[data-theme="dark"] .select-chip{background:#111a2a;border-color:#26344a}
html[data-theme="dark"] .report-kpi.purple{background:linear-gradient(145deg,#111a2a 60%,#251d3d)}
html[data-theme="dark"] .report-kpi.orange{background:linear-gradient(145deg,#111a2a 60%,#372719)}
html[data-theme="dark"] .report-kpi.blue{background:linear-gradient(145deg,#111a2a 60%,#162a45)}
html[data-theme="dark"] .report-kpi.green{background:linear-gradient(145deg,#111a2a 60%,#173426)}
html[data-theme="dark"] .report-kpi strong,html[data-theme="dark"] .ng-panel-head h2,html[data-theme="dark"] .ng-export-centre h2,html[data-theme="dark"] .export-card strong,html[data-theme="dark"] .ng-donut strong{color:#f7f9fc}
html[data-theme="dark"] .report-kpi>div:nth-child(2)>span,html[data-theme="dark"] .ng-donut-legend span{color:#c9d2df}
html[data-theme="dark"] .ng-bar-track{background:linear-gradient(180deg,#1a2133,#141b29);border-color:#2a3450}
html[data-theme="dark"] .ng-donut:after{background:#111a2a}

@media(max-width:1200px){
  .ng-report-hero{grid-template-columns:90px 1fr 260px}.ng-report-hero-art{width:82px;height:82px}.report-sheet{font-size:38px}
  .ng-report-kpis{grid-template-columns:repeat(2,1fr)}.ng-report-analytics{grid-template-columns:1fr}.ng-donut-wrap{grid-template-columns:180px 1fr}
}
@media(max-width:760px){
  .ng-report-hero{grid-template-columns:1fr;padding:24px}.ng-report-hero-art{display:none}.ng-report-revenue{padding-right:120px}
  .ng-report-kpis{grid-template-columns:1fr}.ng-export-grid{grid-template-columns:1fr}.ng-revenue-chart{grid-template-columns:52px 1fr}.bar-area{gap:8px}.ng-donut-wrap{grid-template-columns:1fr;justify-items:center}.ng-donut-legend{width:100%}
}



/* === NexGen System Updates Exact UIX v2.0.4 === */
.updates-exact{--ux-purple:#7c3aed;--ux-blue:#2f80ed;--ux-green:#16b96b;--ux-orange:#ff9a33;--ux-cyan:#24b9d7;--ux-navy:#0d1d44;--ux-indigo:#1d2a73;--ux-border:#e6ebf3;display:block}
.updates-exact .ux-updates-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 260px 170px;align-items:center;gap:24px;min-height:250px;padding:34px 36px;border-radius:22px;background:linear-gradient(125deg,#3c208f 0%,#1d2a73 46%,#102957 100%);color:#fff;box-shadow:0 18px 45px rgba(33,34,103,.25)}
.updates-exact .ux-updates-hero:after{content:"";position:absolute;inset:auto -5% -80% 35%;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.018);transform:rotate(-8deg)}
.ux-updates-hero-copy{position:relative;z-index:2}.ux-eyebrow,.ux-card-kicker{text-transform:uppercase;letter-spacing:.13em;font-weight:900;font-size:12px;color:#8b5cf6}.ux-updates-hero .ux-eyebrow{color:#ffcf4a}.ux-updates-hero h1{font-size:34px;line-height:1.1;margin:7px 0 10px}.ux-updates-hero p{max-width:690px;color:#e5e9f5;margin:0;line-height:1.7}
.ux-hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.ux-hero-meta span{display:inline-flex;gap:7px;align-items:center;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.1);font-size:12px;color:#eef2ff}.ux-hero-meta em{font-style:normal;color:#4fe08c;font-weight:900}
.ux-update-hero-art{position:relative;height:150px;z-index:2}.ux-upload-screen{position:absolute;left:15px;top:20px;width:150px;height:100px;border-radius:12px;background:linear-gradient(145deg,#5961c8,#2e388a);box-shadow:0 22px 32px rgba(0,0,0,.25);display:grid;place-items:center;color:#fff}.ux-cloud{font-size:48px;opacity:.96}.ux-arrow{position:absolute;font-size:38px;font-weight:900}.ux-shield{position:absolute;right:15px;bottom:8px;width:58px;height:68px;clip-path:polygon(50% 0,94% 18%,84% 75%,50% 100%,16% 75%,6% 18%);background:linear-gradient(#58a4ff,#5d52e6);display:grid;place-items:center;font-size:28px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.22)}
.ux-version-orb{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:160px;height:160px;border-radius:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 40px rgba(255,255,255,.03)}.ux-version-orb small{font-weight:900;letter-spacing:.16em;color:#ffce45}.ux-version-orb strong{font-size:30px}.ux-version-orb span{font-size:12px;color:#d9e4fa}
.ux-update-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:18px 0}.ux-kpi{position:relative;overflow:hidden;min-height:120px;padding:18px;border-radius:17px;color:#fff;display:flex;align-items:flex-start;gap:12px;box-shadow:0 10px 28px rgba(27,42,86,.12);transition:.25s transform,.25s box-shadow}.ux-kpi:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(27,42,86,.18)}.ux-kpi>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.ux-kpi span{font-size:12px;font-weight:800}.ux-kpi strong{font-size:26px;line-height:1.1}.ux-kpi small{font-size:12px;color:rgba(255,255,255,.88)}.ux-kpi-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:20px}.ux-kpi i{position:absolute;left:22px;right:22px;bottom:15px;height:23px;opacity:.65;background:linear-gradient(135deg,transparent 0 8%,rgba(255,255,255,.65) 9% 12%,transparent 13% 22%,rgba(255,255,255,.5) 23% 26%,transparent 27% 38%,rgba(255,255,255,.72) 39% 43%,transparent 44% 100%);clip-path:polygon(0 78%,15% 64%,29% 78%,45% 35%,58% 57%,72% 20%,87% 38%,100% 8%,100% 100%,0 100%)}.ux-purple{background:linear-gradient(135deg,#6d35e9,#8f53f8)}.ux-blue{background:linear-gradient(135deg,#2469e8,#418ff7)}.ux-green{background:linear-gradient(135deg,#0aa35d,#1bc77a)}.ux-orange{background:linear-gradient(135deg,#ff8c2e,#ffb34b)}.ux-cyan{background:linear-gradient(135deg,#19a7c7,#39cbe2)}
.ux-card{background:var(--panel,#fff);border:1px solid var(--ux-border);border-radius:18px;box-shadow:0 8px 24px rgba(17,38,79,.07)}.ux-update-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.ux-install-card,.ux-health-card,.ux-history-card,.ux-stats-card,.ux-workflow{padding:22px}.ux-card h2{margin:6px 0 6px;font-size:19px}.ux-card>p,.ux-history-head p{margin:0 0 14px;color:#6e7a90;font-size:13px}.ux-protected-pill{display:inline-flex;padding:6px 10px;background:#e8f8f0;color:#168b56;border-radius:999px;font-weight:900;font-size:12px;margin:3px 0 12px}
.ux-dropzone{display:flex;align-items:center;gap:14px;border:1.5px dashed #cfd8e7;border-radius:14px;padding:17px;background:#fbfcff;cursor:pointer}.ux-dropzone:hover{border-color:#7c4dff;background:#faf8ff}.ux-drop-icon{width:48px;height:48px;border-radius:12px;background:#4d2bc4;color:#fff;display:grid;place-items:center;font-size:24px}.ux-dropzone>span:nth-child(2){display:flex;flex-direction:column}.ux-dropzone strong{font-size:13px}.ux-dropzone small{color:#77849a;font-size:12px;margin-top:3px}.ux-dropzone input{margin-left:auto;max-width:240px}
.ux-protected-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0;padding:11px 12px;border-radius:10px;background:#fff8df;border:1px solid #f4df99;font-size:12px;color:#866b13}.ux-protected-row span{background:#fffdf4;border:1px solid #eadcae;padding:3px 7px;border-radius:999px}.ux-primary-btn{border:0;border-radius:9px;padding:11px 16px;background:linear-gradient(135deg,#6f40e9,#8b56f4);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(111,64,233,.22);cursor:pointer}
.ux-health-body{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.ux-health-ring{--pct:100;width:160px;height:160px;border-radius:50%;background:conic-gradient(#2f80ed 0 calc(var(--pct)*.62%),#1dbb73 calc(var(--pct)*.62%) calc(var(--pct)*1%),#eef1f6 0);display:grid;place-items:center;margin:auto}.ux-health-ring:before{content:"";position:absolute}.ux-health-ring>div{width:112px;height:112px;border-radius:50%;background:var(--panel,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center}.ux-health-ring strong{font-size:27px}.ux-health-ring span{font-size:12px;color:#738096;text-align:center;max-width:85px}.ux-health-list{list-style:none;padding:0;margin:0}.ux-health-list li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:12px}.ux-health-list li>span{width:8px;height:8px;border-radius:50%}.ux-health-list .ok{background:#21b66f}.ux-health-list .bad{background:#f05252}.ux-health-list strong{font-size:12px;color:#10945a}.ux-protection-note{display:flex;gap:10px;margin-top:14px;padding:13px;border-radius:12px;background:#f7f4ff;border:1px solid #e6dcff}.ux-protection-note p{margin:3px 0 0;color:#738096;font-size:12px}
.ux-history-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:18px;margin-top:18px}.ux-history-head{display:flex;justify-content:space-between;gap:20px}.ux-history-head select{align-self:start;border:1px solid #dce3ed;border-radius:9px;padding:9px;background:var(--panel,#fff)}.ux-history-table-wrap{overflow:auto}.ux-history-table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}.ux-history-table th{text-align:left;padding:9px 8px;color:#667085;text-transform:uppercase;letter-spacing:.06em;font-size:12px;border-bottom:1px solid #e8edf4}.ux-history-table td{padding:10px 8px;border-bottom:1px solid #eef2f6;vertical-align:middle}.ux-history-table td:nth-child(2){min-width:260px}.ux-history-table td strong{display:block;font-size:12px}.ux-history-table td small{display:block;color:#8994a6;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.ux-check{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e6f7ef;color:#16905a;font-weight:900}.ux-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e9f8f0;color:#138857;font-weight:900;font-size:12px}.ux-status.failed{background:#feecec;color:#b42318}.ux-status.rolled_back{background:#fff4e5;color:#b66300}.ux-actions{white-space:nowrap}.ux-actions button{border:1px solid #e1e6ee;background:var(--panel,#fff);width:28px;height:28px;border-radius:8px;cursor:pointer}.ux-empty{text-align:center;color:#8a95a8;padding:30px!important}.ux-history-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:12px;color:#7e899b}.ux-history-foot button{border:1px solid #ded9f7;background:#fff;color:#6250d8;border-radius:9px;padding:8px 11px;font-weight:800}
.ux-donut-row{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:center;margin-top:18px}.ux-type-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center}.ux-type-donut>div{width:92px;height:92px;border-radius:50%;background:var(--panel,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center}.ux-type-donut strong{font-size:24px}.ux-type-donut span{font-size:12px;color:#7a8496}.ux-donut-row ul{list-style:none;padding:0;margin:0}.ux-donut-row li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;padding:7px 0;font-size:12px}.ux-donut-row li i{width:8px;height:8px;border-radius:50%}.ux-donut-row li strong{font-size:12px}.ux-month-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f6}.ux-month-stats>div{text-align:center}.ux-ms-icon{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 6px;border-radius:10px}.ux-ms-icon.purple{background:#f1eaff;color:#7c3aed}.ux-ms-icon.blue{background:#eaf2ff;color:#2f80ed}.ux-ms-icon.green{background:#e8f8ef;color:#14a85e}.ux-ms-icon.orange{background:#fff1e4;color:#ff8c2e}.ux-month-stats strong{display:block}.ux-month-stats small{font-size:12px;color:#7b879a}
.ux-workflow{margin-top:18px}.ux-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.ux-workflow-grid>div{position:relative;border:1px solid #e5eaf1;border-radius:14px;padding:16px;min-height:120px}.ux-workflow-grid>div:not(:last-child):after{content:"→";position:absolute;right:-16px;top:46px;color:#a6afbd}.ux-workflow-grid span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:8px}.ux-workflow-grid span.purple{background:#7c3aed}.ux-workflow-grid span.blue{background:#2f80ed}.ux-workflow-grid span.green{background:#19ad67}.ux-workflow-grid span.orange{background:#ff8d24}.ux-workflow-grid strong{display:block;font-size:13px}.ux-workflow-grid p{margin:4px 0 0;color:#7b8798;font-size:12px;line-height:1.45}
[data-theme="dark"] .updates-exact{--ux-border:#263247}.dark .updates-exact .ux-card,[data-theme="dark"] .updates-exact .ux-card{--panel:#121a2a;background:#121a2a;color:#eef3fb;border-color:#263247}.dark .ux-dropzone,[data-theme="dark"] .ux-dropzone{background:#0e1624;border-color:#34425b;color:#eef3fb}.dark .ux-health-ring>div,[data-theme="dark"] .ux-health-ring>div,.dark .ux-type-donut>div,[data-theme="dark"] .ux-type-donut>div{background:#121a2a}.dark .ux-history-table td,[data-theme="dark"] .ux-history-table td{border-color:#243047}.dark .ux-history-table th,[data-theme="dark"] .ux-history-table th{color:#9cabc2}
@media(max-width:1200px){.updates-exact .ux-updates-hero{grid-template-columns:1fr 180px}.ux-version-orb{display:none}.ux-update-kpis{grid-template-columns:repeat(3,1fr)}.ux-history-grid{grid-template-columns:1fr}.ux-stats-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ux-stats-card>.ux-card-kicker,.ux-stats-card>h2{grid-column:1/-1}}
@media(max-width:900px){.updates-exact .ux-updates-hero{grid-template-columns:1fr}.ux-update-hero-art{display:none}.ux-update-kpis{grid-template-columns:repeat(2,1fr)}.ux-update-grid{grid-template-columns:1fr}.ux-health-body{grid-template-columns:1fr}.ux-workflow-grid{grid-template-columns:1fr 1fr}.ux-workflow-grid>div:after{display:none}.ux-stats-card{display:block}}
@media(max-width:560px){.ux-update-kpis{grid-template-columns:1fr}.ux-workflow-grid{grid-template-columns:1fr}.ux-donut-row{grid-template-columns:1fr}.ux-type-donut{margin:auto}.ux-updates-hero{padding:24px!important}.ux-updates-hero h1{font-size:28px}.ux-dropzone{align-items:flex-start;flex-direction:column}.ux-dropzone input{margin-left:0;max-width:100%}}


/* ===== NexGen v2.0.31 Premium Student Portal — Desktop + Mobile ===== */
body.portal-site{background:#f6f8fc;color:#111d35;font-size:15px}
.portal-site .student-portal-frame{grid-template-columns:270px minmax(0,1fr)}
.portal-site .sidebar{
  position:sticky;top:0;height:100vh;overflow-y:auto;padding:18px 15px 22px;
  background:linear-gradient(180deg,#0b244a 0%,#091f40 64%,#071a35 100%);
  color:#dce8f8;box-shadow:8px 0 28px rgba(4,21,43,.10);z-index:30
}
.portal-site .sidebar-brand{padding:2px 8px 18px;margin-bottom:8px}
.portal-site .sidebar-brand strong{font-size:16px;line-height:1.2}
.portal-site .sidebar-brand small{font-size:12px;color:#abc0dd}
.portal-site .sidebar-section{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7895bc;font-weight:900;padding:16px 10px 7px}
.portal-site .sidebar>a{
  position:relative;display:flex;align-items:center;gap:11px;margin:3px 0;padding:11px 12px;border-radius:10px;
  color:#d8e3f2;text-decoration:none;font-size:14px;font-weight:700;transition:.18s ease;overflow:hidden
}
.portal-site .sidebar>a:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,var(--nav-tone,#7463f3),transparent 90%);transition:.18s}
.portal-site .sidebar>a:hover:before,.portal-site .sidebar>a.active:before{opacity:.18}
.portal-site .sidebar>a:hover,.portal-site .sidebar>a.active{color:#fff;background:rgba(255,255,255,.07);transform:translateX(2px)}
.portal-site .sidebar>a.active{box-shadow:inset 3px 0 0 #6b4df1}
.portal-site .nav-icon{position:relative;z-index:1;width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-size:13px}
.portal-site .sidebar>a span{position:relative;z-index:1}
.student-sidebar-promo{margin:24px 5px 8px;padding:20px 18px;border-radius:15px;background:linear-gradient(145deg,#3f218f,#261a77);border:1px solid rgba(255,255,255,.14);color:#fff;box-shadow:0 15px 28px rgba(10,20,65,.25)}
.student-sidebar-promo-art{font-size:42px;color:#8c6dff;text-align:right;line-height:1;margin-bottom:3px}
.student-sidebar-promo strong{display:block;font-size:16px;line-height:1.25}
.student-sidebar-promo p{font-size:12px;line-height:1.55;color:#d9d6ff;margin:9px 0 15px}
.student-sidebar-promo a{display:flex!important;justify-content:space-between;align-items:center!important;padding:9px 11px!important;margin:0!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:8px!important;background:transparent!important;font-size:12px!important}
.portal-site .sidebar-foot{margin:18px 6px 0}
.portal-site .student-topbar{height:74px;padding:0 28px;background:rgba(255,255,255,.95)}
.student-mobile-menu{display:none;width:40px;height:40px;border:1px solid #e2e7ef;background:#fff;border-radius:10px;font-size:19px;color:#17243e}
.portal-site .student-search{width:min(600px,52vw);background:#f8f9fc}
.portal-site .student-search input{font-size:14px!important}
.portal-site .content{max-width:1600px;padding:30px 32px 42px}
.student-premium-dashboard{display:flex;flex-direction:column;gap:18px;font-size:14px}
.student-welcome{position:relative;overflow:hidden;min-height:265px;border-radius:22px;padding:36px 40px;display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:center;color:#fff;background:linear-gradient(118deg,#5e2fd4 0%,#3846d8 48%,#0e6edb 100%);box-shadow:0 20px 44px rgba(49,57,170,.20)}
.student-welcome:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;right:-110px;top:-160px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 45px rgba(255,255,255,.025)}
.student-welcome-copy{position:relative;z-index:2}
.student-kicker{font-size:13px;font-weight:800;color:#f1efff}
.student-welcome h1{font-size:36px;line-height:1.08;letter-spacing:-.035em;margin:9px 0 10px;color:#fff}
.student-welcome p{font-size:15px;line-height:1.55;color:#edf1ff;margin:0}
.student-identity-card{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:22px;padding:13px 15px;border:1px solid rgba(255,255,255,.16);background:rgba(27,36,122,.16);border-radius:14px}
.student-id-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);font-size:21px}
.student-identity-card strong{display:block;font-size:14px}.student-identity-card small{display:block;font-size:12px;margin-top:3px;color:#e8ecff}.student-identity-card em{display:flex;align-items:center;gap:6px;font-size:12px;font-style:normal;margin-top:4px}.student-identity-card em i{width:7px;height:7px;border-radius:50%;background:#38df86}
.student-welcome-art{position:relative;height:190px;z-index:2}
.edu-building{position:absolute;right:0;top:10px;font-size:170px;line-height:1;color:rgba(11,32,112,.30)}
.edu-books{position:absolute;right:52px;bottom:7px;width:180px}.edu-books span{display:block;height:30px;border-radius:8px;margin-top:-4px;transform:rotate(-3deg);background:linear-gradient(90deg,#e5cc67,#5f54dd 35%,#fd9038);box-shadow:0 8px 14px rgba(10,19,82,.20)}.edu-books span:nth-child(2){transform:rotate(3deg);background:linear-gradient(90deg,#70d6df,#6e52ed 45%,#ef7e3f)}.edu-books span:nth-child(3){background:linear-gradient(90deg,#fff,#d7d9e9 40%,#5144bd)}
.edu-cap{position:absolute;right:102px;bottom:77px;font-size:90px;line-height:.7;color:#171b53;transform:rotate(45deg);filter:drop-shadow(0 10px 10px rgba(10,14,70,.22))}
.student-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.student-kpi{min-height:140px;display:flex;gap:17px;align-items:flex-start;padding:22px;border:1px solid #e5e9f1;background:#fff;border-radius:16px;box-shadow:0 8px 22px rgba(23,43,77,.055)}
.student-kpi-icon{flex:0 0 52px;width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:900}
.student-kpi.purple .student-kpi-icon{background:#efe9ff;color:#6b3ce4}.student-kpi.green .student-kpi-icon{background:#e3f8ee;color:#0aa15d}.student-kpi.blue .student-kpi-icon{background:#e7f0ff;color:#1968d8}.student-kpi.orange .student-kpi-icon{background:#fff1e2;color:#f07e14}
.student-kpi small{display:block;font-size:12px;color:#53617a;font-weight:750}.student-kpi strong{display:block;font-size:25px;line-height:1.1;margin:7px 0 7px;color:#101b33}.student-kpi p{font-size:12px;line-height:1.45;color:#768299;margin:0}
.student-panel{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:20px;box-shadow:0 8px 22px rgba(23,43,77,.045)}
.student-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.student-panel-head h2{font-size:17px;line-height:1.25;margin:0;color:#111d35}.student-panel-head>a{font-size:12px;font-weight:800;text-decoration:none;color:#5531d3}
.student-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.student-quick-grid>a{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;align-items:center;gap:11px;min-height:74px;padding:12px 13px;border:1px solid #e5e9f0;border-radius:11px;text-decoration:none;color:#17243b;background:#fff;transition:.18s}
.student-quick-grid>a:hover{transform:translateY(-2px);border-color:#cfd6e6;box-shadow:0 9px 18px rgba(30,49,82,.07)}
.quick-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:900}.q-green{background:#dff8eb;color:#0b9d5a}.q-purple{background:#eee9ff;color:#6840dd}.q-orange{background:#fff0df;color:#ed7c14}.q-blue{background:#e7f1ff;color:#1767d9}.q-teal{background:#e3f8f7;color:#0aa19d}.q-red{background:#ffe9ea;color:#dd3e4c}
.student-quick-grid b{display:block;font-size:12px;margin-bottom:3px}.student-quick-grid small{display:block;font-size:12px;line-height:1.35;color:#728097}.student-quick-grid i{font-style:normal;color:#6f7c91;font-size:18px}
.student-dashboard-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.student-count{font-size:12px!important;font-weight:800;color:#7250d9!important;background:#f0edfb;padding:5px 8px;border-radius:999px}.student-count.green{color:#138a67!important;background:#e5f7f0}
.student-state-card{text-align:center;min-height:300px}.student-state-card .student-panel-head{text-align:left}.student-empty-art{width:110px;height:90px;margin:16px auto 8px;display:grid;place-items:center;border-radius:45% 55% 48% 52%;font-size:46px}.student-empty-art.books{background:#f0ecff;color:#7451e6}.student-empty-art.calendar{background:#e5faf6;color:#16a98f}.student-empty-art.materials{background:#e2f7f5;color:#20aea7}.student-empty-art.library{background:#f2eaff;color:#7c48e9}.student-empty-art.certificate{background:#fff0db;color:#f19b34}
.student-state-card h3{font-size:13px;line-height:1.45;color:#34445f;max-width:240px;margin:10px auto 17px;font-weight:700}.student-state-card h3 small{font-size:12px;color:#728097;font-weight:500}
.student-outline-btn{display:inline-flex;align-items:center;justify-content:center;min-width:128px;padding:9px 13px;border:1px solid currentColor;border-radius:8px;text-decoration:none;font-size:12px;font-weight:800}.student-outline-btn.purple{color:#6640e4}.student-outline-btn.teal{color:#13a99f}.student-outline-btn.orange{color:#ef8b1c}
.student-compact-list{text-align:left;margin-bottom:14px}.student-compact-list>div{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #edf0f4}.student-compact-list>div:last-child{border-bottom:0}.student-compact-list b{display:block;font-size:12px}.student-compact-list small{display:block;font-size:12px;color:#778498;margin-top:2px}.list-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.list-icon.purple{background:#eee8ff;color:#6e48df}.list-icon.teal{background:#e2f7f4;color:#109f98}
.student-invoice-card{min-height:300px}.student-invoice-list{display:flex;flex-direction:column}.student-invoice-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;gap:8px;align-items:center;padding:14px 0;text-decoration:none;color:#17243b;border-bottom:1px solid #edf0f4}.student-invoice-list b{display:block;font-size:12px}.student-invoice-list small{display:block;font-size:12px;color:#768298;margin-top:3px}.student-invoice-list strong{font-size:12px}.student-invoice-list .owing{color:#ef7711}.student-invoice-list .paid{color:#0b9c59}.student-invoice-list i{font-style:normal;color:#65738a}
.student-link-row{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #edf0f4;text-decoration:none;font-size:12px;font-weight:800;color:#5a38d2}
.student-certificate-card{text-align:center}.certificate-visual{width:112px;height:88px;margin:7px auto 10px;background:#fff0d9;color:#ec931f;border-radius:24px;display:grid;place-items:center;font-size:52px}.student-certificate-card h3{font-size:12px;margin:7px 0 4px}.student-certificate-card p{font-size:12px;color:#728097;line-height:1.5;margin:0 0 12px}
.student-track-banner{min-height:120px;border-radius:16px;padding:22px 26px;color:#fff;background:linear-gradient(110deg,#4b27c5,#3328bb 55%,#1043a8);display:grid;grid-template-columns:1fr 120px auto;align-items:center;gap:20px;box-shadow:0 16px 30px rgba(54,44,176,.16)}.student-track-banner h2{font-size:19px;margin:0 0 5px}.student-track-banner p{font-size:12px;color:#eeeaff;margin:0}.track-cap{font-size:58px;color:#735aff;text-align:center;transform:rotate(45deg)}.student-track-banner>a{padding:12px 18px;border-radius:10px;background:rgba(114,68,239,.68);color:#fff;text-decoration:none;font-size:12px;font-weight:800}
.student-empty-text{font-size:12px;color:#728097}

/* Student dark mode */
html[data-theme="dark"] body.portal-site{background:#0b1422;color:#edf4ff}
html[data-theme="dark"] .student-kpi,html[data-theme="dark"] .student-panel{background:#111c2d;border-color:#26354b}
html[data-theme="dark"] .student-kpi strong,html[data-theme="dark"] .student-panel-head h2,html[data-theme="dark"] .student-quick-grid>a,html[data-theme="dark"] .student-state-card h3,html[data-theme="dark"] .student-invoice-list>a{color:#edf4ff}
html[data-theme="dark"] .student-quick-grid>a{background:#0e1929;border-color:#2a3a51}
html[data-theme="dark"] .student-compact-list>div,html[data-theme="dark"] .student-invoice-list>a,html[data-theme="dark"] .student-link-row{border-color:#26354b}

/* Tablet + mobile */
.student-sidebar-overlay{display:none}
@media(max-width:1180px){
  .student-welcome{grid-template-columns:1fr 260px}
  .student-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .student-quick-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .portal-site .student-portal-frame{display:block}
  .portal-site .student-portal-frame>.sidebar{
    position:fixed!important;left:0;top:0;bottom:0;width:285px;height:100vh!important;z-index:80;
    transform:translateX(-105%);transition:transform .25s ease;box-shadow:16px 0 42px rgba(2,13,31,.30)
  }
  body.student-menu-open .student-portal-frame>.sidebar{transform:translateX(0)}
  .student-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(3,13,30,.52);z-index:70;opacity:0;visibility:hidden;transition:.22s}
  body.student-menu-open .student-sidebar-overlay{opacity:1;visibility:visible}
  .portal-site .student-topbar{height:auto;min-height:66px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:10px 14px}
  .student-mobile-menu{display:block}
  .portal-site .student-search{grid-column:1/-1;grid-row:2;width:100%;order:3}
  .portal-site .topbar-actions{justify-self:end}
  .portal-site .content{padding:18px 14px 34px}
  .student-welcome{grid-template-columns:1fr;min-height:0;padding:28px}.student-welcome-art{display:none}
  .student-dashboard-grid.three{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body.portal-site{font-size:15px}
  .portal-site .student-topbar{grid-template-columns:42px 1fr auto}
  .portal-site .user-menu span:not(.profile-avatar){display:none}
  .portal-site .theme-switch{display:none}
  .portal-site .global-search kbd{display:none}
  .student-premium-dashboard{gap:14px}
  .student-welcome{padding:24px 20px;border-radius:18px}
  .student-welcome h1{font-size:29px}.student-welcome p{font-size:13px}
  .student-identity-card{width:100%;padding:12px}.student-id-icon{width:42px;height:42px}
  .student-kpi-grid{grid-template-columns:1fr}
  .student-kpi{min-height:118px;padding:18px}.student-kpi-icon{width:46px;height:46px;flex-basis:46px}
  .student-kpi small{font-size:12px}.student-kpi strong{font-size:24px}.student-kpi p{font-size:12px}
  .student-panel{padding:16px;border-radius:14px}.student-panel-head h2{font-size:16px}
  .student-quick-grid{grid-template-columns:1fr}
  .student-quick-grid>a{min-height:70px;padding:12px}.student-quick-grid b{font-size:12px}.student-quick-grid small{font-size:12px}
  .student-dashboard-grid.three{grid-template-columns:1fr}
  .student-state-card,.student-invoice-card{min-height:0;padding-bottom:20px}
  .student-track-banner{grid-template-columns:1fr auto;padding:20px}.track-cap{display:none}.student-track-banner>a{grid-column:1/-1;text-align:center}
  footer{font-size:12px!important;padding:16px!important}
}