:root{color-scheme:light dark;--bg: #f5f6f8;--surface: #ffffff;--text: #1d2329;--muted: #5d6873;--border: #d8dde3;--accent: #3b5b7a;--error: #a3261b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #15191d;--surface: #1e2328;--text: #e6e9ec;--muted: #9aa5b0;--border: #343b42;--accent: #8fb3d6;--error: #ff8a7a}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{font-weight:600;font-size:1.25rem;letter-spacing:.02em}.lang-switcher{display:flex;gap:4px}.lang-button,.button{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:6px;padding:4px 10px;cursor:pointer}.lang-button--active{border-color:var(--accent);color:var(--accent);font-weight:600}.lang-button:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout__main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px}.card{max-width:560px;width:100%;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.card h1{margin:0 0 12px;font-size:1.6rem;font-weight:600}.card p{margin:0 0 12px}.card--error h1{color:var(--error)}.hint{color:var(--muted);font-size:.9rem}.status{color:var(--muted)}.layout__footer{padding:12px 24px;color:var(--muted);font-size:.85rem;text-align:center;border-top:1px solid var(--border)}.layout__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.layout__main{align-items:flex-start}.stack{width:100%;max-width:760px;display:flex;flex-direction:column;gap:16px;align-items:stretch}.card{margin:0 auto}.card--wide{max-width:760px}.card h2{margin:0 0 12px;font-size:1.2rem;font-weight:600}.card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.card__head h1{margin:0}.muted{color:var(--muted)}.form{display:flex;flex-direction:column;gap:14px;margin-top:16px}.form--inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px}.field--grow{flex:1;min-width:220px}.field>span{font-size:.9rem;color:var(--muted)}.field small{font-size:.8rem}.field input,.field select{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 10px}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form .button{padding:8px 16px;align-self:flex-start}.form--inline .button{align-self:auto;margin-bottom:22px}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--surface);font-weight:600}.button--danger{border-color:var(--error);color:var(--error);font-weight:600}.button--link{border:none;padding:0;color:var(--accent);margin-bottom:12px}.button:disabled{opacity:.55;cursor:default}.alert{border-radius:8px;padding:10px 14px;margin:0 0 12px;border:1px solid var(--border);border-left-width:4px}.card .alert p{margin:0}.alert--error{border-color:var(--error)}.alert--error p:first-child{color:var(--error)}.alert--info{border-color:var(--accent)}.card .alert .request-id{margin-top:4px;font-size:.85rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.role-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.role-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 14px;border:1px solid var(--border);border-radius:8px}.role-item__info{display:flex;flex-direction:column}.role-item__name{font-weight:600}.role-item__actions{display:flex;gap:8px;flex-wrap:wrap}.role-item__confirm{width:100%;display:flex;flex-direction:column;gap:8px}.card .role-item__confirm p{margin:0}.active-role{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;max-width:260px}.active-role__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.active-role .muted{font-size:.8rem}