:root{color-scheme:light dark;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-subtle: #eef1f6;--bg-inset: #e6eaf1;--text: #16202e;--text-muted: #5a6879;--border: #d3dae4;--border-strong: #b6c0cd;--accent: #0b6b5e;--accent-hover: #095449;--accent-contrast: #ffffff;--accent-soft: #e2f1ee;--danger: #a4262c;--danger-hover: #851e23;--danger-soft: #fbe9ea;--warning-soft: #fdf3dc;--warning-border: #d9a441;--warning-text: #6b4a05;--success: #1a6b3c;--success-soft: #e3f3e9;--info-soft: #e4eefb;--info-text: #1a4b8c;--focus-ring: #0a5bd3;--shadow: 0 1px 2px rgba(16, 26, 40, .06), 0 4px 12px rgba(16, 26, 40, .06)}@media(prefers-color-scheme:dark){:root{--bg: #12161c;--bg-elevated: #1a2029;--bg-subtle: #212934;--bg-inset: #272f3b;--text: #e8edf4;--text-muted: #9aa7b8;--border: #333d4b;--border-strong: #47535f;--accent: #4ec9b0;--accent-hover: #6fd8c3;--accent-contrast: #0b1a17;--accent-soft: #16332e;--danger: #ff8189;--danger-hover: #ff9aa1;--danger-soft: #3a1c20;--warning-soft: #3a2f14;--warning-border: #b98a2c;--warning-text: #f2d79a;--success: #6ad48f;--success-soft: #16301f;--info-soft: #16283f;--info-text: #9dc4f5;--focus-ring: #79b0ff;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25}p{margin:0 0 var(--space-3)}a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--accent-hover)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-3);top:-4rem;z-index:50;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-sm);text-decoration:none;transition:top .15s ease}.skip-link:focus{top:var(--space-3)}.muted{color:var(--text-muted)}.stack>*+*{margin-top:var(--space-4)}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.app-header__brand{display:flex;align-items:center;gap:var(--space-3);font-size:1.05rem}.app-header__logo{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);font-weight:700}.app-header__subtitle{margin-left:var(--space-2);color:var(--text-muted)}.app-header__user{display:flex;align-items:center;gap:var(--space-3)}.flag{height:1rem;width:1.5rem;flex-shrink:0;border-radius:2px;box-shadow:0 0 0 1px #0000001a}.lang{position:relative}.lang__button{display:flex;align-items:center;gap:.5rem;width:11.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;border:1px solid var(--border-strong);border-radius:.75rem;background:var(--bg);color:var(--text);cursor:pointer}.lang__button:hover{border-color:var(--accent)}.lang__label,.lang__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.lang__label-short{display:none}.lang__caret{height:.625rem;width:.625rem;flex-shrink:0;color:var(--text-muted);transition:transform .15s ease}.lang__caret--open{transform:rotate(180deg)}.lang__menu{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:50;width:13rem;margin:0;padding:.25rem 0;list-style:none;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;background:var(--bg-elevated);box-shadow:var(--shadow)}.lang__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;text-align:left;border:0;background:transparent;color:var(--text);cursor:pointer}.lang__option:hover{background:var(--bg-subtle)}.lang__option--active{font-weight:600;color:var(--accent)}.lang__check{color:var(--accent)}@media(max-width:640px){.lang__button{width:auto}.lang__label{display:none}.lang__label-short{display:inline}}.auth-card__language{display:flex;justify-content:flex-end;margin-bottom:var(--space-3)}.app-header__identity{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.app-header__name{font-weight:600}.app-header__roles{font-size:.78rem;color:var(--text-muted)}.app-body{display:grid;grid-template-columns:260px minmax(0,1fr);flex:1;align-items:start}.app-nav{padding:var(--space-5) var(--space-4);border-right:1px solid var(--border);position:sticky;top:57px}.app-nav__group+.app-nav__group{margin-top:var(--space-5)}.app-nav__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-2)}.app-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.app-nav__link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;font-size:.94rem}.app-nav__link:hover{background:var(--bg-subtle);color:var(--text)}.app-nav__link--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.app-main{padding:var(--space-5);max-width:1200px;width:100%}@media(max-width:860px){.app-body{grid-template-columns:minmax(0,1fr)}.app-nav{position:static;border-right:none;border-bottom:1px solid var(--border);display:flex;gap:var(--space-5);overflow-x:auto;padding:var(--space-3) var(--space-4)}.app-nav__group+.app-nav__group{margin-top:0}.app-nav__list{flex-direction:row;flex-wrap:nowrap}.app-nav__link{white-space:nowrap}.app-main{padding:var(--space-4)}.app-header{flex-wrap:wrap}}.auth-shell{min-height:100%;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:min(100%,26rem);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.auth-card__title{font-size:1.4rem;margin-bottom:var(--space-2)}.auth-card__subtitle{color:var(--text-muted);margin-bottom:var(--space-5)}.auth-card__note{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-4)}.auth-card__footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:.9rem}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5)}.panel+.panel{margin-top:var(--space-4)}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.panel__title{font-size:1.15rem}.panel__description,.panel__meta{color:var(--text-muted);margin:var(--space-1) 0 0;font-size:.92rem}.panel__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.panel__actions--separated{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.panel--warning{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning-text)}.panel--warning .panel__title,.panel--warning .panel__meta{color:var(--warning-text)}.panel--credentials{border:2px solid var(--warning-border);background:var(--warning-soft);color:var(--warning-text);margin-bottom:var(--space-4)}.panel--credentials .panel__title{color:var(--warning-text);margin-bottom:var(--space-3)}.panel__warning{font-size:.92rem}.empty-state{color:var(--text-muted);padding:var(--space-5);text-align:center;background:var(--bg-subtle);border-radius:var(--radius-md);margin:0}.btn{font:inherit;font-size:.94rem;font-weight:600;line-height:1.2;padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-subtle);color:var(--text);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover:not(:disabled){background:var(--bg-subtle)}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--small{padding:.35rem .6rem;font-size:.84rem}.btn--block{width:100%;margin-top:var(--space-3)}.btn--link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;font-weight:500}.field{margin-bottom:var(--space-4)}.field__label{display:block;font-size:.88rem;font-weight:600;margin-bottom:var(--space-2)}.field__required{color:var(--danger)}.field__input{font:inherit;width:100%;padding:.55rem .7rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text)}.field__input:hover:not(:disabled){border-color:var(--accent)}.field__input:disabled,.field__input[readonly]{background:var(--bg-inset);color:var(--text-muted)}.field__hint{margin:var(--space-1) 0 0;font-size:.82rem;color:var(--text-muted)}.fieldset{border:none;margin:0;padding:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0 var(--space-4)}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4)}.toolbar .field{margin-bottom:0;min-width:16rem;flex:1}.banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);margin-bottom:var(--space-4)}.banner__body{min-width:0}.banner__code{margin:0 0 var(--space-1)}.banner__message{margin:0}.banner__details{margin:var(--space-2) 0 0;padding-left:1.1rem;font-size:.9rem}.banner__meta{margin:var(--space-2) 0 0;font-size:.8rem;color:var(--text-muted)}.banner--error{border-color:var(--danger);background:var(--danger-soft)}.banner--success{border-color:var(--success);background:var(--success-soft)}.banner--dev{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning-text);border-style:dashed;border-width:2px}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:top}.table thead th{background:var(--bg-subtle);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table__detail-row td{background:var(--bg-subtle)}.cell-title{display:block;font-weight:600;margin-bottom:var(--space-1)}.row-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.pagination__status{font-size:.9rem;color:var(--text-muted)}.code-chip{font-family:var(--font-mono);font-size:.8rem;background:var(--bg-inset);color:var(--text);padding:.1rem .4rem;border-radius:var(--radius-sm);display:inline-block;word-break:break-all}.code-chip+.code-chip{margin-left:var(--space-2)}.code-chip--muted{color:var(--text-muted);font-size:.74rem;background:transparent;padding:0}.code-chip--error{background:transparent;color:var(--danger);font-weight:700;padding:0}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip-list .code-chip+.code-chip{margin-left:0}.chip-removable{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-inset);border-radius:var(--radius-sm);padding:.1rem .2rem .1rem .45rem;font-family:var(--font-mono);font-size:.8rem}.chip-removable__remove{font:inherit;font-size:1rem;line-height:1;border:none;background:transparent;color:var(--danger);cursor:pointer;padding:.15rem .35rem;border-radius:var(--radius-sm)}.chip-removable__remove:hover:not(:disabled){background:var(--danger-soft)}.badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.03em;padding:.15rem .5rem;border-radius:999px;background:var(--bg-inset);color:var(--text)}.badge--success{background:var(--success-soft);color:var(--success)}.badge--warning{background:var(--warning-soft);color:var(--warning-text)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:var(--info-text)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4);margin:0}.detail-grid dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-1)}.detail-grid dd{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--space-4)}.stat-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.stat-card__label{font-size:.82rem;color:var(--text-muted)}.stat-card__value{font-size:1.8rem;font-weight:700;line-height:1.1}.stat-card__link{font-size:.85rem}.credentials{margin:var(--space-4) 0 0;display:grid;gap:var(--space-3)}.credentials__row{display:grid;grid-template-columns:minmax(9rem,auto) minmax(0,1fr);gap:var(--space-3);align-items:center}.credentials__row dt{font-size:.82rem;font-weight:700}.credentials__row dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.credentials__value{font-family:var(--font-mono);font-size:1rem;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.25rem .5rem;word-break:break-all}.credentials__value--muted{font-size:.8rem;color:var(--text-muted)}.role-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-subtle)}.role-card__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.role-card__title{font-size:1rem}.role-card__description{color:var(--text-muted);font-size:.9rem}.role-card__subtitle{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:var(--space-3) 0 var(--space-2)}.role-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-5)}.role-editor__title{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2)}.role-editor__add .toolbar{margin-bottom:0}.page-loader{min-height:60vh;display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted)}.inline-loader{display:flex;align-items:center;gap:var(--space-3);color:var(--text-muted)}.spinner{width:1.15rem;height:1.15rem;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.spinner--small{width:.9rem;height:.9rem}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}*{transition-duration:.01ms!important}}