[hidden]{display:none!important}
.header-actions,.help-user,.user-chip{display:flex;align-items:center}
.header-actions{gap:10px}
.help-user{gap:8px}
.login-button,.ghost-button,.auth-invite button{border:0;border-radius:9px;padding:10px 17px;font:700 12px Arial,sans-serif;cursor:pointer}
.login-button,.auth-invite button{background:#2767a8;color:#fff;box-shadow:0 5px 14px #2767a82b}
.login-button:hover,.auth-invite button:hover{background:#1f588d}
.ghost-button{border:1px solid var(--line);background:#fff;color:#4b6073}
.user-chip{gap:9px;border:0;background:#f3f7fa;border-radius:10px;padding:6px 10px;color:#1d2d3d;text-align:left}
.user-chip span{margin:0}
.user-chip b{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.user-chip small{display:block;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#7b8b99;font-size:9px;margin-top:2px}
.user-avatar{width:29px;height:29px;border-radius:9px;background:#dcecf9;color:#2767a8;display:grid!important;place-items:center;font-weight:800}
.public-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.public-badges span{padding:7px 10px;border:1px solid #ffffff35;border-radius:999px;background:#ffffff12;color:#fff;font-size:11px;font-weight:700}
.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}
.capability-grid section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.capability-grid b{font-size:14px}
.capability-grid p{font-size:12px;margin:7px 0 0}
.auth-invite{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding:22px 24px;border-radius:14px;background:#eaf4ff;border:1px solid #d4e6f5}
.auth-invite b{font-size:16px}
.auth-invite p{margin:5px 0 0}
.auth-invite button{white-space:nowrap}
.auth-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#102238a8;backdrop-filter:blur(3px)}
.auth-dialog{position:relative;width:min(440px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 24px 70px #07172655}
.auth-dialog h2{margin:7px 0 5px;font-size:25px}
.auth-dialog>p{margin:0 0 22px}
.auth-close{position:absolute;right:16px;top:14px;width:35px;height:35px;border:0;border-radius:10px;background:#f0f4f7;color:#617486;font-size:21px;cursor:pointer}
.auth-dialog label{display:block;margin:14px 0 0;color:#526679;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.auth-dialog input{display:block;width:100%;height:45px;margin-top:7px;padding:0 13px;border:1px solid #d6e0e8;border-radius:9px;outline:0;font:14px Arial,sans-serif;color:#1d2d3d}
.auth-dialog input:focus{border-color:#4e8ec6;box-shadow:0 0 0 3px #4e8ec61c}
.auth-submit{width:100%;height:45px;margin-top:18px}
.auth-submit:disabled,.ghost-button:disabled{opacity:.6;cursor:wait}
.auth-error{margin-top:13px;padding:11px 12px;border-radius:8px;background:#fff0f0;color:#b44a4a;font-size:12px}
.auth-note{display:block;margin-top:15px;color:#7b8c9b;line-height:1.5}
.demo-mark{display:inline-block;border-radius:999px;padding:4px 8px;background:#fff2cc;color:#85620d;font-size:11px;font-weight:700}
@media(max-width:1050px){header{padding:0 22px}.system-link{display:none}.user-chip b{max-width:130px}.user-chip small{max-width:150px}}
@media(max-width:900px){header{position:sticky;height:auto;min-height:70px;padding:11px 18px;gap:12px}.header-actions{margin-left:auto}.help-user{gap:5px}.user-chip small{display:none}.capability-grid{grid-template-columns:1fr}.auth-invite{align-items:flex-start;flex-direction:column}.auth-invite button{width:100%}}
@media(max-width:620px){header>div:first-child span{display:none}.user-chip span:not(.user-avatar){display:none}.system-link{display:none}.ghost-button,.login-button{padding:9px 12px}.auth-dialog{padding:25px 20px}.public-hero{padding:24px}.public-hero h1{font-size:26px}}
