@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&family=Poppins:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{color:#b8fdf7;background:#020b0f;font-family:Poppins,sans-serif}body:before{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(#00ffc80d 1px,#0000 1px),linear-gradient(90deg,#00ffc80d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.app{padding:40px 20px}.main-content{flex-direction:column;gap:30px;max-width:1100px;margin:auto;display:flex}.header h1{margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:42px}.header span{color:#00ffe1;text-shadow:0 0 10px #00ffe1}.stats-grid{border:1px solid #00ffc84d;grid-template-columns:repeat(4,1fr);display:grid}.stat-card{align-items:center;gap:15px;padding:20px;display:flex;position:relative}.stat-card:not(:last-child):after{content:"";background:#00ffc84d;width:1px;height:60%;position:absolute;top:20%;right:0}.stat-icon-box{color:#00ffe1;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-info{flex-direction:column;display:flex}.stat-value{color:#00ffe1;font-size:26px;font-weight:600}.stat-label{color:#6fe7dc;font-size:11px}.stat-value--pass{color:#00ff9f}.stat-value--fail{color:#ff4d6d}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00141999;border:1px solid #00ffc84d}.card-header{border-bottom:1px solid #00ffc84d;justify-content:space-between;padding:15px;display:flex}.student-table{border-collapse:collapse;width:100%}.student-table th{text-align:left;color:#6fe7dc;border-bottom:1px solid #00ffc833;padding:12px;font-size:11px}.student-table td{border-bottom:1px solid #00ffc81a;padding:14px 12px}.student-row{position:relative}.student-row:before{content:"";background:#00ffe1;width:3px;position:absolute;top:0;bottom:0;left:0}.student-row:hover{background:#00ffc80d}.status-pass{color:#00ff9f;border:1px solid #00ff9f4d;padding:3px 8px;font-size:11px}.status-fail{color:#ff4d6d;border:1px solid #ff4d6d4d;padding:3px 8px;font-size:11px}.score-input{color:#b8fdf7;background:0 0;border:1px solid #00ffc84d;width:60px;padding:5px}.btn-update{color:#6fe7dc;cursor:pointer;background:0 0;border:1px solid #00ffc84d;margin-left:10px;padding:5px 10px}.btn-update:hover{color:#00ffe1;border-color:#00ffe1;box-shadow:0 0 10px #00ffc866}.add-form{border:1px solid #00ffc84d;padding:20px}.add-form h2{margin-bottom:5px}.add-form p{color:#6fe7dc;margin-bottom:20px}.form-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:20px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:#6fe7dc;font-size:12px}.form-input{color:#b8fdf7;background:0 0;border:1px solid #00ffc84d;padding:12px}.form-actions{align-items:center;gap:15px;display:flex}.submit-text{color:#6fe7dc;font-size:14px}.btn-add{color:#00ffe1;cursor:pointer;background:#00ffc80d;border:1px solid #00ffc866;align-items:center;gap:8px;padding:12px 18px;display:flex}.btn-add:hover{border-color:#00ffe1;box-shadow:0 0 10px #00ffc880}@media (width<=900px){.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.stats-grid,.form-row{grid-template-columns:1fr}}