:root{--teal: #00a3ce;--teal-ink: #0076a3;--ink: #13203c;--gold: #fba211;--cream: #f0f0e7;--muted: #5b6b85;--line: #dfe0d8;--white: #ffffff;--error: #b3261e}*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--cream);min-height:100vh}.site-header{display:flex;align-items:center;gap:16px;background:var(--white);border-bottom:3px solid var(--teal);padding:10px 20px;flex-wrap:wrap}.brand-logo{height:40px;width:auto;display:block}.brand-sub{margin-left:auto;font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}#nav a{font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.9rem;color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:8px}#nav a.active{background:var(--teal);color:var(--white)}main{padding:16px;display:flex;justify-content:center}.stack{display:flex;flex-direction:column;gap:16px;width:100%;max-width:960px}.card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px 24px;width:100%;max-width:960px}.card.narrow{max-width:420px}h1{font-size:1.35rem;margin:0 0 16px}.field{margin:0 0 16px}.field>label{display:block;font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:.8rem;color:var(--muted);margin-bottom:6px}input,select,button{font:inherit}input,select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink)}.field>input,.field>select{width:100%;max-width:420px}details{margin-top:8px}details>*{margin-right:6px}button{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer}button.primary{background:var(--teal);border-color:var(--teal);color:var(--white);font-weight:600}button.primary:hover{background:var(--teal-ink)}button.link{border:none;background:none;color:var(--teal-ink);padding:4px 6px}button:disabled{opacity:.55;cursor:progress}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.code{font-weight:600;margin:0 10px}table{border-collapse:collapse;margin:6px 0}th,td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--line)}th{font-family:Montserrat,system-ui,sans-serif;font-size:.8rem;color:var(--muted)}tr.total td{font-weight:600}table.rows input{width:90px}.status{color:var(--muted);margin:8px 0;min-height:1.4em}.error{color:var(--error)}.note{font-weight:600;color:var(--ink)}@media (max-width: 560px){.brand-sub{display:none}.card{padding:16px}}h2{font-size:1.05rem;margin:20px 0 8px}.pickers{display:flex;gap:16px;flex-wrap:wrap}.pickers .field{flex:1 1 260px}.tray-item{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding:12px 0;flex-wrap:wrap}.tray-item>div{display:flex;gap:8px;flex-wrap:wrap;align-items:center}img.page{width:220px;border:1px solid var(--line);border-radius:6px;cursor:zoom-in}img.page.big{width:100%;cursor:zoom-out}.tray-code{flex-basis:100%;font-size:14px}.tray-code canvas.crop{width:100%;max-width:520px}canvas.crop{max-width:100%;height:auto;border:1px solid var(--line);border-radius:6px;display:block;margin:8px 0}ol.names{columns:2;font-size:.85rem}.detail{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start}.pages{display:flex;gap:10px;flex-wrap:wrap}figure{margin:0}figcaption{font-size:.8rem;color:var(--muted)}tr.r-correct td:nth-child(4){background:#c6efce}tr.r-wrong td:nth-child(4){background:#ffc7ce}tr.r-dont-know td:nth-child(4){background:#ddebf7}tr.r-multiple td:nth-child(4){background:#ffeb9c}tr.r-not-answered td:nth-child(4){background:#ededed}.school-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.school-row select{flex:1 1 320px;max-width:520px}.school-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px;min-height:1.6em}.code-edit{display:inline-flex;gap:6px;align-items:center}.code-edit[hidden]{display:none}.tags{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.tag{font-family:Montserrat,system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;line-height:1.5;white-space:nowrap}.tag.group{background:var(--gold);color:var(--ink)}.tag.code{background:#e3f4fa;color:var(--teal-ink);border:1px solid #b7e3f2}.batches,.hint{color:var(--muted);font-size:.85rem}dialog.groups{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:14px;padding:20px 24px;color:var(--ink);overflow:auto}dialog.groups::backdrop{background:#13203c73}dialog.groups h2{margin:0;font-size:1.2rem}dialog.groups h3{font-size:.95rem;margin:18px 0 8px}.dlg-head{display:flex;justify-content:space-between;align-items:center}.dlg-head .close{font-size:1.6rem;line-height:1;color:var(--muted)}.group-list{display:flex;flex-direction:column;gap:8px}.group-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;background:#fffaf0}.group-name{font-weight:600;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.group-row .batches{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.chip{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:1px 10px;font-size:.8rem}.dlg-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:8px 0}.dlg-row label{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--muted);font-weight:600}.dlg-row label input{color:var(--ink);font-weight:400}.dlg-row input[type=search]{flex:1 1 260px}dialog.groups .ticks{max-height:240px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:6px;columns:2}dialog.groups label.tick{display:flex;gap:8px;align-items:center;padding:4px 6px;border-radius:6px;break-inside:avoid;cursor:pointer}dialog.groups label.tick:hover{background:var(--cream)}dialog.groups label.tick[hidden]{display:none}.dlg-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}@media (max-width: 560px){dialog.groups .ticks{columns:1}}.conn{padding:10px 14px;border-radius:10px;margin:12px 0;font-weight:600}.conn:before{content:"●";margin-right:8px}.conn.ok{background:#e5f6ec;color:#1b6b3a}.conn.warn{background:#fff4dc;color:#8a5a00}.conn.off{background:#fdecea;color:var(--error)}.setup{border:2px dashed var(--teal);border-radius:12px;padding:4px 18px 10px;margin-bottom:12px}.steps{padding-left:22px;line-height:1.7}.steps li{margin:6px 0}a.button{display:inline-block;text-decoration:none;padding:8px 16px;border-radius:8px;font-weight:600}a.button.primary{background:var(--teal);color:var(--white)}details.help{margin:0 0 8px}button.big{font-size:1.05rem;padding:12px 22px}.stats{font-weight:600}.waiting{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.waiting:not(:empty){background:#fff4dc;padding:10px 14px;border-radius:10px}table.roster{border-collapse:collapse;width:100%}table.roster th,table.roster td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}table.roster th{font-size:.8rem;color:var(--muted);font-weight:600}.bar{height:6px;background:var(--line);border-radius:3px;margin-top:4px;min-width:80px}.bar span{display:block;height:100%;background:var(--teal);border-radius:3px}.copies{display:flex;flex-wrap:wrap;gap:4px}.copy{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:6px;cursor:default}.copy.full{background:#2e9e5b;color:var(--white)}.copy.part{background:var(--gold);color:var(--ink)}.copy.none{background:#e8e8e1;color:var(--muted)}.copy.flash{outline:3px solid var(--teal)}.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.page-card{display:flex;gap:10px;border:1px solid var(--line);border-left:5px solid var(--line);border-radius:10px;padding:8px;background:var(--white)}.page-card img{width:70px;height:99px;object-fit:cover;border:1px solid var(--line);flex:none}.page-card p{margin:4px 0;font-size:.85rem}.page-card .badge{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.page-card.saved{border-left-color:#2e9e5b}.page-card.saved .badge{color:#1b6b3a}.page-card.duplicate,.page-card.rough{border-left-color:var(--muted)}.page-card.duplicate .badge{color:var(--muted)}.page-card.tray{border-left-color:var(--gold)}.page-card.tray .badge{color:#8a5a00}.page-card.error,.page-card.foreign{border-left-color:var(--error)}.page-card.error .badge,.page-card.foreign .badge{color:var(--error)}@media (max-width: 700px){table.roster td:nth-child(2),table.roster th:nth-child(2){display:none}}.trouble:not(:empty){background:#fff4dc;border-left:5px solid var(--gold);padding:6px 14px;border-radius:10px;margin-bottom:10px;font-weight:600}ul.checks{list-style:none;padding:0;margin:0 0 12px}ul.checks>li{padding:8px 12px 8px 34px;margin:6px 0;border-radius:8px;position:relative;font-weight:600}ul.checks>li:before{position:absolute;left:12px}ul.checks>li.ok{background:#e5f6ec;color:#1b6b3a}ul.checks>li.ok:before{content:"✓"}ul.checks>li.todo{background:#fff4dc;color:#8a5a00}ul.checks>li.todo:before{content:"!"}ul.checks ul{font-weight:400;margin:6px 0 0;padding-left:18px}