*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:#f5f6f8;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}p{margin:8px 0}.app-layout{min-height:100vh}.logo-block{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:16px;font-size:16px;font-weight:700;overflow:hidden}.app-header{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:0 16px 0 0;display:flex}.app-content-wrap{margin:20px 16px}.app-content{min-height:calc(100vh - 104px)}.fullscreen-center{place-items:center;min-height:100vh;display:grid}.login-page{background:linear-gradient(140deg,#f3f5ff 0%,#f9fbff 45%,#eef8ff 100%);place-items:center;min-height:100vh;display:grid}.login-card{width:min(440px,100vw - 24px)}.login-alert{margin:16px 0}.users-page{background:#fff;border-radius:8px;padding:16px}.users-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-page{border-radius:8px}.settings-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.settings-alert{margin-bottom:16px}.header-right{align-items:center;gap:12px;display:flex}.user-profile{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;height:40px;padding:0 10px;transition:background-color .2s;display:flex}.user-profile:hover{background:#f5f5f5}.user-avatar{color:#4b5563;background:#eef0f4;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:inline-flex}.user-name{color:#111827;font-size:14px;font-weight:500}.user-caret{color:#6b7280;font-size:10px}@media (width<=767px){.user-name,.user-caret{display:none}.settings-header{flex-direction:column;align-items:stretch}}