:root{font-family:Arial,sans-serif;color:#1f2937;background:#f3f5f7}*{box-sizing:border-box}body{margin:0}.top{background:#263746;color:white;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}.top a{color:white;margin-left:16px}.wrap{max-width:1200px;margin:24px auto;padding:0 16px}.card{background:white;border:1px solid #d9dee3;border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.emp{display:flex;gap:14px}.avatar{width:76px;height:76px;border-radius:8px;object-fit:cover;background:#e5e7eb}.stars{font-size:22px;color:#d99b00;letter-spacing:1px}.muted{color:#6b7280}.btn,button{display:inline-block;background:#315d7a;color:white;border:0;border-radius:6px;padding:8px 12px;text-decoration:none;cursor:pointer}.btn.secondary{background:#6b7280}.done{color:#18723a;font-weight:bold}label{font-weight:600;display:block;margin:9px 0 4px}input,textarea,select{width:100%;padding:8px;border:1px solid #bfc7ce;border-radius:5px}textarea{min-height:90px}.skillrow{display:grid;grid-template-columns:minmax(180px,1fr) 230px;align-items:center;border-bottom:1px solid #eee;padding:8px 0}.rating{display:flex;flex-direction:row-reverse;justify-content:flex-end}.rating input{display:none}.rating label{font-size:29px;color:#c9c9c9;cursor:pointer;margin:0 2px}.rating input:checked~label,.rating label:hover,.rating label:hover~label{color:#d99b00}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #ddd;text-align:left}.flash{background:#fff3cd;padding:10px;border-radius:6px;margin-bottom:12px}@media(max-width:650px){.skillrow{grid-template-columns:1fr}.top{align-items:flex-start;gap:8px;flex-direction:column}}

.ranking-avatar{width:52px;height:52px;border-radius:8px;object-fit:cover;display:block;background:#e5e7eb}.ranking-avatar-empty{display:flex;align-items:center;justify-content:center;color:#8a929a;font-size:13px}

.ranking-extra{display:none}.ranking-show-all{margin-top:10px}

.user-rating-detail{margin:8px 0 14px;width:100%}.user-rating-detail td,.user-rating-detail th{vertical-align:middle}