@import"https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Jura,sans-serif;background-color:#dbe2ef;overflow:hidden}.page{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#2a2a2f}.top-panel{width:650px;height:350px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;overflow:hidden;font-family:Jura,sans-serif;display:flex;flex-direction:column;color:#fff}.custom-panel{min-width:650px;min-height:400px;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;font-family:Jura,sans-serif;display:flex;flex-direction:column;color:#fff;overflow:visible}.header{padding:12px 16px;text-align:center;background-image:linear-gradient(135deg,#00f260,#0575e6);background-size:400% 400%;animation:shine 10s ease-in-out infinite;background-repeat:repeat;color:#fff;text-transform:uppercase;letter-spacing:1px}.header h1{margin:0;font-size:1.1rem;font-weight:600}.header p{margin-top:4px;font-size:.65rem;opacity:.7}.grid-2{flex:1;display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;gap:4px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:4px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;gap:4px}.student-cont{padding:4px 6px;box-sizing:border-box;overflow-y:hidden;font-size:.7rem;line-height:1.2;height:100%}.student-cont h3{justify-self:center;align-self:center}.group_cont{padding:20px;display:flex;flex-direction:column;gap:15px}.student-col{display:flex;flex-direction:column;height:100%;justify-content:space-between}.student-card{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:4px;padding:4px 6px;position:relative;transition:background-color .3s ease;display:flex;justify-content:space-between}.gold{background:linear-gradient(45deg,#ffd70099,#ffd70099,#ffffff80,#ffd70099,#ffd70099)}.silver{background:linear-gradient(45deg,#cbd6d899,#ffffff80,#cbd6d899)}.bronze{background:linear-gradient(45deg,#b5652d99,#b5652d99,#fff6,#b5652d99,#b5652d99)}.student-card.top-3{animation:shine 7s infinite linear;background-blend-mode:color-burn;background-size:400% 400%}.student-card.top-3 .student-score-value{background-color:#2a2a2a}.student-card.top-3 .student-score-label{color:#1a1a1a}@keyframes shine{0%{background-position:0% 0%}25%{background-position:50% 50%}50%{background-position:100% 100%}75%{background-position:50% 50%}to{background-position:0% 0%}}.student-name{font-weight:500;margin:0}.student-score-cont{display:flex;gap:6px;align-items:center}.student-score-label{font-size:.6rem;color:#aaa}.student-score-value{font-size:.65rem;font-weight:700;color:#4caf50;background:#4caf5026;padding:1px 4px;border-radius:2px}.coming-soon-content{padding:30px 20px;height:100%;display:flex;align-items:center;justify-content:center;flex:1}.announcement-card{text-align:center;padding:40px 30px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:500px;width:100%}.announcement-card .announcement-icon{font-size:4rem;margin-bottom:20px}.announcement-card .announcement-icon span{display:inline-block;animation:pulse 2s infinite}.announcement-card h2{color:#00f260;font-size:2rem;margin-bottom:15px;font-weight:600}.announcement-card .announcement-text{font-size:1.2rem;line-height:1.6;color:#e0e0e0;margin-bottom:30px}.announcement-card .features-preview{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.announcement-card .features-preview .feature-item{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.9rem;color:#ccc}.announcement-card .features-preview .feature-item .feature-icon{font-size:1.2rem}.announcement-card .coming-soon-date{color:#888;font-style:italic}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}