.role-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 16px 4px;background:#ebe8df;border-radius:16px;padding:5px}.role-btn{border:0;background:transparent;border-radius:12px;padding:10px 8px;font-weight:850;color:#77736b}.role-btn.on{background:#fff;color:#111;box-shadow:0 2px 10px rgba(0,0,0,.06)}.role-hero{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:16px}.role-hero.manager{border-left:6px solid var(--orange)}.role-hero.director{background:#171717;color:#fff;border-color:#171717}.role-hero h1{margin:0 0 8px;font-size:27px;line-height:1.08}.role-hero p{margin:0;color:var(--muted);line-height:1.45}.role-hero.director p{color:#cfcfcf}.role-rule{margin-top:12px;font-weight:850;font-size:14px}.role-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin:11px 0;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.03)}.role-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.role-card h3{font-size:20px;margin:5px 0 0;line-height:1.2}.role-observation{line-height:1.45;color:#56534d}.status-pill,.score-pill{flex:0 0 auto;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:950}.status-pill.pending{background:#fff2c2;color:#725400}.score-pill{background:#171717;color:#fff;font-size:14px}.compact-list{list-style:none;padding:0;margin:12px 0}.compact-list li{border-top:1px solid #eee;padding:9px 0}.compact-list li b{display:block}.compact-list li span{font-size:12px;color:var(--muted)}.role-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.btn.dark{background:#171717;color:#fff;border-color:#171717}.mini-form{margin-top:14px;background:#f8f7f2;border:1px solid #e3e0d7;border-radius:16px;padding:14px}.mini-form>b{display:block;margin-bottom:9px}.mini-form label{display:block;font-size:12px;font-weight:800;color:#66625a;margin:9px 0}.mini-form input,.mini-form textarea{display:block;width:100%;margin-top:5px;border:1px solid #d6d2c8;border-radius:12px;padding:11px;background:#fff}.mini-form textarea{min-height:80px;resize:vertical}.mini-form .check{display:flex;align-items:center;gap:8px;font-size:13px}.mini-form .check input{width:auto;margin:0}.compact-error{margin-top:10px;padding:9px;font-size:12px}.role-empty{background:#fff;border:1px dashed #cbc7bd;border-radius:20px}.director-clear{background:#eef8f1;border:1px solid #c9e4d1;border-radius:22px}.director-clear p{margin:8px 0 0;color:#4d6558}.clear-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2f8f62;color:#fff;font-weight:950;margin:0 auto 10px}.director-card{padding-left:58px}.director-rank{position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:950}.score-detail{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.score-detail span{background:#f0eee8;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:750;color:#5d5951}.director-main{background:#171717;color:#fff;border-color:#171717}.director-main span{color:#d5d5d5}@media(min-width:700px){.role-switch{max-width:520px;margin-left:auto;margin-right:auto}.role-card{padding:20px}.director-card{padding-left:66px}.director-rank{left:22px;top:22px}.role-actions .btn{min-width:150px}}