@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";body{margin:0;font-family:Arial,sans-serif;background:#f5f7fa}:root{--bg: #050a0e;--surface: #0b1318;--surface-2: #101c24;--border: #1e3340;--neon: #00ffe0;--neon-dim: rgba(0, 255, 224, .12);--neon-mid: rgba(0, 255, 224, .35);--gold: #ffc857;--gold-dim: rgba(255, 200, 87, .1);--pass: #00e676;--pass-dim: rgba(0, 230, 118, .1);--fail: #ff4d6d;--fail-dim: rgba(255, 77, 109, .1);--text: #cce8f4;--text-muted: #4a7a94;--font-display: "Bebas Neue", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;cursor:default}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,224,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,224,.03) 1px,transparent 1px);background-size:48px 48px;z-index:0;pointer-events:none}body:after{content:"";position:fixed;top:-50%;left:-20%;width:60vw;height:60vw;background:radial-gradient(ellipse,rgba(0,255,224,.04) 0%,transparent 65%);z-index:0;pointer-events:none;animation:orb-drift 14s ease-in-out infinite alternate}@keyframes orb-drift{0%{transform:translate(0) scale(1)}to{transform:translate(10vw,8vh) scale(1.1)}}.container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:48px 24px 80px}.header{margin-bottom:52px;animation:slide-down .6s cubic-bezier(.16,1,.3,1) both}.header-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--neon);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:10px}.header-eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--neon);box-shadow:0 0 6px var(--neon)}.title{font-family:var(--font-display);font-size:clamp(48px,8vw,88px);line-height:.92;letter-spacing:.02em;color:var(--text);text-transform:uppercase;position:relative;display:inline-block}.title-accent{color:var(--neon);text-shadow:0 0 30px rgba(0,255,224,.5),0 0 60px rgba(0,255,224,.2)}.header-rule{margin-top:20px;height:1px;background:linear-gradient(90deg,var(--neon),transparent 60%);box-shadow:0 0 8px #00ffe04d}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:40px;animation:slide-up .6s .15s cubic-bezier(.16,1,.3,1) both}.stat-cell{background:var(--surface);padding:20px 24px;position:relative;overflow:hidden;transition:background .2s}.stat-cell:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--neon);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.stat-cell:hover:before{transform:scaleX(1)}.stat-cell:hover{background:var(--surface-2)}.stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:36px;letter-spacing:.04em;color:var(--neon);text-shadow:0 0 20px rgba(0,255,224,.4);line-height:1}.form-wrapper{margin-bottom:40px;border:1px solid var(--border);background:var(--surface);position:relative;animation:slide-up .6s .25s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.form-wrapper:before{content:"NEW ENTRY";position:absolute;top:14px;right:20px;font-family:var(--font-mono);font-size:9px;letter-spacing:.3em;color:var(--text-muted)}.form-header{padding:14px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.form-header-dot{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--neon)}50%{opacity:.5;box-shadow:0 0 2px var(--neon)}}.form-header-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase}.form{display:flex;gap:0;padding:0}.form input{flex:1;background:transparent;border:none;border-right:1px solid var(--border);padding:18px 22px;font-family:var(--font-mono);font-size:14px;color:var(--text);outline:none;transition:background .2s,color .2s}.form input:focus{background:var(--neon-dim);color:#fff}.form input::placeholder{color:var(--text-muted);font-size:12px;letter-spacing:.05em}.form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.form button[type=submit]{background:transparent;border:none;padding:18px 32px;font-family:var(--font-display);font-size:18px;letter-spacing:.12em;color:var(--neon);cursor:pointer;position:relative;overflow:hidden;transition:color .2s;white-space:nowrap}.form button[type=submit]:before{content:"";position:absolute;inset:0;background:var(--neon);transform:translate(-101%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:0}.form button[type=submit]:hover:before{transform:translate(0)}.form button[type=submit]:hover{color:var(--bg)}.form button[type=submit] span{position:relative;z-index:1}.table-wrapper{border:1px solid var(--border);background:var(--surface);overflow:hidden;animation:slide-up .6s .35s cubic-bezier(.16,1,.3,1) both}.table-header-bar{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.table-header-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.table-header-count{font-family:var(--font-mono);font-size:11px;color:var(--neon)}.table{width:100%;border-collapse:collapse}.table thead tr{background:var(--surface-2)}.table th{font-family:var(--font-mono);font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);padding:14px 20px;text-align:left;border-bottom:1px solid var(--border);font-weight:400}.table td{padding:16px 20px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:13px;transition:background .2s}.table tbody tr{position:relative;animation:row-in .4s cubic-bezier(.16,1,.3,1) both;transition:background .2s}.table tbody tr:last-child td{border-bottom:none}@keyframes row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.table tbody tr:nth-child(1) td{animation-delay:.05s}.table tbody tr:nth-child(2) td{animation-delay:.1s}.table tbody tr:nth-child(3) td{animation-delay:.15s}.table tbody tr:nth-child(4) td{animation-delay:.2s}.table tbody tr:nth-child(5) td{animation-delay:.25s}.table tbody tr:nth-child(6) td{animation-delay:.3s}.table tbody tr:nth-child(7) td{animation-delay:.35s}.table tbody tr:nth-child(8) td{animation-delay:.4s}.table tbody tr:hover td{background:var(--surface-2)}.pass td:first-child{border-left:3px solid var(--pass)}.fail td:first-child{border-left:3px solid var(--fail)}.student-name{font-family:var(--font-body);font-weight:500;font-size:14px;color:#fff;letter-spacing:.02em}.score-display{font-family:var(--font-display);font-size:22px;letter-spacing:.05em;color:var(--gold);text-shadow:0 0 12px rgba(255,200,87,.3)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid;position:relative;overflow:hidden}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.badge-pass{color:var(--pass);border-color:#00e67659;background:var(--pass-dim)}.badge-pass:before{background:var(--pass);box-shadow:0 0 6px var(--pass)}.badge-fail{color:var(--fail);border-color:#ff4d6d59;background:var(--fail-dim)}.badge-fail:before{background:var(--fail);box-shadow:0 0 6px var(--fail)}.update-cell{display:flex;align-items:center;gap:8px}.update-cell input[type=number]{width:72px;background:var(--bg);border:1px solid var(--border);padding:7px 10px;font-family:var(--font-mono);font-size:13px;color:var(--text);outline:none;transition:border-color .2s,background .2s}.update-cell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.update-cell input[type=number]:focus{border-color:var(--neon);background:var(--neon-dim);color:#fff}.update-cell button{background:transparent;border:1px solid var(--border);padding:7px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}.update-cell button:hover{border-color:var(--neon);color:var(--neon);background:var(--neon-dim);box-shadow:0 0 12px var(--neon-dim)}.update-cell button:active{transform:scale(.97)}.empty-state{padding:60px 20px;text-align:center}.empty-state-icon{font-family:var(--font-display);font-size:64px;color:var(--border);margin-bottom:12px}.empty-state-text{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.footer{margin-top:40px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--text-muted);opacity:.5}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--neon-mid)}