:root {
      --color-primary: #1e3a5f;
      --color-primary-dark: #132640;
      --color-primary-mid: #2c5282;
      --color-accent: #c9a227;
      --color-accent-light: #f0d060;
      --color-secondary: #f4f6f9;
      --color-text: #2d3748;
      --color-light: #eaf0fb;
    }
    * { box-sizing: border-box; }
    html, body { margin: 0; padding: 0; height: 100%; width: 100%; }
    body { font-family: 'Source Sans 3', sans-serif; background: var(--color-secondary); color: var(--color-text); }
    .font-heading { font-family: 'Playfair Display', Georgia, serif; }
    .app-wrapper { width: 100%; min-height: 100%; overflow-y: auto; overflow-x: hidden; }
    .gradient-header { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-mid) 100%); }
    .gradient-hero { background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 60%, #1a4a7a 100%); }
    .nav-link { transition: all 0.25s ease; padding: 8px 14px; border-radius: 6px; font-size: 0.875rem; }
    .nav-link:hover { background: rgba(30,58,95,0.08); color: var(--color-primary); }
    .nav-link.active { background: var(--color-primary); color: white; }
    .section-container { display: none; }
    .section-container.active { display: block; animation: fadeIn 0.3s ease-in; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    .card-hover { transition: all 0.3s ease; }
    .card-hover:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(30,58,95,0.15); }
    .tab-btn { transition: all 0.2s ease; padding: 8px 20px; border-radius: 6px; font-weight: 600; font-size: 0.85rem; border: 2px solid transparent; }
    .tab-btn.active { background: var(--color-primary); color: white; border-color: var(--color-primary); }
    .tab-btn:not(.active) { background: white; color: var(--color-primary); border-color: #d1dde8; }
    .tab-btn:not(.active):hover { border-color: var(--color-primary); background: var(--color-light); }
    .tab-content { display: none; }
    .tab-content.active { display: block; animation: fadeIn 0.2s ease; }
    .badge { display: inline-block; padding: 2px 10px; border-radius: 20px; font-size: 0.75rem; font-weight: 600; }
    .badge-blue { background: #dbeafe; color: #1e40af; }
    .badge-green { background: #d1fae5; color: #065f46; }
    .badge-amber { background: #fef3c7; color: #92400e; }
    .badge-red { background: #fee2e2; color: #991b1b; }
    .badge-purple { background: #ede9fe; color: #5b21b6; }
    .section-header { border-left: 5px solid var(--color-accent); padding-left: 1rem; margin-bottom: 1.5rem; }
    .stat-card { background: white; border-radius: 12px; padding: 1.5rem; box-shadow: 0 2px 10px rgba(0,0,0,0.06); text-align: center; transition: all 0.3s; }
    .stat-card:hover { box-shadow: 0 8px 24px rgba(30,58,95,0.12); transform: translateY(-2px); }
    .info-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #e8edf5; font-size: 0.9rem; }
    .info-row:last-child { border-bottom: none; }
    .search-box { border: 2px solid #d1dde8; border-radius: 8px; padding: 8px 14px; font-size: 0.9rem; width: 100%; transition: border 0.2s; }
    .search-box:focus { outline: none; border-color: var(--color-primary); }
    table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
    th { background: var(--color-primary); color: white; padding: 10px 12px; text-align: left; font-weight: 600; white-space: nowrap; }
    td { padding: 9px 12px; border-bottom: 1px solid #e8edf5; }
    tr:hover td { background: #f0f6ff; }
    tr:nth-child(even) td { background: #f8faff; }
    tr:nth-child(even):hover td { background: #e8f0ff; }
    .sticky-header th { position: sticky; top: 0; z-index: 10; }
    .table-wrapper { overflow-x: auto; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.07); max-height: 520px; overflow-y: auto; }
    .accordion-btn { width: 100%; text-align: left; padding: 12px 16px; background: white; border: 1px solid #d1dde8; border-radius: 8px; font-weight: 600; color: var(--color-primary); cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all 0.2s; margin-bottom: 4px; }
    .accordion-btn:hover { background: var(--color-light); }
    .accordion-btn.open { background: var(--color-primary); color: white; border-color: var(--color-primary); border-radius: 8px 8px 0 0; margin-bottom: 0; }
    .accordion-content { display: none; background: white; border: 1px solid #d1dde8; border-top: none; border-radius: 0 0 8px 8px; padding: 16px; margin-bottom: 4px; }
    .accordion-content.open { display: block; }
    .org-card { background: white; border-radius: 10px; padding: 14px 18px; border-left: 4px solid var(--color-accent); box-shadow: 0 2px 8px rgba(0,0,0,0.06); margin-bottom: 8px; }
    .page-title { font-family: 'Playfair Display', serif; font-size: 1.75rem; font-weight: 700; color: var(--color-primary); margin-bottom: 0.25rem; }
    .page-subtitle { color: #64748b; font-size: 0.95rem; }
    .hero-badge { display: inline-block; background: rgba(201,162,39,0.2); color: var(--color-accent-light); border: 1px solid rgba(201,162,39,0.3); border-radius: 20px; padding: 4px 14px; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 12px; }
    .mobile-menu-item { display: block; width: 100%; text-align: left; padding: 10px 16px; border-radius: 6px; font-size: 0.9rem; font-weight: 500; color: var(--color-text); }
    .mobile-menu-item:hover { background: var(--color-light); color: var(--color-primary); }
    .print-btn { display: none; }
    @media print { .print-btn { display: inline-block; } .no-print { display: none !important; } }
    select { border: 2px solid #d1dde8; border-radius: 8px; padding: 8px 12px; font-size: 0.875rem; background: white; }
    select:focus { outline: none; border-color: var(--color-primary); }
    .nav-active-indicator { height: 3px; background: var(--color-accent); border-radius: 2px; margin-top: 2px; display: none; }
    .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; }
    .divider { height: 1px; background: linear-gradient(to right, var(--color-accent), transparent); margin: 24px 0; }
    .tooltip { position: relative; }
    .tooltip:hover::after { content: attr(data-tip); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: #1e3a5f; color: white; padding: 4px 10px; border-radius: 6px; font-size: 0.75rem; white-space: nowrap; margin-bottom: 6px; z-index: 100; }
    .filter-chip { display: inline-block; padding: 4px 14px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; cursor: pointer; border: 2px solid #d1dde8; background: white; color: #64748b; transition: all 0.2s; margin: 3px; }
    .filter-chip.active { background: var(--color-primary); color: white; border-color: var(--color-primary); }
    .filter-chip:hover:not(.active) { border-color: var(--color-primary); color: var(--color-primary); }
    .timeline-item { position: relative; padding-left: 28px; padding-bottom: 20px; }
    .timeline-item::before { content: ''; position: absolute; left: 8px; top: 0; bottom: 0; width: 2px; background: #d1dde8; }
    .timeline-item::after { content: ''; position: absolute; left: 3px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--color-accent); border: 2px solid white; box-shadow: 0 0 0 2px var(--color-accent); }
    .timeline-item:last-child::before { display: none; }
    .rumah-beta { border-left-color: #dc2626; }
    .rumah-delta { border-left-color: #2563eb; }
    .rumah-gamma { border-left-color: #16a34a; }
    .rumah-alpha { border-left-color: #ca8a04; }
    .pulse { animation: pulse 2s infinite; }
    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } }

@keyframes ticker {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }
  #ticker-wrap { display: inline-block; }

.quick-actions {
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 60;
}
.quick-action-btn {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  border: none;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-mid) 100%);
  color: #fff;
  font-size: 1.1rem;
  box-shadow: 0 10px 24px rgba(30,58,95,0.25);
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.quick-action-btn:hover { transform: translateY(-2px) scale(1.03); }
#back-to-top { opacity: 0; pointer-events: none; }
#back-to-top.show { opacity: 1; pointer-events: auto; }
footer a { color: #fde68a; }
footer a:hover { color: #fff; }


/* Premium Murid Section */

.murid-premium-section{
  background: linear-gradient(180deg,#f8fafc 0%,#eef4ff 100%);
  padding: 3rem 0 4rem;
}
.murid-hero-card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:1.5rem 1.75rem;
  border-radius:24px;
  background:linear-gradient(135deg,#ffffff 0%,#f8fbff 55%,#eef4ff 100%);
  border:1px solid rgba(148,163,184,.18);
  box-shadow:0 18px 50px rgba(15,23,42,.08);
  margin-bottom:1.5rem;
}
.murid-title-wrap{display:flex;align-items:flex-start;gap:1rem}
.murid-accent{width:6px;min-height:72px;border-radius:999px;background:linear-gradient(180deg,#f59e0b,#2563eb)}
.premium-title{font-size:2rem;font-weight:800;color:#1e3a5f;letter-spacing:-.02em}
.premium-subtitle{color:#64748b;margin-top:.35rem}
.murid-badge{padding:.7rem 1rem;border-radius:999px;background:#1e3a5f;color:#fff;font-size:.82rem;font-weight:700;box-shadow:0 10px 30px rgba(30,58,95,.18)}
.premium-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}
.premium-stat-card{position:relative;overflow:hidden;padding:1.35rem 1.4rem;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.15);box-shadow:0 14px 36px rgba(15,23,42,.07)}
.premium-stat-card:before{content:"";position:absolute;inset:0 auto auto 0;height:5px;width:100%}
.premium-stat-card.total:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}
.premium-stat-card.classes:before{background:linear-gradient(90deg,#8b5cf6,#c084fc)}
.premium-stat-card.status:before{background:linear-gradient(90deg,#10b981,#34d399)}
.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:700}
.stat-value{font-size:2rem;font-weight:800;color:#1e3a5f;line-height:1.1;margin:.5rem 0 .35rem}
.stat-value.small{font-size:1.55rem}
.stat-note{font-size:.88rem;color:#64748b}
.premium-filter-card,.premium-table-card{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.14);border-radius:24px;box-shadow:0 18px 46px rgba(15,23,42,.07)}
.premium-filter-card{padding:1.4rem 1.5rem;margin-bottom:1.25rem}
.filter-headline{font-size:1rem;font-weight:800;color:#1e3a5f;margin-bottom:1rem}
.premium-filter-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}
.premium-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.55rem}
.premium-input,.premium-select{border-radius:14px!important;border:1px solid #cbd5e1!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(15,23,42,.02)}
.premium-input:focus,.premium-select:focus{outline:none;border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.premium-filter-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}
.result-pill{display:inline-flex;align-items:center;padding:.65rem 1rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.88rem;font-weight:700}
.premium-reset-btn{padding:.72rem 1.05rem;border:none;border-radius:12px;background:#1e3a5f;color:#fff;font-weight:700;cursor:pointer;transition:.2s ease}
.premium-reset-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(30,58,95,.2)}
.table-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.35rem 1.5rem .5rem}
.table-card-header h3{margin:0;font-size:1.15rem;font-weight:800;color:#1e3a5f}
.table-card-header p{margin:.25rem 0 0;color:#64748b;font-size:.9rem}
.table-chip{padding:.55rem .9rem;border-radius:999px;background:#ecfeff;color:#0f766e;font-weight:700;font-size:.8rem}
.premium-table-wrapper{padding:0 1rem 1rem}
.premium-table{border-collapse:separate;border-spacing:0 8px;background:transparent}
.premium-table thead th{position:sticky;top:0;background:#1e3a5f;color:#fff;padding:1rem .85rem;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em;border:none}
.premium-table thead th:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}
.premium-table thead th:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}
.premium-table tbody td{background:#fff;padding:.95rem .85rem;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;color:#334155}
.premium-table tbody tr td:first-child{border-left:1px solid #e2e8f0;border-top-left-radius:14px;border-bottom-left-radius:14px;width:70px;text-align:center;font-weight:700;color:#1e3a5f}
.premium-table tbody tr td:last-child{border-right:1px solid #e2e8f0;border-top-right-radius:14px;border-bottom-right-radius:14px}
.premium-table tbody tr:hover td{background:#f8fbff}
.kelas-chip{display:inline-flex;align-items:center;padding:.42rem .72rem;border-radius:999px;background:#eef2ff;color:#4f46e5;font-weight:700;font-size:.8rem}
.nama-cell{font-weight:700;color:#0f172a}
.premium-footnote{margin-top:.75rem;text-align:right;font-size:.8rem;color:#64748b}
@media (max-width: 900px){
  .murid-hero-card,.table-card-header,.premium-filter-footer{flex-direction:column;align-items:flex-start}
  .premium-stats-grid,.premium-filter-grid{grid-template-columns:1fr}
  .premium-title{font-size:1.55rem}
}


/* ===== Corporate Premium V7 ===== */
:root{
  --gold-soft:#d4af37;
  --navy-deep:#102843;
  --navy-2:#17385d;
  --slate-soft:#f4f7fb;
}
html{scroll-behavior:smooth}
body.corporate-body{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.10), transparent 28%),
    radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 25%),
    linear-gradient(180deg, #f8fafc 0%, #eff4fb 55%, #eef3f9 100%);
  color:#24364b;
}
.corporate-topbar{
  background:linear-gradient(90deg, var(--navy-deep), var(--navy-2));
  color:#dbe7f5;
  font-size:.78rem;
  letter-spacing:.02em;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.corporate-topbar-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:40px}
.topbar-left{font-weight:700;color:#f8fafc}
.topbar-right{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}
.corporate-nav{
  backdrop-filter: blur(14px);
  background:rgba(255,255,255,.88)!important;
  border-bottom:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 36px rgba(15,23,42,.06)!important;
}
#pengumuman-bar{
  background:linear-gradient(90deg,#c99813,#f0b429)!important;
  box-shadow:0 8px 18px rgba(201,152,19,.22);
}
#pengumuman-bar .max-w-screen-xl{min-height:46px}
.nav-link{
  position:relative;
  padding:11px 14px;
  border-radius:12px;
  margin:0 2px;
  transition:all .22s ease;
}
.nav-link:hover{background:#eef4fb;color:var(--navy-deep)!important;transform:translateY(-1px)}
.nav-link.active{
  color:var(--navy-deep)!important;
  background:linear-gradient(180deg,#eef5ff,#ffffff);
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.12),0 8px 22px rgba(37,99,235,.08);
}
.nav-link.active::after{
  content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--gold-soft),#f6d56a);
}
.gradient-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(212,175,55,.25), transparent 22%),
    radial-gradient(circle at 10% 90%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(135deg, #102843 0%, #17385d 38%, #28527e 100%)!important;
}
.gradient-hero::before{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:28px 28px;opacity:.15;pointer-events:none;
}
.hero-badge{
  background:rgba(212,175,55,.18)!important;
  border-color:rgba(255,214,102,.25)!important;
  color:#ffe7a3!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.badge{
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 6px 18px rgba(0,0,0,.08);
}
.stat-card{
  background:rgba(255,255,255,.92);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  border:1px solid rgba(226,232,240,.85);
}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(15,23,42,.1)}
.section-container{padding-top:0}
.corporate-section > div[class*="py-10"]{
  position:relative;
}
.section-header{
  position:relative;
  margin-bottom:1.35rem;
  padding:1.3rem 1.45rem;
  border-radius:22px;
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,251,255,.96));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 16px 36px rgba(15,23,42,.06);
  overflow:hidden;
}
.section-header::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--gold-soft),#f5d068 55%, #2563eb);
}
.page-title{font-size:1.95rem;color:var(--navy-deep)}
.page-subtitle{font-size:.98rem;color:#64748b;margin-top:.2rem}
.section-ribbon{
  margin-top:1rem;
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  flex-wrap:wrap;
}
.section-ribbon span{
  display:inline-flex;align-items:center;padding:.45rem .85rem;border-radius:999px;background:#ecf5ff;color:#1d4ed8;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.section-ribbon p{margin:0;color:#475569;font-size:.92rem;max-width:700px}
.bg-white.rounded-xl,.bg-white.rounded-2xl,.org-card,.table-wrapper,.premium-table-card,.premium-filter-card,.premium-stat-card,.tab-content > .bg-blue-50,.tab-content > .bg-white,.tab-content > .grid > div[class*="bg-"]{
  box-shadow:0 16px 36px rgba(15,23,42,.06)!important;
}
.org-card,.accordion-btn,.accordion-content,.table-wrapper,.premium-filter-card,.premium-table-card{
  border-color:rgba(148,163,184,.16)!important;
}
.org-card{
  border-left-width:5px;
  border-radius:18px;
}
.tab-btn{
  border-radius:999px;
  border:1px solid rgba(148,163,184,.2);
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 18px rgba(15,23,42,.04);
  padding:.72rem 1rem;
}
.tab-btn:hover{transform:translateY(-1px)}
.tab-btn.active{
  background:linear-gradient(135deg,var(--navy-deep),#264d76)!important;
  color:#fff!important;
  border-color:transparent;
  box-shadow:0 14px 32px rgba(16,40,67,.22);
}
.search-box,.premium-input,.premium-select, select{
  min-height:46px;
  border-radius:14px!important;
}
.table-wrapper,.premium-table-card{
  border-radius:24px;
  padding:12px;
  background:rgba(255,255,255,.94);
}
.sticky-header thead th,.premium-table thead th{
  background:linear-gradient(135deg, #102843, #21466e)!important;
}
.sticky-header tbody tr td,.premium-table tbody td{font-size:.92rem}
.sticky-header tbody tr:hover td,.premium-table tbody tr:hover td{background:#f6fbff!important}
.quick-action-btn{
  background:linear-gradient(135deg, var(--navy-deep), #21466e)!important;
  border:1px solid rgba(255,255,255,.22);
}
footer.gradient-header{
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.18), transparent 20%),
    linear-gradient(135deg, #102843 0%, #17385d 40%, #224b78 100%)!important;
  position:relative;
  overflow:hidden;
}
footer.gradient-header::before{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:24px 24px;opacity:.16;
}
footer .max-w-screen-xl{position:relative;z-index:1}
.murid-premium-section{
  background:linear-gradient(180deg,#f7faff 0%,#eef4fb 100%)!important;
}
.murid-hero-card,.premium-filter-card,.premium-table-card,.premium-stat-card{
  border-radius:26px!important;
}
.murid-accent{background:linear-gradient(180deg,var(--gold-soft),#2563eb)!important}
.premium-title,.table-card-header h3{color:var(--navy-deep)!important}
.premium-reset-btn{background:linear-gradient(135deg,var(--navy-deep),#23496f)!important}
.result-pill{background:#eef6ff!important;color:#1d4ed8!important}
@media (max-width: 900px){
  .corporate-topbar-inner,.topbar-right{display:block}
  .topbar-right span{display:inline-block;margin-right:.75rem;margin-top:.35rem}
  .page-title,.premium-title{font-size:1.55rem!important}
}

/* ===== University-style Management Section ===== */
.management-panel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
}
.management-panel-grid-compact{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.management-subnote{
  margin-bottom:1rem;
  padding:.9rem 1rem;
  border-radius:16px;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  border:1px solid rgba(148,163,184,.16);
  color:#475569;
  font-size:.92rem;
  box-shadow:0 12px 26px rgba(15,23,42,.05);
}
.university-card.profile-card{
  display:flex;
  align-items:center;
  gap:1rem;
  min-height:168px;
  padding:1.2rem;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,250,255,.96));
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 18px 40px rgba(15,23,42,.07);
  position:relative;
  overflow:hidden;
}
.university-card.profile-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top right, rgba(37,99,235,.08), transparent 28%);
  pointer-events:none;
}
.profile-media-wrap{
  width:112px;
  min-width:112px;
  height:112px;
  border-radius:28px;
  padding:4px;
  background:linear-gradient(135deg,#dbeafe,#ffffff,#fef3c7);
  box-shadow:0 12px 30px rgba(15,23,42,.12);
}
.profile-photo{
  width:100%;height:100%;object-fit:cover;border-radius:24px;display:block;
}
.profile-content{position:relative;z-index:1}
.profile-role{
  display:inline-flex;
  align-items:center;
  padding:.35rem .75rem;
  border-radius:999px;
  background:#eef6ff;
  color:#1d4ed8;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:.6rem;
}
.profile-name{
  margin:0 0 .28rem;
  font-size:1.28rem;
  font-weight:800;
  color:#163050;
  line-height:1.25;
}
.profile-meta{
  margin:0;
  font-size:.98rem;
  color:#64748b;
}
.profile-tagline{
  margin-top:.65rem;
  display:inline-flex;
  align-items:center;
  padding:.38rem .75rem;
  border-radius:999px;
  background:#fff7ed;
  color:#c2410c;
  font-size:.78rem;
  font-weight:700;
}
.role-amber .profile-role{background:#fff7ed;color:#c2410c}
.role-green .profile-role{background:#ecfdf5;color:#15803d}
.role-purple .profile-role{background:#f5f3ff;color:#7c3aed}
.role-blue .profile-role{background:#eff6ff;color:#2563eb}
.guru-highlight-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  margin-bottom:1rem;
}
.compact-profile-card{
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:1rem;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 14px 32px rgba(15,23,42,.06);
  min-height:110px;
}
.compact-profile-photo{
  width:74px;
  height:74px;
  object-fit:cover;
  border-radius:20px;
  border:3px solid #e2e8f0;
  flex-shrink:0;
}
.compact-profile-name{
  margin:0;
  font-size:1rem;
  font-weight:800;
  color:#163050;
  line-height:1.35;
}
.compact-profile-meta{
  margin:.25rem 0 0;
  font-size:.82rem;
  color:#64748b;
  line-height:1.45;
}
.guru-simple-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.simple-name-card{
  padding:1rem 1.1rem;
  min-height:74px;
  display:flex;
  align-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
  color:#163050;
  font-weight:700;
}
@media (max-width: 1100px){
  .management-panel-grid-compact,.guru-highlight-grid,.guru-simple-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 820px){
  .management-panel-grid,.management-panel-grid-compact,.guru-highlight-grid,.guru-simple-grid{grid-template-columns:1fr;}
  .university-card.profile-card,.compact-profile-card{align-items:flex-start;}
  .profile-media-wrap{width:96px;min-width:96px;height:96px;}
}

.profile-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#1e3a5f,#375f92);
  color:#fff;
  font-weight:800;
  letter-spacing:.04em;
}
.simple-profile-card{
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:1rem;
  min-height:98px;
  border-radius:20px;
  background:linear-gradient(135deg,#ffffff,#f8fbff);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.simple-profile-photo{
  width:68px;
  height:68px;
  object-fit:cover;
  border-radius:18px;
  border:3px solid #e2e8f0;
  flex-shrink:0;
}
.simple-profile-name{
  margin:0;
  font-size:.98rem;
  font-weight:800;
  color:#163050;
  line-height:1.35;
}
.simple-profile-content{min-width:0}


/* V12 premium unit directory */
.unit-shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px;}
.unit-shortcut-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dbe7f5;border-radius:22px;padding:22px;box-shadow:0 18px 45px rgba(15,35,65,.08);display:flex;flex-direction:column;gap:10px;transition:all .25s ease;}
.unit-shortcut-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(15,35,65,.12);border-color:#b7cce8;}
.unit-shortcut-icon{font-size:1.8rem;line-height:1;}
.unit-shortcut-title{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:700;color:#183153;}
.unit-shortcut-desc{font-size:.95rem;color:#5b6d83;line-height:1.6;min-height:3.2em;}
.unit-shortcut-meta{font-size:.8rem;color:#224c8f;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.unit-shortcut-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;border-radius:999px;background:#183b6b;color:#fff;padding:.8rem 1.1rem;font-weight:700;text-decoration:none;}
.unit-shortcut-link:hover{background:#0f2d55;color:#fff;}
.unit-section-note{margin-top:18px;font-size:.92rem;color:#5f6e82;background:#f8fbfe;border:1px dashed #c9d7ea;padding:14px 16px;border-radius:16px;}

.unit-page-body{background:linear-gradient(180deg,#f4f7fb 0%,#eef3f9 100%);min-height:100vh;font-family:'Source Sans 3',sans-serif;color:#20334e;}
.unit-page-wrap{max-width:1280px;margin:0 auto;padding:32px 20px 60px;}
.unit-page-hero{background:linear-gradient(135deg,#183b6b 0%,#204d8f 100%);color:#fff;border-radius:28px;padding:30px;box-shadow:0 25px 65px rgba(24,59,107,.28);display:grid;grid-template-columns:1.4fr .8fr;gap:20px;align-items:center;}
.unit-page-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.14);padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px;}
.unit-page-title{font-family:'Playfair Display',serif;font-size:2.35rem;line-height:1.1;font-weight:800;margin:0 0 8px;}
.unit-page-subtitle{font-size:1rem;color:#d9e6fb;max-width:60ch;line-height:1.7;}
.unit-page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.unit-page-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;}
.unit-page-btn.primary{background:#f4c84f;color:#132c4d;}
.unit-page-btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);}
.unit-page-aside{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px;backdrop-filter:blur(8px);}
.unit-page-stat{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px;}
.unit-stat-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:16px;border-radius:18px;}
.unit-stat-value{font-size:1.6rem;font-weight:800;}
.unit-stat-label{font-size:.82rem;color:#d8e4f9;text-transform:uppercase;letter-spacing:.04em;}
.unit-content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:24px;}
.unit-card-surface{background:#fff;border:1px solid #e0e7f0;border-radius:24px;padding:24px;box-shadow:0 16px 40px rgba(18,43,77,.06);}
.unit-card-title{font-family:'Playfair Display',serif;font-size:1.45rem;color:#173254;margin:0 0 8px;}
.unit-card-subtitle{font-size:.95rem;color:#64748b;margin-bottom:20px;}
.unit-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.unit-member-card{display:flex;gap:16px;align-items:center;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dce7f3;border-radius:20px;padding:16px;box-shadow:0 12px 32px rgba(21,40,70,.05);}
.unit-member-photo{width:78px;height:78px;border-radius:20px;object-fit:cover;border:3px solid #eef4fb;flex-shrink:0;background:#edf3fb;display:flex;align-items:center;justify-content:center;font-weight:800;color:#173254;}
.unit-member-fallback{font-size:1rem;}
.unit-member-role{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#2557a1;margin-bottom:4px;}
.unit-member-name{font-weight:800;color:#173254;font-size:1rem;line-height:1.35;margin:0 0 4px;}
.unit-member-meta{font-size:.9rem;color:#65748b;}
.unit-directory-table{width:100%;border-collapse:separate;border-spacing:0 10px;}
.unit-directory-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#607089;padding:0 14px 8px;}
.unit-directory-table tbody td{background:#f9fbfe;padding:14px;border-top:1px solid #e4edf7;border-bottom:1px solid #e4edf7;color:#31445f;}
.unit-directory-table tbody td:first-child{border-left:1px solid #e4edf7;border-radius:14px 0 0 14px;}
.unit-directory-table tbody td:last-child{border-right:1px solid #e4edf7;border-radius:0 14px 14px 0;}
.unit-table-empty{text-align:center;color:#6f8095;padding:24px !important;}
.unit-empty-state{grid-column:1/-1;border:1px dashed #cfdceb;border-radius:20px;padding:28px;text-align:center;color:#61738b;background:#f8fbff;}
.unit-guideline-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;}
.unit-guideline-list li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#f8fbff;border-radius:18px;border:1px solid #e1ebf6;color:#31445f;}
.unit-guideline-list li span{font-size:1.1rem;line-height:1;}
.unit-edit-note{margin-top:20px;background:#fff8e8;border:1px solid #f0d48c;color:#7a5a07;padding:16px 18px;border-radius:18px;font-size:.94rem;line-height:1.6;}
@media (max-width: 900px){.unit-page-hero,.unit-content-grid{grid-template-columns:1fr;}.unit-page-title{font-size:1.9rem;}}


/* V13 premium management modules */
.premium-module-shell{display:grid;gap:22px;}
.premium-module-hero{display:grid;grid-template-columns:1.3fr .9fr;gap:22px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#17355f 0%,#224b83 52%,#2a5fa8 100%);color:#fff;box-shadow:0 26px 70px rgba(18,43,77,.18);align-items:center;overflow:hidden;position:relative;}
.premium-module-hero::after{content:"";position:absolute;inset:auto -60px -60px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);}
.premium-module-hero h3{margin:6px 0 10px;font-family:'Playfair Display',serif;font-size:2rem;line-height:1.15;color:#fff;}
.premium-module-hero p{margin:0;color:#d8e6fb;line-height:1.75;max-width:68ch;}
.module-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.module-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.module-stat-chip{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;min-height:110px;justify-content:center;}
.module-stat-chip strong{font-size:1.5rem;line-height:1;color:#fff;}
.module-stat-chip span{font-size:.88rem;color:#d7e4fa;}
.ucapan-hero{background:linear-gradient(135deg,#10345f 0%,#1a548f 54%,#2970b8 100%);}
.opr-hero{background:linear-gradient(135deg,#132f59 0%,#25436f 48%,#3f699f 100%);}
.module-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;}
.module-toolbar-note{font-size:.92rem;color:#64748b;background:#f8fbfe;border:1px solid #dbe8f4;padding:12px 16px;border-radius:16px;}
.module-toolbar-note code{background:#edf4fb;border-radius:8px;padding:2px 6px;color:#173254;}
.ucapan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;}
.ucapan-card{background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%);border:1px solid #dce6f2;border-radius:24px;padding:20px;box-shadow:0 18px 46px rgba(17,43,76,.06);display:flex;flex-direction:column;gap:14px;min-height:265px;}
.ucapan-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.ucapan-week-badge,.ucapan-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.ucapan-week-badge{background:#eef5ff;color:#214f8f;}
.ucapan-status{background:#f7f5ee;color:#8a6217;}
.ucapan-card-title{margin:0;font-size:1.1rem;font-weight:800;color:#173254;line-height:1.35;}
.ucapan-meta-row{display:flex;flex-direction:column;gap:8px;font-size:.86rem;color:#5f7087;}
.ucapan-card-text{margin:0;color:#4f627a;line-height:1.72;font-size:.95rem;flex:1;}
.ucapan-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e7eef7;padding-top:14px;font-size:.8rem;color:#728399;}
.ucapan-card-index{font-weight:800;color:#1f4d8d;}
.opr-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.opr-slot-card{background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%);border:1px solid #dbe6f3;border-radius:24px;overflow:hidden;box-shadow:0 18px 46px rgba(17,43,76,.06);display:flex;flex-direction:column;min-height:290px;}
.opr-slot-card.has-image{cursor:pointer;transition:transform .25s ease, box-shadow .25s ease,border-color .25s ease;}
.opr-slot-card.has-image:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(17,43,76,.12);border-color:#bfd1e8;}
.opr-slot-preview{aspect-ratio:4/5;background:#eef4fb;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.opr-slot-preview img{width:100%;height:100%;object-fit:cover;display:block;}
.opr-slot-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6d8099;text-align:center;padding:20px;}
.opr-slot-placeholder span{font-size:2rem;}
.opr-slot-placeholder strong{font-size:1rem;color:#1a3558;}
.opr-slot-placeholder small{font-size:.85rem;}
.opr-slot-body{padding:18px;display:flex;flex-direction:column;gap:10px;}
.opr-slot-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.opr-slot-title-row h4{margin:0;font-size:1rem;font-weight:800;color:#173254;line-height:1.35;}
.opr-slot-title-row span{font-size:.78rem;color:#6881a0;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
.opr-slot-body p{margin:0;color:#5e7088;font-size:.92rem;line-height:1.65;}
.opr-lightbox{position:fixed;inset:0;display:none;z-index:1000;}
.opr-lightbox.active{display:block;}
.opr-lightbox-backdrop{position:absolute;inset:0;background:rgba(7,20,36,.72);backdrop-filter:blur(6px);}
.opr-lightbox-dialog{position:relative;z-index:1;max-width:min(1200px,92vw);max-height:90vh;margin:4vh auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);display:flex;flex-direction:column;overflow:hidden;}
.opr-lightbox-header{padding:22px 24px 12px;border-bottom:1px solid #e5edf6;}
.opr-lightbox-header h3{margin:6px 0 8px;font-family:'Playfair Display',serif;font-size:1.7rem;color:#173254;}
.opr-lightbox-header p{margin:0;color:#64748b;line-height:1.6;}
.opr-lightbox-body{padding:16px;background:#eef4fb;display:flex;justify-content:center;align-items:center;overflow:auto;}
.opr-lightbox-body img{max-width:100%;max-height:70vh;border-radius:18px;box-shadow:0 16px 44px rgba(15,23,42,.18);}
.opr-lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:none;border-radius:999px;background:#173254;color:#fff;font-size:1.1rem;font-weight:800;cursor:pointer;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,.15);}
body.modal-open{overflow:hidden;}
@media (max-width: 980px){.premium-module-hero{grid-template-columns:1fr;}.module-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width: 680px){.module-hero-stats{grid-template-columns:1fr;}.ucapan-grid,.opr-gallery-grid{grid-template-columns:1fr;}.premium-module-hero h3{font-size:1.6rem;}.opr-lightbox-dialog{margin:2vh auto;max-height:96vh;}}

.award-hero{background:linear-gradient(135deg,#173254 0%,#214f8f 50%,#c9a227 140%);} 
.award-toolbar{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin:18px 0 20px;}
.award-filter-group{display:flex;flex-direction:column;gap:6px;min-width:240px;}
.award-filter-group label{font-size:.85rem;font-weight:700;color:#173254;}
.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.award-card{background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);border:1px solid #dbe6f3;border-radius:24px;overflow:hidden;box-shadow:0 18px 46px rgba(17,43,76,.06);display:flex;flex-direction:column;}
.award-image{aspect-ratio:4/3;background:#eef4fb;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;}
.award-image img{width:100%;height:100%;object-fit:cover;display:block;}
.award-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#617590;padding:24px;text-align:center;min-height:180px;}
.award-placeholder span{font-size:.9rem;}
.award-body{padding:18px;display:flex;flex-direction:column;gap:10px;}
.award-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;}
.award-category{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#214f8f;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
.award-date{font-size:.78rem;color:#7b8ca2;font-weight:700;}
.award-body h4{margin:0;font-size:1.05rem;font-weight:800;color:#173254;line-height:1.4;}
.award-recipient{font-size:.92rem;font-weight:700;color:#234669;}
.award-body p{margin:0;color:#5f7087;line-height:1.65;font-size:.92rem;}
.empty-state-card{background:#fff;border:1px dashed #cbd8e8;border-radius:20px;padding:26px;color:#66788f;text-align:center;}
.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;}
.admin-grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;}
.admin-panel{background:linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%);border:1px solid #dbe6f3;border-radius:24px;padding:22px;box-shadow:0 18px 46px rgba(17,43,76,.06);}
.admin-panel h3{margin:0 0 14px;color:#173254;font-family:'Playfair Display',serif;font-size:1.45rem;}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.admin-form-grid .full{grid-column:1/-1;}
.admin-form-grid label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:700;color:#173254;}
.admin-textarea{min-height:120px;resize:vertical;}
.admin-actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.admin-btn{border:none;border-radius:14px;padding:12px 18px;background:#e8eef7;color:#173254;font-weight:800;cursor:pointer;}
.admin-btn.primary{background:linear-gradient(135deg,#173254,#214f8f);color:#fff;}
.admin-btn.danger{background:#fee2e2;color:#991b1b;}
.admin-list{display:flex;flex-direction:column;gap:12px;max-height:540px;overflow:auto;padding-right:4px;}
.admin-list.compact{max-height:650px;}
.admin-list-card{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#fff;border:1px solid #e2ebf5;border-radius:16px;padding:14px 16px;}
.admin-list-card.compact{padding:10px 14px;}
.admin-list-card strong{display:block;color:#173254;line-height:1.45;}
.admin-list-card small{display:block;color:#687a91;line-height:1.55;margin-top:4px;}
.admin-list-actions{display:flex;gap:8px;flex-wrap:wrap;}
.mini-btn{border:none;border-radius:12px;padding:8px 10px;background:#edf4fb;color:#214f8f;font-weight:800;cursor:pointer;font-size:.82rem;}
.mini-btn.danger{background:#fee2e2;color:#991b1b;}
.summary-status{font-size:.8rem;font-weight:800;color:#8a6217;background:#f7f5ee;border-radius:999px;padding:6px 10px;white-space:nowrap;}
.admin-preview-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e2ebf5;border-radius:18px;padding:16px;min-height:280px;justify-content:center;}
.admin-preview-card img{width:100%;max-height:360px;object-fit:contain;border-radius:14px;background:#eef4fb;}
.admin-preview-meta strong{display:block;color:#173254;}
.admin-preview-meta small{display:block;color:#66788f;line-height:1.6;margin-top:4px;}
.admin-save-note{margin-top:18px;padding:16px 18px;background:#f8fbff;border:1px solid #dce6f2;border-radius:18px;color:#5f7087;line-height:1.7;}
@media (max-width: 980px){.admin-grid-2{grid-template-columns:1fr;}}
@media (max-width: 680px){.admin-form-grid{grid-template-columns:1fr;}.awards-grid{grid-template-columns:1fr;}}


/* ===== V17 Corporate Luxe Theme Overrides ===== */
:root{
  --color-primary:#0b2340;
  --color-primary-dark:#071728;
  --color-primary-mid:#154a78;
  --color-accent:#f5b400;
  --color-accent-light:#ffe082;
  --color-secondary:#eef3f8;
  --color-text:#203247;
  --color-light:#edf4fb;
  --petronas:#00a19c;
  --shell-red:#d9381e;
  --shell-gold:#ffcc29;
}
body.corporate-body{
  background:
    radial-gradient(circle at 10% 0%, rgba(0,161,156,.08), transparent 18%),
    radial-gradient(circle at 100% 10%, rgba(255,204,41,.14), transparent 20%),
    linear-gradient(180deg,#f8fbfd 0%,#eff4f8 45%,#eef2f6 100%);
  color:var(--color-text);
}
.corporate-topbar{background:linear-gradient(90deg,#071728,#0b2340 48%,#12436e 100%)}
.corporate-nav{background:rgba(255,255,255,.92)!important;border-bottom:1px solid rgba(11,35,64,.08);box-shadow:0 16px 34px rgba(11,35,64,.08)!important}
.nav-link,.mobile-menu-item,.tab-btn{border-radius:999px!important}
.nav-link{padding:11px 16px!important;font-weight:700!important;letter-spacing:.01em}
.nav-link.active,.tab-btn.active{background:linear-gradient(135deg,#0b2340,#154a78)!important;color:#fff!important;box-shadow:0 12px 26px rgba(11,35,64,.18)}
.nav-link:hover,.tab-btn:not(.active):hover{transform:translateY(-1px)}
.gradient-hero{
  background:
    radial-gradient(circle at 85% 18%, rgba(255,204,41,.22), transparent 18%),
    radial-gradient(circle at 15% 90%, rgba(0,161,156,.18), transparent 22%),
    linear-gradient(135deg,#071728 0%,#0b2340 32%,#154a78 72%,#0c7a77 100%)!important;
}
.hero-badge{background:rgba(255,255,255,.10)!important;color:#fff6cc!important;border-color:rgba(255,255,255,.18)!important}
.section-header, .murid-hero-card{box-shadow:0 18px 40px rgba(11,35,64,.08)}
.section-header{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(242,247,252,.96));
  border:1px solid rgba(11,35,64,.08);
  border-left:6px solid transparent;
  border-image:linear-gradient(180deg,var(--shell-gold),#3b82f6) 1;
  padding:1.45rem 1.4rem;
  border-radius:26px;
}
.page-title{font-size:2.15rem;color:#0b2340;letter-spacing:-.02em}
.page-subtitle{color:#5b6f84;font-size:1rem}
.section-ribbon span,.role-badge,.badge-blue,.badge-green,.badge-amber,.badge-red,.badge-purple{border-radius:999px}
.stat-card,.premium-stat-card,.org-card,.leader-card,.award-card,.speech-card,.unit-card,.program-card{
  background:linear-gradient(135deg,#ffffff 0%,#f9fbfd 100%);
  border:1px solid rgba(11,35,64,.08);
  box-shadow:0 14px 36px rgba(11,35,64,.07);
}
.stat-card{border-radius:24px;padding:1.75rem 1.2rem}
.stat-card:hover,.org-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(11,35,64,.12)}
.stats-grid .stat-card{position:relative;overflow:hidden}
.stats-grid .stat-card::before{content:"";position:absolute;inset:0 auto auto 0;height:4px;width:100%;opacity:.95}
.stats-grid .stat-card:nth-child(1)::before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}
.stats-grid .stat-card:nth-child(2)::before{background:linear-gradient(90deg,#22c55e,#34d399)}
.stats-grid .stat-card:nth-child(3)::before{background:linear-gradient(90deg,#a855f7,#c084fc)}
.stats-grid .stat-card:nth-child(4)::before{background:linear-gradient(90deg,#f59e0b,#facc15)}
.stats-grid .stat-card:nth-child(5)::before{background:linear-gradient(90deg,#ef4444,#fb7185)}
.stats-grid .stat-card:nth-child(6)::before{background:linear-gradient(90deg,#4f46e5,#818cf8)}
.stats-grid .stat-card:nth-child(7)::before{background:linear-gradient(90deg,#0ea5e9,#22d3ee)}
.org-card{border-left:5px solid var(--petronas);border-radius:22px;padding:1.2rem 1.3rem;transition:all .28s ease}
.table-wrapper{border-radius:22px;box-shadow:0 18px 40px rgba(11,35,64,.08);border:1px solid rgba(11,35,64,.08)}
th{background:linear-gradient(135deg,#0b2340,#154a78)}
tr:hover td{background:#f2f8fd}
.murid-badge,.premium-reset-btn,.quick-action-btn{background:linear-gradient(135deg,#0b2340,#154a78)!important}
.table-chip{background:#ecfeff;color:#0f766e;border:1px solid rgba(15,118,110,.14)}
.info-row{border-bottom:1px solid rgba(11,35,64,.08)}
.search-box,.premium-select,select{border-radius:16px!important;border:1px solid rgba(11,35,64,.14)!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(11,35,64,.03)}
.search-box:focus,.premium-select:focus,select:focus{box-shadow:0 0 0 4px rgba(21,74,120,.10)!important;border-color:#154a78!important}
.corporate-profile-card{background:linear-gradient(135deg,#ffffff 0%,#f5f9fc 100%);border:1px solid rgba(11,35,64,.08);border-radius:28px;box-shadow:0 18px 38px rgba(11,35,64,.08)}
.leader-grid-card{background:linear-gradient(135deg,#fff 0%,#f6f9fc 100%);border:1px solid rgba(11,35,64,.08);border-radius:30px;box-shadow:0 20px 40px rgba(11,35,64,.08)}
.program-card{border-left:5px solid var(--petronas);border-radius:24px;transition:all .28s ease}
.program-card:nth-child(2n){border-left-color:var(--shell-gold)}
.program-card:nth-child(3n){border-left-color:#5b8def}
.program-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(11,35,64,.12)}
footer.gradient-header{background:linear-gradient(135deg,#071728 0%,#0b2340 42%,#154a78 100%)!important}
@media (max-width: 900px){.page-title{font-size:1.75rem}}