:root{--ink:#172033;--muted:#657086;--blue:#274690;--blue2:#eaf0ff;--line:#dce2ec;--danger:#a72424;--bg:#f4f6fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}header{background:#fff;border-bottom:1px solid var(--line);padding:14px max(20px,calc((100% - 1200px)/2));display:flex;gap:30px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.brand{font-weight:800;text-decoration:none;color:var(--ink)}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}nav a{color:var(--blue);text-decoration:none}nav form{margin:0}button,.button{border:0;border-radius:8px;padding:10px 16px;background:var(--blue);color:#fff;font:inherit;font-weight:650;cursor:pointer;text-decoration:none;display:inline-block}nav button{background:transparent;color:var(--muted);padding:0}main{max-width:1200px;margin:36px auto;padding:0 20px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,42px);box-shadow:0 6px 24px #1e2a4410}.login{max-width:560px;margin:8vh auto}.stack,.login form{display:grid;gap:18px;max-width:760px}label{display:grid;gap:7px;font-weight:650}input,select{width:100%;border:1px solid #bcc6d6;border-radius:8px;padding:11px 12px;background:#fff;font:inherit}.alert{background:#ffe9e9;color:#7e1616;padding:12px;border-radius:8px}.filters{display:grid;grid-template-columns:1fr 190px auto;gap:10px;margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px}.person-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 16px #18233a10}.person-card img{width:100%;aspect-ratio:1;object-fit:cover}.person-card>div{padding:18px;text-align:center}.person-card h2{font-size:1.15rem;margin:0 0 8px}.person-card p,.person-card strong{font-size:.85rem;margin:4px 0}.badge{position:absolute;right:10px;top:10px;background:#172033;color:#fff;border-radius:6px;padding:5px 8px;font-size:.72rem}.heading{display:flex;justify-content:space-between;align-items:center}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}hr{border:0;border-top:1px solid var(--line);margin:32px 0}.danger{background:var(--danger);margin-top:18px}.current-photo{width:220px;max-width:100%;border-radius:10px}.empty{text-align:center;grid-column:1/-1}.slideshow .person-card{display:none;max-width:420px;margin:auto}.slideshow .person-card.active{display:block}.slideshow{display:block}.game{max-width:920px;margin:auto}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.choice{background:#fff;color:var(--ink);border:2px solid var(--line);padding:12px}.choice img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.choice.correct{border-color:#2f9d57;background:#ebfff2}.choice.wrong{border-color:#d94848;background:#fff0f0}.target{max-width:260px;display:block;margin:15px auto;border-radius:10px}#crop-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:28px;margin-top:20px}.crop-main img{max-width:100%;display:block}.crop-preview{width:210px;height:210px;position:relative;overflow:hidden;border-radius:10px;background:#eee}.preview{width:100%;height:100%;overflow:hidden}.face-guide{position:absolute;inset:0;pointer-events:none;border:3px solid #ffffffcc}.eye{position:absolute;top:39%;width:15%;height:3px;background:#e31d1d}.eye.left{left:20%}.eye.right{right:20%}.mouth{position:absolute;top:67%;left:35%;width:30%;height:3px;background:#e31d1d}.hint{font-size:.85rem;color:var(--muted)}@media(max-width:700px){header{position:static;display:block}nav{margin-top:10px}.filters{grid-template-columns:1fr}#crop-workspace{grid-template-columns:1fr}.crop-preview{margin:auto}}