:root{font-family:system-ui,"Segoe UI",sans-serif;color-scheme:light;--bg:#f6f7f8;--surface:#fff;--text:#202830;--muted:#626f7a;--line:#dce2e7;--accent:#285a78}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}header,main,footer{width:min(100% - 32px,1040px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}header a{text-decoration:none;font-weight:650}header span,.muted,small{color:var(--muted)}main{padding:24px 0 40px}h1{font-size:30px;margin:0}h2{font-size:21px}h3{font-size:17px}a{color:var(--accent)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:44px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:8px 14px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}form>button,nav button[aria-pressed=true]{background:var(--accent);color:white}input,select{display:block;width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}label{display:block;font-size:14px;margin:12px 0;overflow-wrap:anywhere}label small{display:block;margin-top:4px}input[type=checkbox]{width:20px;min-height:20px;display:inline-block;vertical-align:middle;margin-right:8px}fieldset{border:1px solid var(--line);border-radius:7px;margin:16px 0}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}section.narrow{max-width:420px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.grow{flex:1;min-width:180px}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;margin:16px 0}table{border-collapse:collapse;width:100%;font-size:14px}caption{text-align:left;padding:12px;color:var(--muted)}th,td{padding:12px;text-align:left;border-top:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{font-weight:600;background:var(--surface)}#user-detail,.project-editor{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-block:14px}#message{padding:12px;border-radius:8px;white-space:pre-wrap}#message:empty{display:none}#message[data-error=true]{background:#fbece9;color:#8a3025}#message[data-error=false]{background:#eaf2ed;color:#315d44}code,pre{font-size:13px;overflow-wrap:anywhere;white-space:pre-wrap}footer{padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}[hidden]{display:none!important}:focus-visible{outline:3px solid #437eac;outline-offset:3px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:var(--surface);padding:12px;z-index:2}@media(max-width:600px){main{padding-top:20px}.row{align-items:stretch}.grow{min-width:100%}.narrow{width:100%}.table-scroll table{min-width:500px}nav{gap:6px}nav button{flex:1;padding-inline:10px;font-size:13px}header span{display:none}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#161c22;--surface:#202932;--text:#e7edf2;--muted:#abb8c4;--line:#384754;--accent:#477fa2}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
:root{--danger:#efa5a5}:root[data-theme=light]{--danger:#9d3030}
button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover{background:var(--danger);color:var(--bg)}
#delete-user-dialog{width:min(100% - 32px,480px);max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}
#delete-user-dialog::backdrop{background:rgb(0 0 0 / .7)}#delete-user-dialog h3{margin-top:0}#delete-user-dialog .row{justify-content:flex-end}#delete-user-name{overflow-wrap:anywhere}#delete-user-error{color:var(--danger)}#delete-user-error:empty{display:none}
.account-header .theme-button{width:44px;height:44px;flex:0 0 44px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text);cursor:pointer}
.account-header .theme-button svg{width:18px;height:18px}.account-header .theme-button:hover{border-color:var(--muted)}.account-header .theme-button:focus-visible{outline:2px solid var(--text);outline-offset:5px}