*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{max-width:1100px;margin:0 auto;padding:28px 20px}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#1a0533,#0d1b4b,#1a0533);border:1px solid #a855f755;border-radius:20px;margin-bottom:28px;padding:42px 20px;position:relative;overflow:hidden;box-shadow:0 0 40px #a855f733,0 0 80px #a855f70d}.header:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f70f 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.header h1{letter-spacing:3px;background:linear-gradient(90deg,#a855f7,#ec4899,#f59e0b);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.4rem;font-weight:800}.header p{color:#7c6a9a;letter-spacing:2px;text-transform:uppercase;font-size:.95rem}.stats-bar{gap:16px;margin-bottom:28px;display:flex}.stat-card{background:#11101a;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;flex:1;align-items:center;padding:22px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.stat-card:after{content:"";opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.stat-card:hover{transform:translateY(-5px)}.stat-card.total:after{background:linear-gradient(90deg,#a855f7,#ec4899)}.stat-card.pass:after{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.fail:after{background:linear-gradient(90deg,#ef4444,#f97316)}.stat-card:hover:after{opacity:1}.stat-card.total{border-top:3px solid #a855f7}.stat-card.pass{border-top:3px solid #10b981}.stat-card.fail{border-top:3px solid #ef4444}.stat-number{color:#fff;font-size:2.4rem;font-weight:900}.stat-card.total .stat-number{color:#c084fc}.stat-card.pass .stat-number{color:#34d399}.stat-card.fail .stat-number{color:#f87171}.stat-label{color:#4a4a6a;text-transform:uppercase;letter-spacing:1.5px;margin-top:5px;font-size:.75rem}.main-content{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.table-wrapper{background:#11101a;border:1px solid #a855f722;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #a855f714}.table-header-bar{background:linear-gradient(90deg,#1a0d2e,#0d1530);border-bottom:1px solid #a855f722;justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.table-title{letter-spacing:3px;background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-size:.82rem;font-weight:800}.entry-count{color:#f59e0b;letter-spacing:1px;background:#f59e0b18;border:1px solid #f59e0b33;border-radius:20px;padding:4px 12px;font-size:.82rem;font-weight:700}.student-table{border-collapse:collapse;width:100%;font-size:.9rem}.student-table thead tr{background:#0e0d18;border-bottom:1px solid #ffffff0d}.student-table thead th{text-align:left;letter-spacing:2.5px;color:#3d3d5c;text-transform:uppercase;padding:14px 26px;font-size:.72rem;font-weight:700}.student-table tbody tr{border-bottom:1px solid #ffffff06;transition:background .2s}.student-table tbody tr:hover{background:#1a1530}.student-table td{vertical-align:middle;padding:18px 26px}.row-pass{border-left:3px solid #10b981}.row-fail{border-left:3px solid #ef4444}.score-value{font-size:1.25rem;font-weight:900}.pass-score,.fail-score{color:#f59e0b}.badge{letter-spacing:2px;text-transform:uppercase;border-radius:8px;align-items:center;gap:7px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-flex}.badge.pass{color:#34d399;background:linear-gradient(135deg,#10b98120,#34d39910);border:1px solid #10b98140}.badge.fail{color:#f87171;background:linear-gradient(135deg,#ef444420,#f9731610);border:1px solid #ef444440}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.badge.pass .dot{background:#34d399;box-shadow:0 0 6px #34d399}.badge.fail .dot{background:#f87171;box-shadow:0 0 6px #f87171}.update-cell{align-items:center;gap:8px;min-width:220px;display:flex}.score-input{text-align:center;color:#e0e0e0;background:#0a0a0f;border:1px solid #a855f733;border-radius:8px;outline:none;width:85px;padding:9px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.score-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f726}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn-save{color:#557;letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #2a2a3a;border-radius:8px;padding:9px 18px;font-size:.72rem;font-weight:700;transition:all .25s}.btn-save:hover{color:#c084fc;background:#a855f715;border-color:#a855f7;box-shadow:0 0 14px #a855f733}.form-wrapper{background:#11101a;border:1px solid #a855f722;border-radius:20px;padding:28px;box-shadow:0 8px 32px #a855f714}.form-wrapper h2{background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2.5px;-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #a855f722;margin-bottom:22px;padding-bottom:14px;font-size:.82rem;font-weight:800}.add-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#3d3d5c;text-transform:uppercase;letter-spacing:1.5px;font-size:.72rem;font-weight:700}.form-input{color:#e0e0e0;background:#0a0a0f;border:1px solid #ffffff0d;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f71f}.btn-add{color:#fff;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:10px;margin-top:4px;padding:14px;font-size:.85rem;font-weight:800;transition:all .25s;box-shadow:0 4px 20px #a855f74d}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a855f780}.btn-add:active{transform:translateY(0)}@media (width<=768px){.main-content{grid-template-columns:1fr}.stats-bar{flex-direction:column}.header h1{font-size:1.6rem}.update-cell{flex-direction:column;align-items:flex-start}}.btn-remove{color:#557;cursor:pointer;background:0 0;border:1px solid #2a2a3a;border-radius:8px;padding:9px 13px;font-size:.85rem;font-weight:700;transition:all .25s}.btn-remove:hover{color:#f87171;background:#ef444415;border-color:#ef4444;box-shadow:0 0 14px #ef444433}