/* EduNizam Premium Experience Layer
   Visual-only enhancement: no business logic or school-record behavior lives here. */
:root{
  --premium-navy:#0b2235;
  --premium-navy-2:#123a54;
  --premium-teal:#0b7a70;
  --premium-teal-2:#0f9386;
  --premium-gold:#d9ad4a;
  --premium-gold-soft:#fbf4df;
  --premium-bg:#f3f7f8;
  --premium-surface:rgba(255,255,255,.94);
  --premium-line:#dce7e9;
  --premium-ink:#142f3d;
  --premium-muted:#71818a;
  --premium-success:#087c54;
  --premium-danger:#b42318;
  --premium-radius:20px;
  --premium-shadow:0 12px 38px rgba(19,48,65,.08);
  --premium-shadow-lg:0 24px 60px rgba(10,36,53,.12);
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 92% 0,rgba(217,173,74,.09),transparent 28rem),
    radial-gradient(circle at 30% 18%,rgba(15,147,134,.05),transparent 32rem),
    linear-gradient(180deg,#f7fafb 0%,var(--premium-bg) 100%);
  color:var(--premium-ink);
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(15,147,134,.18);color:var(--premium-navy)}

.app-shell{grid-template-columns:280px minmax(0,1fr)}
.sidebar{
  background:
    radial-gradient(circle at 10% -10%,rgba(217,173,74,.16),transparent 18rem),
    linear-gradient(180deg,#071d2c 0%,#0c2a3d 45%,#10364a 100%);
  border-right:1px solid rgba(255,255,255,.08);
  box-shadow:16px 0 42px rgba(10,36,53,.09);
  padding:20px 16px 22px;
}
.brand-logo-lockup{
  min-height:88px;
  display:flex;
  justify-content:center;
  padding:4px 6px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand-logo-frame{
  background:rgba(255,255,255,.98);
  border:1px solid rgba(217,173,74,.30);
  box-shadow:0 14px 30px rgba(0,0,0,.15),inset 0 0 0 1px rgba(255,255,255,.75);
}
.sidebar-institute{
  margin:14px 0 10px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.sidebar-institute-copy small{color:#9fb8c7;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.sidebar-institute-copy strong{color:#fff}
.sidebar-institute-copy span{color:#bfd0da}

.premium-workspace-badge{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:8px 0 12px;padding:9px 11px;border-radius:13px;
  background:linear-gradient(135deg,rgba(217,173,74,.16),rgba(255,255,255,.05));
  border:1px solid rgba(217,173,74,.22);color:#f7e7ba;
  font-size:11px;font-weight:800;letter-spacing:.03em;
}
.premium-workspace-badge span:last-child{opacity:.72;font-weight:700}

.nav-search-wrap{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.nav-search-wrap input{background:transparent!important;color:#fff!important}
.nav-search-wrap input::placeholder{color:#aac0cc}
.nav-search-wrap span,.nav-search-wrap kbd{color:#b9ccd5!important}
.nav-group{
  border:1px solid transparent;
  border-radius:14px;
  transition:border-color .16s ease,background .16s ease;
}
.nav-group.has-active{border-color:rgba(217,173,74,.14);background:rgba(255,255,255,.025)}
.nav-group summary{color:#b9ccd5}
.nav-group summary strong{letter-spacing:.01em}
.nav-item{
  position:relative;
  overflow:hidden;
  border-radius:12px!important;
  transition:background .16s ease,color .16s ease,transform .16s ease,border-color .16s ease!important;
}
.nav-item:hover{transform:translateX(2px)}
.nav-item.active{
  background:linear-gradient(135deg,#0b7a70,#0b665f)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.17)!important;
}
.nav-item.active:before{
  content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;
  border-radius:0 3px 3px 0;background:#f1cf7d;
}

.main{padding:26px 34px 110px;min-width:0}
.topbar{
  position:sticky;top:0;z-index:35;
  margin:-10px -12px 22px;padding:12px;
  border:1px solid rgba(220,231,233,.84);
  border-top:0;
  border-radius:0 0 20px 20px;
  background:rgba(247,250,251,.86);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 10px 30px rgba(20,47,61,.055);
}
.topbar-title{min-width:0}
.topbar h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;color:var(--premium-navy)}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.premium-context{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;
}
.premium-context-chip,.premium-search-trigger{
  display:inline-flex;align-items:center;gap:7px;
  min-height:36px;padding:7px 10px;border-radius:999px;
  border:1px solid var(--premium-line);
  background:rgba(255,255,255,.92);
  color:var(--premium-navy);
  font-size:11px;font-weight:800;line-height:1;
  box-shadow:0 5px 14px rgba(20,47,61,.045);
}
.premium-context-chip.role{background:#edf8f6;color:#08665e;border-color:#cfe8e4}
.premium-context-chip.sync.online{background:#effaf5;color:#087c54;border-color:#d1eadf}
.premium-context-chip.sync.offline{background:#fff7ed;color:#9a5a00;border-color:#f2ddbd}
.premium-sync-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px currentColor;opacity:.72}
.premium-search-trigger{cursor:pointer;box-shadow:none}
.premium-search-trigger:hover{background:#f7fbfb;transform:none;filter:none}

.view.active{animation:premium-view-in .22s ease both}
@keyframes premium-view-in{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
.section-head{
  align-items:flex-start;
  margin-bottom:16px;
}
.section-head h2,.section-head h3{
  margin-bottom:5px;
  letter-spacing:-.025em;
  color:var(--premium-navy);
}
.section-head .muted{line-height:1.55}

.card,.paper-card,.pp-stats article,.practice-review{
  border:1px solid var(--premium-line)!important;
  background:var(--premium-surface);
  border-radius:var(--premium-radius)!important;
  box-shadow:var(--premium-shadow)!important;
}
.card{
  position:relative;
  overflow:visible;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;
}
.card:hover{border-color:#d4e2e4!important;box-shadow:0 16px 42px rgba(19,48,65,.095)!important}
.cards{gap:14px}
.stat{
  min-height:118px;
  border-top:0!important;
  overflow:hidden;
}
.stat:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--premium-teal-2),var(--premium-teal));
}
.stat:nth-child(3):before,.stat:nth-child(4):before{background:linear-gradient(180deg,#edc86f,var(--premium-gold))}
.stat span{font-weight:750;letter-spacing:.01em;color:var(--premium-muted)}
.stat strong{font-size:30px;color:var(--premium-navy);letter-spacing:-.035em}
.campus-hero{
  border:1px solid rgba(255,255,255,.06);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 18%,rgba(217,173,74,.20),transparent 18rem),
    linear-gradient(120deg,#071d2c 0%,#10384d 58%,#0c645e 135%);
  box-shadow:0 26px 58px rgba(10,36,53,.16);
}
.campus-visual{
  border-color:rgba(255,255,255,.14);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055));
  backdrop-filter:blur(8px);
}
.campus-label{background:rgba(217,173,74,.17);color:#f5dda2}
.dashboard-institute-logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}

button,.quick-actions button{
  min-height:42px;
  border-radius:12px;
  font-weight:750;
  letter-spacing:.005em;
  box-shadow:0 7px 16px rgba(11,122,112,.13);
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px rgba(11,122,112,.16)}
button:active:not(:disabled){transform:translateY(0)}
button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.secondary,.secondary-action{
  background:#f0f7f6!important;color:#0b6d65!important;
  border:1px solid #d6e8e5!important;box-shadow:none!important;
}
input,select,textarea{
  min-height:44px;
  border:1px solid #cfdddf!important;
  border-radius:12px!important;
  background:#fbfdfd!important;
  color:var(--premium-ink);
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
input:hover,select:hover,textarea:hover{border-color:#b9cccf!important}
input:focus,select:focus,textarea:focus{
  border-color:#5da79f!important;
  box-shadow:0 0 0 4px rgba(11,122,112,.09)!important;
  background:#fff!important;
}
label{color:#294856}
.badge,.mini-badge,.region-pill{
  border:1px solid rgba(11,122,112,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.row{
  border:1px solid #e1eaeb!important;
  background:linear-gradient(180deg,#fff,#fbfdfd);
  border-radius:14px!important;
  transition:border-color .14s ease,background .14s ease;
}
.row:hover{border-color:#cfdddf!important;background:#fff}
.empty-state{
  min-height:120px;
  display:grid;place-items:center;
  border:1px dashed #c5d6d8!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fcfefe,#f7fafb)!important;
  color:#6f8088!important;
}
.coverage-note{
  border-radius:12px;
  line-height:1.55;
}
.paper-tabs{
  padding:5px;
  background:#edf3f4;
  border:1px solid #dde7e9;
  border-radius:14px;
  width:max-content;
  max-width:100%;
}
.paper-tab{border-radius:10px;box-shadow:none}
.paper-tab.active{background:var(--premium-navy)!important}

.admin-daily-desk{
  border:1px solid #d9e7e8!important;
  background:
    radial-gradient(circle at 100% 0,rgba(217,173,74,.08),transparent 18rem),
    rgba(255,255,255,.97)!important;
}
.admin-daily-stats>div{
  border:1px solid #e0eaeb;
  background:linear-gradient(180deg,#fff,#f9fbfb);
  border-radius:15px;
}
.admin-daily-actions button{
  border:1px solid #dbe7e8!important;
  background:linear-gradient(180deg,#fff,#f8fbfb)!important;
  color:var(--premium-navy)!important;
  box-shadow:0 7px 18px rgba(20,47,61,.055)!important;
}
.admin-daily-actions button:hover{border-color:#c7dcda!important;box-shadow:0 10px 24px rgba(20,47,61,.08)!important}

.premium-mobile-dock{
  display:none;
  position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:70;
  transform:translateX(-50%);
  width:min(540px,calc(100% - 22px));
  padding:7px;
  border:1px solid rgba(208,223,225,.94);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 18px 42px rgba(10,36,53,.18);
}
.premium-mobile-dock button{
  flex:1;min-width:0;min-height:52px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  padding:5px;border:0;border-radius:14px;
  background:transparent!important;color:#60747d!important;
  box-shadow:none!important;font-size:10px;
}
.premium-mobile-dock button span{font-size:19px;line-height:1}
.premium-mobile-dock button strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.premium-mobile-dock button.active{background:#e9f6f4!important;color:#0b6d65!important}
.premium-mobile-dock button:hover{transform:none;box-shadow:none!important;filter:none}

.premium-toast{
  position:fixed;right:22px;bottom:22px;z-index:99999;
  width:min(390px,calc(100% - 28px));
  padding:13px 15px;border-radius:15px;
  background:#0b2638;color:#fff;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 44px rgba(10,36,53,.25);
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.premium-toast.show{opacity:1;transform:none}
.premium-toast.success{background:#0b4f42}
.premium-toast.error{background:#6f241f}

.edu-safe-performance-mode .topbar,
.edu-safe-performance-mode .premium-mobile-dock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.edu-safe-performance-mode .view.active{animation:none!important}

@media(max-width:1100px){
  .app-shell{grid-template-columns:250px minmax(0,1fr)}
  .main{padding-left:24px;padding-right:24px}
  .premium-context-chip.date{display:none}
}
@media(max-width:950px){
  .app-shell{display:block}
  .main{padding:14px 14px 96px}
  .topbar{top:0;margin:-5px -4px 18px;padding:9px 8px;border-radius:0 0 17px 17px}
  .topbar-actions .academic-pill{display:none}
  .premium-context-chip.date,.premium-context-chip.school{display:none}
  .premium-mobile-dock{display:flex}
  .sidebar{
    position:fixed!important;inset:0 auto 0 0;height:100dvh!important;
    width:min(330px,88vw);z-index:90;
    transform:translateX(-105%);
    transition:transform .22s ease;
    overflow-y:auto;
  }
  .sidebar.mobile-nav-open{transform:none}
  .campus-hero{grid-template-columns:1fr;padding:22px}
  .campus-visual{min-height:130px}
  .card:hover{transform:none!important}
}
@media(max-width:620px){
  .main{padding-left:9px;padding-right:9px}
  .topbar-title .academic-kicker{display:none}
  .topbar h1{font-size:23px}
  .premium-context{gap:5px}
  .premium-context-chip{padding:6px 8px}
  .premium-search-trigger{width:36px;padding:0;justify-content:center}
  .premium-search-trigger .label{display:none}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .stat{min-height:100px;padding:14px!important}
  .stat strong{font-size:24px}
  .campus-hero{border-radius:20px;padding:18px}
  .campus-hero h2{font-size:28px}
  .campus-visual{display:none}
  .section-head{gap:10px}
  .section-head>button,.section-head>.secondary{flex:0 0 auto}
  .card{padding:15px!important;border-radius:16px!important}
  .premium-toast{left:14px;right:14px;bottom:82px;width:auto}
}
@media(max-width:390px){
  .cards{grid-template-columns:1fr!important}
  .premium-mobile-dock{width:calc(100% - 12px);bottom:max(6px,env(safe-area-inset-bottom))}
  .premium-mobile-dock button strong{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .view.active{animation:none}
  .card,.nav-item,button{transition:none!important}
}
@media print{
  .premium-mobile-dock,.premium-context,.premium-workspace-badge,.premium-search-trigger{display:none!important}
  .topbar{position:static;background:#fff;box-shadow:none;border:0}
}


/* ===== Premium Admin Audit & Activity Center ===== */
.audit-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.audit-stat-grid .card{
  min-height:118px;
  padding:16px 18px!important;
  background:linear-gradient(180deg,#fff,#f8fbfb)!important;
}
.audit-stat-grid span{
  display:block;
  color:var(--premium-muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.audit-stat-grid strong{
  display:block;
  margin:8px 0 3px;
  color:var(--premium-navy);
  font-size:30px;
  letter-spacing:-.04em;
}
.audit-stat-grid small{color:var(--premium-muted)}
.audit-toolbar{
  display:grid;
  grid-template-columns:minmax(220px,1.6fr) minmax(150px,.8fr) minmax(150px,.8fr);
  gap:10px;
  margin-bottom:12px;
}
.audit-timeline{position:relative;margin-top:14px}
.audit-timeline:before{
  content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;
  background:linear-gradient(180deg,#bddbd7,#e8eeee);
}
.audit-event{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:12px;
  padding:0 0 14px;
}
.audit-event-mark{
  position:relative;z-index:1;
  width:16px;height:16px;margin-top:14px;border-radius:50%;
  border:4px solid #e8f6f4;background:var(--premium-teal);
  box-shadow:0 0 0 1px #a9d0cb;
}
.audit-event-body{
  min-width:0;padding:13px 14px;
  border:1px solid var(--premium-line);
  border-radius:15px;background:linear-gradient(180deg,#fff,#fbfdfd);
}
.audit-event-top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.audit-event-top>div{display:flex;align-items:center;gap:8px;min-width:0}
.audit-event-top strong{color:var(--premium-navy);overflow-wrap:anywhere}
.audit-event-top time{flex:none;color:var(--premium-muted);font-size:11px}
.audit-event p{margin:8px 0;color:#34515e;line-height:1.5;overflow-wrap:anywhere}
.audit-event-meta{display:flex;gap:8px;flex-wrap:wrap}
.audit-event-meta span{
  display:inline-flex;padding:4px 7px;border-radius:999px;
  background:#f0f6f6;color:#56707b;font-size:10px;font-weight:800;
}
@media(max-width:850px){
  .audit-stat-grid{grid-template-columns:1fr 1fr}
  .audit-toolbar{grid-template-columns:1fr 1fr}
  .audit-toolbar input{grid-column:1/-1}
}
@media(max-width:520px){
  .audit-stat-grid{grid-template-columns:1fr 1fr;gap:8px}
  .audit-stat-grid .card{min-height:96px}
  .audit-stat-grid strong{font-size:24px}
  .audit-toolbar{grid-template-columns:1fr}
  .audit-toolbar input{grid-column:auto}
  .audit-event-top{display:block}
  .audit-event-top time{display:block;margin-top:7px}
}


/* ===== 2026 Premium Emerald Appearance System ===== */
:root{
  --premium-navy:#10372f;
  --premium-navy-2:#185244;
  --premium-teal:#08705d;
  --premium-teal-2:#109176;
  --premium-gold:#D7AA4A;
  --premium-gold-soft:#FBF3DE;
  --premium-bg:#F4F7F2;
  --premium-surface:rgba(255,255,252,.965);
  --premium-line:#DDE8E1;
  --premium-ink:#1D342F;
  --premium-muted:#74827D;
  --premium-success:#0B7A58;
  --premium-danger:#B23A30;
  --premium-shadow:0 14px 36px rgba(27,70,58,.07);
  --premium-shadow-lg:0 28px 64px rgba(19,62,52,.12);
}
body{
  background:
    radial-gradient(circle at 94% 0,rgba(215,170,74,.10),transparent 27rem),
    radial-gradient(circle at 18% 16%,rgba(16,145,118,.06),transparent 31rem),
    linear-gradient(180deg,#FAFBF7 0%,#F3F7F3 100%);
}
.main{
  background-image:none!important;
  background:
    radial-gradient(circle at 90% 2%,rgba(215,170,74,.055),transparent 23rem),
    radial-gradient(circle at 18% 18%,rgba(16,145,118,.035),transparent 27rem),
    linear-gradient(180deg,#F8FAF6 0%,#F3F7F3 100%)!important;
}
.sidebar{
  background:
    radial-gradient(circle at 10% -8%,rgba(215,170,74,.18),transparent 17rem),
    linear-gradient(180deg,#043B35 0%,#064A40 48%,#073F37 100%)!important;
  border-right:1px solid rgba(255,255,255,.085);
  box-shadow:18px 0 44px rgba(21,65,54,.11);
}
.brand-logo-lockup{
  min-height:94px;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:2px 4px 16px;
}
.premium-brand-lockup{display:flex!important}
.brand-logo-frame{
  width:58px;height:58px;flex:0 0 58px;
  padding:4px;
  border-radius:17px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(238,210,145,.58);
  box-shadow:0 14px 30px rgba(0,0,0,.19),inset 0 0 0 1px rgba(255,255,255,.78);
}
.brand-logo-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:13px}
.sidebar-wordmark{min-width:0;display:flex;flex-direction:column;gap:4px}
.sidebar-wordmark strong{
  display:block;
  font-size:23px;
  line-height:1;
  letter-spacing:-.045em;
  white-space:nowrap;
}
.brand-edu{color:#fff}
.brand-nizam{color:#70D2A8}
.brand-i{position:relative;display:inline-block;color:inherit}
.brand-i:after{
  content:"";
  position:absolute;
  width:.18em;height:.18em;
  left:50%;top:-.03em;
  transform:translateX(-50%);
  border-radius:50%;
  background:var(--premium-gold);
  box-shadow:0 0 0 2px rgba(215,170,74,.12);
}
.sidebar-wordmark small{
  color:#D2E4DB;
  font-size:9.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}
.premium-workspace-badge{
  background:linear-gradient(135deg,rgba(215,170,74,.18),rgba(255,255,255,.055));
  border-color:rgba(236,204,132,.26);
  color:#F3DEAE;
}
.nav-item.active{
  background:linear-gradient(135deg,#0A745F,#086354)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.nav-item.active:before{background:#E1B85D}
.topbar{
  background:rgba(250,251,247,.88);
  border-color:rgba(219,231,224,.88);
  box-shadow:0 10px 30px rgba(26,66,56,.05);
}
.topbar h1,.section-head h2,.section-head h3{color:#123D34}
.premium-context-chip.role{background:#ECF7F1;color:#086454;border-color:#CFE8DC}
.premium-context-chip.sync.online{background:#F0F8F2;color:#0B7757;border-color:#D4E7D9}
.card,.paper-card,.pp-stats article,.practice-review{
  background:rgba(255,255,252,.97)!important;
  border-color:#DDE8E1!important;
  box-shadow:0 14px 34px rgba(31,72,61,.065)!important;
}
.card:hover{border-color:#CCDCD3!important;box-shadow:0 18px 40px rgba(31,72,61,.085)!important}
.stat:before{background:linear-gradient(180deg,#14A07E,#08705D)}
.stat:nth-child(3):before,.stat:nth-child(4):before{background:linear-gradient(180deg,#E7C571,#D7AA4A)}
button,.quick-actions button{
  background:linear-gradient(135deg,#0A745F,#07594D);
  box-shadow:0 8px 18px rgba(8,112,93,.14);
}
button:hover:not(:disabled){box-shadow:0 11px 23px rgba(8,112,93,.18)}
.secondary,.secondary-action{
  background:#F0F7F2!important;
  color:#0A6B59!important;
  border-color:#D7E7DD!important;
}
input,select,textarea{
  background:#FEFFFC!important;
  border-color:#D2DED6!important;
}
input:focus,select:focus,textarea:focus{
  border-color:#67A998!important;
  box-shadow:0 0 0 4px rgba(8,112,93,.085)!important;
}
.campus-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  background-image:
    linear-gradient(90deg,rgba(4,59,53,.98) 0%,rgba(5,72,62,.96) 44%,rgba(6,80,67,.76) 63%,rgba(6,70,60,.28) 100%),
    url("assets/edunizam-girl-hero.webp")!important;
  background-position:center,right 28% center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat!important;
  box-shadow:0 28px 62px rgba(11,68,56,.17);
}
.campus-hero:after{
  content:"";
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 78% 10%,rgba(235,203,128,.20),transparent 18rem),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(4,49,43,.08));
}
.campus-hero>div:first-child{position:relative;z-index:2}
.campus-hero h2{color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.20)}
.campus-hero p{color:#E5F1EC}
.campus-label{background:rgba(240,211,146,.17);color:#F6E2B5;border:1px solid rgba(239,211,146,.18)}
.campus-visual{
  position:relative;z-index:2;
  background:linear-gradient(145deg,rgba(255,255,250,.16),rgba(255,255,250,.08));
  border-color:rgba(255,255,255,.20);
  backdrop-filter:blur(12px);
}
.campus-visual strong,.campus-visual span{color:#fff}
.admin-daily-desk{
  background:
    radial-gradient(circle at 100% 0,rgba(215,170,74,.09),transparent 18rem),
    rgba(255,255,252,.97)!important;
}
.premium-mobile-dock{
  background:rgba(255,255,252,.93);
  border-color:#D8E5DD;
  box-shadow:0 18px 42px rgba(18,66,54,.16);
}
.premium-mobile-dock button.active{background:#EAF6EF!important;color:#09624F!important}
.premium-toast{background:#103B32}
@media(max-width:950px){
  .brand-logo-lockup{min-height:90px}
  .campus-hero{
    background-image:
      linear-gradient(90deg,rgba(4,59,53,.97) 0%,rgba(5,75,64,.88) 58%,rgba(5,70,60,.40) 100%),
      url("assets/edunizam-girl-hero.webp")!important;
    background-position:center,right center!important;
  }
}
@media(max-width:620px){
  .campus-hero{
    background-image:
      linear-gradient(90deg,rgba(4,59,53,.96),rgba(5,72,62,.74)),
      url("assets/edunizam-girl-hero.webp")!important;
    background-position:center,70% center!important;
  }
}


/* ===== Pixel-level product polish ===== */
.nav-item{
  display:flex!important;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:9px 10px!important;
  font-size:12.5px;
  line-height:1.25;
}
.premium-nav-icon{
  width:30px;height:30px;flex:0 0 30px;
  display:grid;place-items:center;
  border-radius:9px;
  color:#CBE4D8;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.07);
}
.premium-nav-icon svg{width:16px;height:16px;display:block}
.nav-item:hover .premium-nav-icon{background:rgba(255,255,255,.09);color:#fff}
.nav-item.active .premium-nav-icon{
  color:#F4DEAA;
  background:rgba(255,255,255,.11);
  border-color:rgba(244,222,170,.13);
}
.premium-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nav-group summary{
  padding:10px 8px!important;
  border-radius:10px;
}
.premium-dock-icon{
  width:22px;height:22px;
  display:grid;place-items:center;
}
.premium-dock-icon svg{width:20px;height:20px;display:block}
.premium-mobile-dock button span{font-size:inherit!important}
.section-head h2{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.14}
.section-head h3{line-height:1.18}
.view{scroll-margin-top:92px}
.cards{margin-top:15px}
.grid-2{gap:14px}
.campus-hero{
  min-height:310px;
  padding:34px 36px;
  align-items:center;
}
.campus-hero>div:first-child{max-width:650px}
.campus-hero h2{font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.02;letter-spacing:-.05em}
.campus-hero p{max-width:620px;line-height:1.62;font-size:.98rem}
.campus-hero-actions{margin-top:20px}
.stat{padding:18px 18px 17px!important}
.topbar{min-height:76px}
.topbar-title h1{line-height:1.04}
@media(max-width:950px){
  .main{padding-left:12px;padding-right:12px}
  .topbar-title{
    position:relative;
    min-height:42px;
    padding-left:48px;
  }
  .topbar-title:before{
    content:"";
    position:absolute;left:2px;top:0;
    width:38px;height:38px;
    border-radius:12px;
    background:#075347 url("assets/edunizam-premium-mark.svg") center/34px 34px no-repeat;
    box-shadow:0 7px 18px rgba(19,70,58,.12);
  }
  .campus-hero{min-height:270px;padding:26px}
  .campus-hero h2{font-size:clamp(1.9rem,6vw,2.55rem)}
}
@media(max-width:620px){
  .main{padding-left:10px;padding-right:10px;padding-top:10px}
  .topbar{
    min-height:64px;
    margin:-4px -2px 14px;
    padding:8px 7px;
  }
  .topbar-title{padding-left:44px}
  .topbar-title:before{width:36px;height:36px;background-size:32px 32px}
  .topbar h1{font-size:21px}
  .school-identity p{font-size:11px}
  .campus-hero{
    min-height:255px;
    padding:20px;
    border-radius:19px;
    background-position:center,72% center!important;
  }
  .campus-hero h2{font-size:30px;max-width:86%}
  .campus-hero p{font-size:13px;line-height:1.55;max-width:88%}
  .campus-label{font-size:10px}
  .campus-hero-actions{gap:8px;margin-top:16px}
  .campus-hero-actions button{min-height:40px;padding:9px 11px;font-size:12px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
  .stat{min-height:98px!important;padding:13px!important}
  .stat span{font-size:11px;line-height:1.25}
  .stat strong{font-size:23px}
  .grid-2{gap:10px}
  .premium-mobile-dock{padding:6px;border-radius:18px}
  .premium-mobile-dock button{min-height:50px}
}
@media(max-width:390px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .campus-hero h2{font-size:27px}
}
@media(max-width:340px){
  .cards{grid-template-columns:1fr!important}
}