._role-viewer-wrapper_acnf2_1{position:relative;width:100vw;height:100%;overflow:hidden}._container_1d9oz_1{text-align:center;padding:4px}._label_1d9oz_6{font-weight:700}._id_1d9oz_10{font-size:10px;opacity:.7}._container_1hfd2_1{width:100%;height:100%;min-height:400px;border:1px solid #ccc;border-radius:4px;overflow:hidden}._svg_1hfd2_10{display:block}._sidebar_12ymm_1{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:300px;height:100%;padding:16px;background-color:#fff;border-left:1px solid #ccc;box-shadow:-2px 0 8px #0000001a;z-index:10;overflow-y:auto}._header_12ymm_17{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}._title_12ymm_26{margin:0;font-size:16px}._closeButton_12ymm_31{width:28px;height:28px;padding:0;border:none;background:#f0f0f0;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}._closeButton_12ymm_31:hover{background:#e0e0e0}._section_12ymm_47{margin-bottom:16px}._sectionTitle_12ymm_51{margin:0 0 12px;font-size:14px;color:#666}._list_12ymm_57{list-style:none;margin:0;padding:0}._listItem_12ymm_63{margin-bottom:8px}._addButton_12ymm_67{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:1px solid #ddd;background:#fafafa;border-radius:6px;cursor:pointer;font-size:14px;text-align:left;transition:background-color .15s,border-color .15s}._addButton_12ymm_67:hover{background:#f0f0f0;border-color:#ccc}._addIcon_12ymm_89{color:#4a90d9;font-weight:700;font-size:16px}._arrow_12ymm_95{color:#888;font-size:14px}._backButton_12ymm_100{display:inline-block;margin-bottom:12px;padding:6px 0;border:none;background:none;color:#4a90d9;cursor:pointer;font-size:13px}._backButton_12ymm_100:hover{text-decoration:underline}._emptyMessage_12ymm_115{margin:0;padding:12px;background:#f9f9f9;border-radius:6px;color:#888;font-size:13px;text-align:center}._field_12ymm_125{margin:0 0 8px}._content_12ymm_129{display:flex;flex:1;flex-direction:column;gap:12px}._footer_12ymm_136{margin-top:auto;padding-top:12px}._footer_12ymm_136 button{width:100%}._addedList_12ymm_145{display:flex;flex-direction:column;gap:8px}._addedItem_12ymm_151{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5f5f5;border-radius:6px;font-size:14px}._addedItem_12ymm_151 button{border:none;background:none;cursor:pointer;font-size:16px;color:#888;padding:0 4px}._addedItem_12ymm_151 button:hover{color:#e53935}._addSection_12ymm_174{display:flex;flex-direction:column;gap:8px}._container_1ruiz_1{max-width:400px;margin:100px auto;padding:24px}._title_1ruiz_7{font-size:24px;font-weight:700;margin-bottom:24px}._form_1ruiz_13{display:flex;flex-direction:column;gap:16px}._input_1ruiz_19{padding:12px;border:1px solid #ccc;border-radius:4px;font-size:16px}._input_1ruiz_19:focus{outline:none;border-color:#007bff}._error_1ruiz_31{color:#dc3545;margin:0}._wrapper_q9ydm_1{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}._container_q9ydm_10{width:400px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000014}._title_q9ydm_18{margin-bottom:12px;font-size:1.25rem}._addRole_q9ydm_23{display:flex;gap:8px;margin-bottom:16px}._input_q9ydm_29{flex:1;padding:8px 10px;border-radius:6px;border:1px solid #ccc}._addButton_q9ydm_36{padding:8px 12px;border-radius:6px;border:none;cursor:pointer;background:#4f46e5;color:#fff}._addButton_q9ydm_36:hover{background:#4338ca}._list_q9ydm_49{list-style:none;padding:0;margin:0}._listItem_q9ydm_55{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}._deleteButton_q9ydm_63{border:none;background:transparent;color:#dc2626;cursor:pointer}._deleteButton_q9ydm_63:hover{text-decoration:underline}._container_1k9jg_1{display:flex;flex-direction:column;height:100%}._header_1k9jg_7{display:flex;justify-content:flex-end;padding:1rem;border-bottom:1px solid #e2e8f0}._main_1k9jg_14{flex:1}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body,#root{height:100%}