.trainning-hero{background:linear-gradient(135deg,#1e3a5f 0%,#2d1b69 50%,#1a1a2e 100%);border-radius:0 0 24px 24px;padding:2.5rem 2rem;position:relative;overflow:hidden}.trainning-hero:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-50px}.trainning-hero:after{content:"";pointer-events:none;background:#ffffff08;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;left:-40px}.trainning-hero-title{color:#fff;letter-spacing:-.025em;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;display:flex}.trainning-hero-subtitle{color:#ffffffa6;margin-top:.5rem;font-size:.95rem}.trainning-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.student-card{border-radius:var(--card-radius,16px);box-shadow:var(--card-shadow);background:#fff;border:1px solid #e5e7eb;transition:box-shadow .3s;overflow:hidden}.student-card:hover{box-shadow:var(--card-shadow-hover)}.student-card-banner{background:linear-gradient(135deg,#1e3a5f 0%,#2d1b69 60%,#3b82f6 100%);padding:1.25rem 1.5rem;position:relative;overflow:hidden}.student-card-banner:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-40px}.student-card-banner:after{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-50px;left:30%}.student-card-banner-title{color:#fff;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.student-card-banner-subtitle{color:#fff9;margin-top:.25rem;font-size:.8rem}.student-avatar-wrapper{position:relative}.student-avatar-ring{opacity:.85;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/300% 300%;border-radius:16px;animation:4s ease-in-out infinite avatarRingShift;position:absolute;inset:-3px}@keyframes avatarRingShift{0%,to{background-position:0%}50%{background-position:100%}}.student-avatar-glow{pointer-events:none;background:radial-gradient(#6366f138 0%,#0000 70%);border-radius:22px;animation:3s ease-in-out infinite glowPulse;position:absolute;inset:-10px}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.student-divider{background:linear-gradient(#0000,#e2e8f0 20% 80%,#0000);flex-shrink:0;align-self:stretch;width:1px}.student-id-badge{color:#4f46e5;letter-spacing:.02em;background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #c7d2fe;border-radius:999px;align-items:center;gap:.375rem;margin-top:.375rem;padding:.2rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.student-info-item{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;transition:background .2s,border-color .2s,transform .2s;display:flex}.student-info-item:hover{background:#f8faff;border-color:#e0e7ff;transform:translate(4px)}.student-info-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.student-info-icon-blue{color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#ede9fe)}.student-info-icon-purple{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#fce7f3)}.student-info-icon-green{color:#16a34a;background:linear-gradient(135deg,#dcfce7,#d1fae5)}.student-info-icon-amber{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fed7aa)}.student-info-icon-rose{color:#e11d48;background:linear-gradient(135deg,#ffe4e6,#fce7f3)}.training-list-card{border-radius:var(--card-radius,16px);box-shadow:var(--card-shadow);background:#fff;border:1px solid #e5e7eb;transition:box-shadow .3s;overflow:hidden}.training-list-card:hover{box-shadow:var(--card-shadow-hover)}.training-list-header{border-bottom:1px solid #f1f5f9;padding:1.5rem}.training-item{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.training-item:before{content:"";opacity:0;background:linear-gradient(#3b82f6,#6366f1);width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.training-item:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f61f,0 2px 8px #0000000a}.training-item:hover:before{opacity:1}.training-badge{border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.training-badge-active{color:#15803d;background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #bbf7d0}.training-badge-ended{color:#b91c1c;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5}.training-badge-dot{border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite badgePulse}.training-badge-active .training-badge-dot{background:#16a34a}.training-badge-ended .training-badge-dot{background:#dc2626}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.4}}.training-detail-btn{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.training-detail-btn:hover{color:#2563eb;background:#dbeafe;transform:translate(2px)}.navbar-glass{-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffffd9!important;border-bottom:1px solid #e5e7eb99!important}.navbar-brand{background:linear-gradient(135deg,#1e3a5f,#6366f1);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.navbar-link{color:#64748b;padding:.25rem 0;font-weight:500;transition:color .2s;position:relative}.navbar-link:hover{color:#0f172a}.navbar-link:after{content:"";background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:1px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-4px;left:0}.navbar-link:hover:after{width:100%}.navbar-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:600;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 8px #3b82f64d}.navbar-avatar:hover{transform:scale(1.05);box-shadow:0 4px 14px #3b82f666}.main-content-bg{background:linear-gradient(#f8fafc 0%,#fff 100%);min-height:100vh}.main-footer{text-align:center;color:#94a3b8;background:#fff;border-top:1px solid #f1f5f9;padding:1.25rem;font-size:.8rem;font-weight:500}@media (max-width:767px){.trainning-hero{border-radius:0 0 16px 16px;padding:1.5rem 1rem}.trainning-hero-title{font-size:1.25rem}}