:root{--ink:#0E0F13;--surface:#1A1C22;--surface2:#23262e;--line:#2e323c;--text:#F2F0EA;--muted:#9aa0ab;--amber:#FFB224;--green:#3DDC97;--red:#FF5C5C;--blue:#5B9CFF;--violet:#B08CFF}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea{font:inherit;color:inherit}a{color:var(--amber);text-decoration:none}.container{max-width:520px;margin:0 auto;padding:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.card+.card{margin-top:10px}.title-xl{font-family:Barlow Condensed,Impact,sans-serif;font-weight:700;font-size:34px;letter-spacing:.06em;text-transform:uppercase}.title-lg{font-family:Barlow Condensed,Impact,sans-serif;font-weight:600;font-size:22px;letter-spacing:.03em}.subtitle{font-size:12px;color:var(--muted);margin-top:4px}.label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;display:block;margin-bottom:6px}.input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--amber)}.btn{display:inline-block;width:100%;text-align:center;font-size:14px;font-weight:700;padding:13px;border-radius:12px;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--amber);color:#131313}.btn-ghost{border:1px solid var(--line);color:var(--muted);background:transparent;font-weight:600}.btn-danger{border:1px solid #3d2424;color:var(--red);background:transparent;font-weight:600}.badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:20px}.b-gray{background:#262a33;color:#9aa0ab}.b-amber{background:#332711;color:var(--amber)}.b-green{background:#122b20;color:var(--green)}.b-red{background:#331717;color:var(--red)}.b-blue{background:#14233d;color:var(--blue)}.stack>*+*{margin-top:10px}.stack-lg>*+*{margin-top:16px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.meta{font-size:12px;color:var(--muted);line-height:1.55}.err{background:#1f1414;border:1px solid #3d2424;color:var(--red);border-radius:11px;padding:11px 13px;font-size:13px}.ok{background:#122b20;border:1px solid #1f3d2e;color:var(--green);border-radius:11px;padding:11px 13px;font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--amber)}.appbar{position:sticky;top:0;background:var(--ink);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);z-index:5}.appbar h2{font-family:Barlow Condensed,Impact,sans-serif;font-weight:600;font-size:22px;letter-spacing:.03em;margin:0}.appbar .sub{font-size:11px;color:var(--muted)}.center{min-height:100dvh;display:grid;place-items:center;padding:20px}.role-tag{font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:20px;background:#332711;color:var(--amber);margin-left:8px;vertical-align:middle}