html,body,#root{min-height:100%;margin:0}body{background:#f3f5f8}.center-screen{place-items:center;min-height:100vh;display:grid}.login-bg{background:linear-gradient(135deg,#0f2f57 0%,#1f5fae 100%);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{text-align:center;width:100%;max-width:400px;box-shadow:0 12px 40px #00000040}.login-logo{color:#fff;letter-spacing:2px;background:#1f5fae;border-radius:8px;padding:8px 16px;font-weight:700;display:inline-block}.brand{color:#fff;letter-spacing:1px;justify-content:center;align-items:center;gap:10px;height:56px;font-size:18px;font-weight:700;display:flex}.app-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;gap:12px;display:flex;background:#fff!important;padding:0 16px!important}.app-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-chip{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.user-chip:hover{background:#f0f2f5}.app-content{padding:24px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}@media (width<=576px){.app-content{padding:12px}}