.o255-legacy-hidden{display:none!important}.o255-root{width:100%;min-width:0}.o255-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:21px 24px;border:1px solid #dbe5f0;border-radius:20px;background:linear-gradient(135deg,#102f62,#176fbd);color:#fff;box-shadow:0 14px 36px rgba(14,57,113,.15)}.o255-toolbar span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#91d7ff}.o255-toolbar h2{margin:4px 0;font-size:25px}.o255-toolbar p{margin:0;color:#d8eaff}.o255-toolbar button{min-height:42px;border:0;border-radius:11px;padding:0 16px;background:#fff;color:#11519a;font-weight:900;cursor:pointer;white-space:nowrap}.o255-canvas{display:grid;gap:14px;min-height:0;padding:18px;border:1px solid #dce6f1;border-radius:22px;background:radial-gradient(circle at 20% 0,#f4f9ff,#fff 48%);box-shadow:0 12px 35px rgba(20,44,80,.06)}.o255-level{display:grid;grid-template-columns:155px minmax(0,1fr);gap:16px;align-items:stretch;padding:14px;border:1px solid #e1e8f1;border-left:5px solid var(--level-color);border-radius:16px;background:rgba(255,255,255,.92)}.o255-level-label{display:flex;flex-direction:column;justify-content:center;padding:10px}.o255-level-label span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--level-color)}.o255-level-label strong{margin-top:5px;color:#263f5f;font-size:13px}.o255-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:11px;align-content:center}.o255-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:11px;border:1px solid #d7e1ed;border-top:4px solid var(--role-color);border-radius:15px;padding:12px;background:#fff;color:#153253;text-align:left;box-shadow:0 6px 17px rgba(27,51,84,.07);cursor:pointer;transition:.15s}.o255-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(27,51,84,.12)}.o255-card.manager{background:linear-gradient(135deg,#fff,#fff8f8)}.o255-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--role-color);color:#fff;font-size:12px;font-weight:900}.o255-card-copy{min-width:0}.o255-card-copy strong,.o255-card-copy small,.o255-card-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o255-card-copy strong{font-size:13px}.o255-card-copy small{margin-top:4px;color:#6c7d93;font-size:10px}.o255-card-copy em{margin-top:4px;color:#8a98aa;font-size:9px;font-style:normal}.o255-count{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#eef4fb;color:#345273;font-size:11px;font-weight:900}.o255-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;border:1px solid #dce5ef;border-radius:14px;background:#fff}.o255-legend span{display:flex;align-items:center;gap:6px;color:#5b6d83;font-size:10px;font-weight:800}.o255-legend i{width:9px;height:9px;border-radius:50%;background:var(--level-color)}.o255-loading,.o255-error{min-height:360px;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid #dbe5f0;border-radius:20px;background:#fff;color:#58708d;text-align:center}.o255-loading span{width:32px;height:32px;border:3px solid #d9e7f7;border-top-color:#1672ea;border-radius:50%;animation:o255spin .8s linear infinite}.o255-error button{border:0;border-radius:10px;padding:10px 14px;background:#1672ea;color:#fff;font-weight:800}@keyframes o255spin{to{transform:rotate(360deg)}}.o255-detail-hero{display:flex;align-items:center;gap:14px;padding:15px;border-radius:15px;background:#f4f8fd}.o255-detail-hero>span{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:var(--role-color);color:#fff;font-weight:900}.o255-detail-hero strong,.o255-detail-hero small{display:block}.o255-detail-hero strong{font-size:20px}.o255-detail-hero small{margin-top:4px;color:#667891}.o255-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px}.o255-detail-grid section{min-width:0;border:1px solid #e0e7f0;border-radius:14px;padding:14px}.o255-detail-grid h4{margin:0 0 10px;color:#1d3a5c;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.o255-user-list{display:grid;gap:8px}.o255-user-list>div{display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;background:#f8fafc}.o255-user-list i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--user-color);color:#fff;font-style:normal;font-size:9px;font-weight:900}.o255-user-list span{min-width:0}.o255-user-list strong,.o255-user-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o255-user-list strong{font-size:12px}.o255-user-list small{font-size:9px;color:#7a899c}.o255-hierarchy p{margin:7px 0;color:#526881;font-size:12px}.o255-perms{max-height:220px;overflow:auto;margin:0;padding-left:18px;color:#4b6079;font-size:11px;line-height:1.65}.o255-muted{color:#7c899a;font-size:12px}@media(max-width:820px){.o255-level{grid-template-columns:1fr}.o255-level-label{padding:2px 4px}.o255-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.o255-toolbar{align-items:stretch;flex-direction:column}.o255-toolbar button{width:100%}.o255-canvas{padding:9px}.o255-level{padding:9px}.o255-role-grid{grid-template-columns:1fr}}