.topbar{position:fixed;top:0;left:0;right:0;height:70px;background:#fff;border-bottom:1px solid var(--line);z-index:30;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.sidebar{position:fixed;top:70px;bottom:0;left:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);z-index:25;padding:18px}.userbox{display:flex;gap:10px;align-items:center;padding-bottom:18px}.userbox>span{width:40px;height:40px;border-radius:14px;background:#eee7ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.userbox strong,.userbox small{display:block}.userbox small{color:var(--muted)}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:12px;border-radius:13px;font-weight:800}.sidebar nav a:hover{background:#f2edff;color:var(--primary)}.backdrop{display:none}.app-main{padding:100px 28px 40px calc(var(--sidebar) + 28px);min-height:100vh}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.heading h1{margin:5px 0 0}.heading p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.stats article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px}.stats span{display:block;color:var(--muted);font-weight:800}.stats strong{font:700 2rem Fredoka}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick a{padding:20px;border:1px solid var(--line);border-radius:16px;font-weight:900}.list{display:grid;gap:10px}.list-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;justify-content:space-between;align-items:center}.list-card strong,.list-card small{display:block}.list-card small{color:var(--muted);margin-top:4px}.empty{background:#fff;border:1px dashed #d8d0e8;border-radius:20px;text-align:center;padding:35px;color:var(--muted)}.form{max-width:650px}.check{display:flex!important;align-items:center;grid-template-columns:auto 1fr!important}.code-panel{background:#251435;color:#fff;border-radius:22px;padding:20px;display:flex;align-items:center;gap:18px;margin-bottom:16px}.code-panel strong{font:700 2rem Fredoka;letter-spacing:.15em}.code-panel .btn{margin-left:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.players{display:grid}.player-row{display:grid;grid-template-columns:1fr 135px auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.player-row:first-child{border-top:0}.player-row strong,.player-row small{display:block}.player-row small{color:var(--muted)}.player-row select{border:1px solid var(--line);border-radius:12px;padding:10px}