*{box-sizing:border-box}body{margin:0;color:#222;font-family:Arial,sans-serif}.skills-head{padding:22px 4vw}main{max-width:1450px;margin:auto;padding:30px 4vw 70px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-head h2{font-size:40px;margin:4px 0;text-transform:uppercase}.page-head input{width:min(420px,100%);padding:12px;font:inherit}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.metric{background:#fff;border:1px solid #d7d2c8;padding:17px}.metric b{display:block;font-size:28px}.metric span{font-size:10px;color:#666;font-weight:900}.legend{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.legend span,.skill-pill{padding:6px 9px;font-size:11px;font-weight:900}.learning{background:#f4e8bd}.independent{background:#dbe5ef}.can_teach{background:#d9ead5}.panel{background:#fff;border:1px solid #d7d2c8;padding:18px;overflow:auto}.person-block{border-top:1px solid #ddd;padding:15px 0}.person-block:first-child{border-top:0}.person-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.person-head h3{margin:0}.skills-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.skill-pill{border:0;cursor:pointer}.add-skill{border:1px dashed #999;background:#fff;padding:6px 9px;font-size:11px;font-weight:900;cursor:pointer}dialog{border:0;padding:0;width:min(560px,94vw);box-shadow:0 20px 70px #0008}dialog::backdrop{background:#0008}dialog form{padding:25px}dialog label{display:grid;gap:5px;font-weight:800;margin:12px 0}dialog select,dialog textarea{padding:10px;font:inherit}.x{float:right;border:0;background:none;font-size:32px}.dialog-actions{display:flex;gap:8px}.dialog-actions button{padding:10px 13px;font-weight:900}.danger{background:#8f1519;color:#fff;border:0}#toast{position:fixed;right:20px;bottom:20px;background:#222;color:#fff;padding:12px 16px;display:none}@media(max-width:750px){.page-head{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}}