.create-role-page[data-v-ec6b86a2]{padding:.25rem 0;max-width:720px}.create-role-toolbar[data-v-ec6b86a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.6rem;padding:.25rem .25rem 1rem}.back-btn[data-v-ec6b86a2]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem;padding:.3rem .55rem;border:0;background:transparent;color:#6b7280;font-size:.78rem;font-weight:600;cursor:pointer;border-radius:6px;-webkit-transition:background .15s ease,color .15s ease;transition:background .15s ease,color .15s ease}.back-btn[data-v-ec6b86a2]:hover{background:#f5fbf8;color:#0e5b46}.create-role-toolbar__title[data-v-ec6b86a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.65rem}.create-role-toolbar__accent[data-v-ec6b86a2]{width:4px;height:36px;border-radius:4px;background:-webkit-gradient(linear,left top,left bottom,from(#0e5b46),to(#16a07a));background:linear-gradient(180deg,#0e5b46,#16a07a);-ms-flex-negative:0;flex-shrink:0}.create-role-toolbar__title h1[data-v-ec6b86a2]{margin:0;font-size:1.15rem;font-weight:700;color:#1f2a44;letter-spacing:-.01em;line-height:1.2}.create-role-toolbar__title p[data-v-ec6b86a2]{margin:0;font-size:.78rem;color:#6b7280}.create-role-alert[data-v-ec6b86a2]{margin:0 0 .75rem;border-radius:10px}.create-role-card[data-v-ec6b86a2]{background:#fff;border:1px solid #e5e9f2;border-radius:12px;-webkit-box-shadow:0 2px 6px rgba(15,23,42,.04);box-shadow:0 2px 6px rgba(15,23,42,.04)}.create-role-card__head[data-v-ec6b86a2]{padding:.85rem 1.25rem;border-bottom:1px solid #eef1f7;background:#fbfcfe;border-radius:12px 12px 0 0}.create-role-card__head h2[data-v-ec6b86a2]{margin:0;font-size:.95rem;font-weight:700;color:#1f2a44;letter-spacing:-.01em}.create-role-card__head p[data-v-ec6b86a2]{margin:.2rem 0 0;font-size:.78rem;color:#6b7280}.create-role-card__head code[data-v-ec6b86a2]{background:#eef1f7;color:#1f2a44;padding:.05rem .35rem;border-radius:4px;font-size:.78rem}.create-role-form[data-v-ec6b86a2]{padding:1.25rem;gap:1.1rem}.create-role-form[data-v-ec6b86a2],.form-field[data-v-ec6b86a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-field[data-v-ec6b86a2]{gap:.4rem}.form-label[data-v-ec6b86a2]{font-size:.8rem;font-weight:600;color:#1f2a44;letter-spacing:-.01em}.form-label__required[data-v-ec6b86a2]{color:#b45309;margin-left:.15rem}.form-input[data-v-ec6b86a2]{width:100%;height:38px;padding:.3rem .85rem;border:1px solid #d8dde6;border-radius:8px;background:#fff;font-size:.85rem;color:#2f3640;font-family:inherit;-webkit-transition:border-color .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,-webkit-box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease}.form-input[data-v-ec6b86a2]:focus{outline:none;border-color:#16a07a;-webkit-box-shadow:0 0 0 3px rgba(22,160,122,.18);box-shadow:0 0 0 3px rgba(22,160,122,.18)}.form-input[data-v-ec6b86a2]:disabled{background:#f8fafc;cursor:not-allowed}.form-input.has-error[data-v-ec6b86a2]{border-color:#dc2626}.form-input.has-error[data-v-ec6b86a2]:focus{-webkit-box-shadow:0 0 0 3px rgba(220,38,38,.15);box-shadow:0 0 0 3px rgba(220,38,38,.15)}.form-hint[data-v-ec6b86a2]{font-size:.74rem;color:#6b7280}.form-hint--error[data-v-ec6b86a2]{color:#b91c1c;font-weight:600}.form-actions[data-v-ec6b86a2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:.6rem;padding-top:.5rem;border-top:1px solid #eef1f7;margin-top:.5rem}.cancel-btn[data-v-ec6b86a2]{height:38px;padding:0 1.1rem;border-radius:8px;border:1px solid #e5e9f2;background:#fff;color:#1f2a44;font-size:.82rem;font-weight:600;cursor:pointer;-webkit-transition:background .15s ease,border-color .15s ease,color .15s ease;transition:background .15s ease,border-color .15s ease,color .15s ease}.cancel-btn[data-v-ec6b86a2]:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.cancel-btn[data-v-ec6b86a2]:disabled{opacity:.6;cursor:not-allowed}.submit-btn[data-v-ec6b86a2]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.4rem;height:38px;padding:0 1.25rem;border-radius:8px;border:0;background:var(--brand-gradient,linear-gradient(135deg,#0e5b46,#16a07a));color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;-webkit-box-shadow:0 2px 6px rgba(14,91,70,.18);box-shadow:0 2px 6px rgba(14,91,70,.18);-webkit-transition:-webkit-transform .15s ease,-webkit-box-shadow .15s ease,-webkit-filter .15s ease;transition:-webkit-transform .15s ease,-webkit-box-shadow .15s ease,-webkit-filter .15s ease;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,-webkit-transform .15s ease,-webkit-box-shadow .15s ease,-webkit-filter .15s ease}.submit-btn[data-v-ec6b86a2]:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 6px 14px rgba(14,91,70,.28);box-shadow:0 6px 14px rgba(14,91,70,.28);-webkit-filter:brightness(1.05);filter:brightness(1.05)}.submit-btn[data-v-ec6b86a2]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0);-webkit-filter:brightness(.96);filter:brightness(.96)}.submit-btn[data-v-ec6b86a2]:disabled{opacity:.7;cursor:not-allowed;-webkit-transform:none;transform:none;-webkit-box-shadow:0 2px 4px rgba(14,91,70,.12);box-shadow:0 2px 4px rgba(14,91,70,.12)}.submit-btn__spinner[data-v-ec6b86a2]{color:#fff}@media (max-width:575px){.create-role-page[data-v-ec6b86a2]{padding:0 0 .5rem}.create-role-toolbar[data-v-ec6b86a2]{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.25rem 0 .75rem;gap:.5rem}.create-role-toolbar__accent[data-v-ec6b86a2]{height:30px}.create-role-toolbar__title h1[data-v-ec6b86a2]{font-size:1rem}.create-role-toolbar__title p[data-v-ec6b86a2]{font-size:.72rem}.create-role-card__head[data-v-ec6b86a2]{padding:.75rem .85rem}.create-role-form[data-v-ec6b86a2]{padding:.85rem}.form-actions[data-v-ec6b86a2]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:.5rem}.cancel-btn[data-v-ec6b86a2],.submit-btn[data-v-ec6b86a2]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}