:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;line-height:1.5;font-weight:400;--bg: #070b10;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--primary: #2dd4bf;--primary-2: #14b8a6;--primary-glow: rgba(45, 212, 191, .22);--danger: #fb7185;--danger-glow: rgba(251, 113, 133, .18);color:var(--text);background:radial-gradient(1200px 700px at 15% 10%,rgba(45,212,191,.18) 0%,transparent 55%),radial-gradient(900px 600px at 85% 0%,rgba(56,189,248,.14) 0%,transparent 55%),radial-gradient(1100px 700px at 60% 110%,rgba(251,113,133,.08) 0%,transparent 60%),linear-gradient(180deg,#05070b,#070b10 55%,#05070b);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text)}#root{min-height:100vh;display:grid;place-items:center;padding:28px 18px;overflow:auto}#root{width:100%}.table-page-selector{width:min(920px,100%);display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.selector{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #0006,inset 0 1px #ffffff0f;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background .12s ease}.selector:hover{transform:translateY(-1px);background:var(--panel-strong);border-color:#2dd4bf59;box-shadow:0 18px 50px #0000007a,0 0 0 4px #2dd4bf14,inset 0 1px #ffffff0f}.selector.active{border-color:#2dd4bfa6;box-shadow:0 18px 55px #00000085,0 0 0 4px #2dd4bf1f,inset 0 1px #ffffff0f}.selector span{font-weight:700;color:var(--text)}.table-page{width:min(920px,100%)}.table{width:100%;padding:18px;border-radius:18px;background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 26px 80px #0000008c,inset 0 1px #ffffff0f}.table-header{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.table-title{width:100%;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;padding:10px 4px;border:none;border-radius:12px;background:transparent;color:var(--text);outline:none}.table-title::placeholder{color:#ffffff73}.table-title:focus{box-shadow:0 0 0 4px var(--primary-glow)}.entry{display:grid;grid-template-columns:1fr 140px 140px 44px;gap:10px;align-items:center;padding:10px;border-radius:14px;transition:background .12s ease,border-color .12s ease}.entry:hover{background:#ffffff0a}.entry.total{margin-top:10px;padding-top:14px;background:#2dd4bf1a;border:1px solid rgba(45,212,191,.22)}.entry.total strong{color:var(--text)}.name,.weight,.grade,.actions{width:100%}input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text);outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}input::placeholder{color:#ffffff73}input:focus{border-color:#2dd4bfb3;box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff14}.actions{display:flex;justify-content:flex-end}button{border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:var(--text);border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);background:#ffffff17;border-color:#2dd4bf59;box-shadow:0 18px 50px #00000073,0 0 0 4px #2dd4bf14}button:active{transform:translateY(0);box-shadow:none}button.remove{width:36px;height:36px;padding:0;border-radius:12px;display:grid;place-items:center;font-size:18px;line-height:1;background:#fb71851f;color:var(--danger);border:1px solid rgba(251,113,133,.22)}button.remove:hover{background:#fb71852e;box-shadow:0 18px 45px #00000073,0 0 0 4px var(--danger-glow);border-color:#fb718559}.spacer{flex:1}@media(max-width:640px){.entry{grid-template-columns:1fr 1fr 1fr 44px}}@media(max-width:520px){.entry{grid-template-columns:1fr}.actions{justify-content:flex-start}}