:root{--director-navy-900: #0F172A;--director-navy-800: #1E293B;--director-navy-700: #334155;--director-gold-600: #D4AF37;--director-gold-500: #E5C158;--director-gold-400: #F0D488;--director-blue-900: #1E3A8A;--director-blue-700: #1E40AF;--director-blue-500: #3B82F6;--director-emerald: #059669;--director-amber: #F59E0B;--director-crimson: #DC2626;--director-bg: #F8FAFC;--director-card-bg: #FFFFFF;--director-border: rgba(30, 64, 175, .1);--director-text-primary: #0F172A;--director-text-secondary: #475569;--director-text-accent: #1E40AF}.bg-navy-900{background-color:var(--director-navy-900)}.bg-navy-800{background-color:var(--director-navy-800)}.bg-navy-700{background-color:var(--director-navy-700)}.text-navy-900{color:var(--director-navy-900)}.text-gold-400{color:var(--director-gold-400)}.text-gold-500{color:var(--director-gold-500)}.text-gold-600{color:var(--director-gold-600)}.bg-gold-400{background-color:var(--director-gold-400)}.bg-gold-500{background-color:var(--director-gold-500)}.bg-gold-600{background-color:var(--director-gold-600)}.border-gold-500\/20{border-color:#e5c15833}.border-gold-500\/30{border-color:#e5c1584d}.from-navy-900{--tw-gradient-from: var(--director-navy-900)}.to-navy-800{--tw-gradient-to: var(--director-navy-800)}.from-gold-400{--tw-gradient-from: var(--director-gold-400)}.to-gold-600{--tw-gradient-to: var(--director-gold-600)}.ring-gold-500{--tw-ring-color: var(--director-gold-500)}.ring-navy-900{--tw-ring-color: var(--director-navy-900)}.glass-card{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26871a}.glass-dark{background:#0f172acc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.2)}.executive-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid var(--director-border);border-radius:16px;padding:24px;box-shadow:0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.executive-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:var(--director-gold-500)}.metric-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:16px;padding:24px;color:#fff}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);pointer-events:none}.gold-border{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--director-gold-400),var(--director-gold-600)) border-box}.btn-executive{background:linear-gradient(135deg,var(--director-navy-900),var(--director-navy-800));color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;border:1px solid var(--director-gold-500);transition:all .3s ease;box-shadow:0 4px 12px #0f172a4d}.btn-executive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a66;border-color:var(--director-gold-400)}.badge-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.badge-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.badge-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.director-sidebar,.registrar-sidebar,.teacher-sidebar,.parent-sidebar{background:linear-gradient(to top,#1d4ed8,#f0f9ff);box-shadow:4px 0 24px #00000026}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#1e3a8a;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s ease}.sidebar-nav-item:hover{background:#1d4ed81a;color:#111827;transform:translate(4px)}.sidebar-nav-item.active{background:linear-gradient(90deg,#1d4ed81a,#1d4ed80d);color:#1d4ed8;border-left:3px solid #1D4ED8;padding-left:13px}.sidebar-nav-item svg{flex-shrink:0}.director-sidebar::-webkit-scrollbar{width:6px}.director-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.director-sidebar::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.director-sidebar::-webkit-scrollbar-thumb:hover{background:#d4af3780}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.2) 50%,transparent 100%);background-size:1000px 100%;animation:shimmer 2s infinite}