.glass-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#ffffffb3;border:1px solid #ffffff2e;box-shadow:0 8px 32px #1f268726}.glass-card-dark{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);background:#0f172ab3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.gradient-dashboard{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-students{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-courses{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.gradient-finance{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.gradient-reports{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.gradient-employees{background:linear-gradient(135deg,#ff9a56 0%,#ff6a88 100%)}.kpi-card-modern{padding:var(--spacing-lg);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.kpi-card-modern:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.kpi-card-modern:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0003}.kpi-icon-gradient{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:64px;height:64px;margin-bottom:var(--spacing-md);background:#fff3;justify-content:center;align-items:center;display:flex}.kpi-value-large{margin:var(--spacing-sm)0;font-size:48px;font-weight:700;line-height:1}.kpi-trend-indicator{border-radius:var(--radius-sm);background:#fff3;align-items:center;gap:4px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-flex}.modern-table-container{background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.table-toolbar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.search-input-modern{flex:1;max-width:400px;position:relative}.search-input-modern input{border-radius:var(--radius-md);border:1.5px solid var(--border);width:100%;height:44px;padding-left:40px;transition:all .2s}.search-input-modern input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #3b82f61a}.search-input-modern .search-icon{color:var(--muted-text);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.filter-chips{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.filter-chip{border-radius:var(--radius-sm);background:var(--primary-100);color:var(--primary-700);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.filter-chip:hover{background:var(--primary-200)}.filter-chip button{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.skeleton{background:linear-gradient(90deg,var(--muted)0%,var(--surface)50%,var(--muted)100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{width:60%;height:24px;margin-bottom:12px}.skeleton-card{border-radius:var(--radius-lg);height:120px}.animated-number{font-variant-numeric:tabular-nums;transition:all .3s cubic-bezier(.4,0,.2,1)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px)}.hover-glow{transition:all .3s;position:relative}.hover-glow:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0;box-shadow:0 0 20px}.hover-glow:hover:after{opacity:.3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s ease-out fadeInUp}.stagger-item{opacity:0;animation:.5s ease-out forwards fadeInUp}.stagger-item:first-child{animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}
